harada のアーカイブ

Illustratorで入稿前にチェックすること

2017年10月13日

Illustratorで入稿する前に最低限のチェックとしてすることとその方法をメモしておきます。 ## 利用している画像が埋め込まれているかを確認する ### 確認方法 1. 上部ツールバーの「ウィンドウ」>「リンク」を表示する 1. 利用している画像一覧が表示されているので右側に四角い埋め込みマークが出ているか確認する 1. マークが表示されていない場合埋め込まれていないので埋め込む ## テキストがアウトライン化されているかを確認する
続きを読む

一部テキストを翻訳しないようにするタグ

2017年9月25日

Googleの自動翻訳などを利用している場合に、数字なのになぜか4と5だけ翻訳されてしまうということがあります。 そんなとき翻訳したくない一部テキストはを以下のclassでくくると、自動翻訳がされないようになります。 ``` 翻訳したくないテキスト ``` 参考:[Google翻訳ツールでサイトを多言語対応にする](https://www.agilegroup.co.jp/technote/add-google-translation.html)
続きを読む

WordPressで印刷用のCSSを読み込む

2017年9月20日

以下のように第5引数にprintと指定することで、印刷時のみ有効になるCSSを読み込ませられます。 ``` wp_enqueue_style( 'wpa-print-style', get_stylesheet_directory_uri() . '/print-style.css', array(), '', 'print' ); } ```
続きを読む

JavaScript:WordPressで挿入されてしまった空のpタグを消す

2017年9月13日

とりあえず挿入されてしまった空のpタグがある場合にさくっと消したい場合はJavaScriptが一番簡単なようです。 ``` $('p:empty').remove(); ``` 参考:[WordPressの投稿で勝手に入った空のpタグを消したい](http://waka8s.com/archives/delete-empty-p/)
続きを読む

ajaxでもslickのスライドを動くようにする

2017年9月7日

ajaxの場合、slickの表示切り替えが動かない場合があります。その際にajaxの記述の success の部分で以下のように`$('.slick-slide').slick('unslick');$('.slick-slide').slick(getSliderSettings());`を追加することでちゃんと動くようになります。 ``` jQuery(document).ready(function ($) { $.ajax({
続きを読む

Bootstrapのアコーディオン(Collapse)でtoggleの文言を切り替える

2017年8月31日

アコーディオンパネルが開いたときと閉じているときで、toggleの文言を切り替える方法です。 ### HTML ``` 開く中身 詳細 ``` ### javaScript ``` function handleClick() { this.text = (this.text == '詳細' ? '閉じる' : '詳細'); } document.getElementById('collapsible')
続きを読む

Gianismでログイン時にFacebookを使用した際のFacebookIDを取得する

2017年8月30日

以下の関数でFacebook IDを取得できます。 ``` echo gianism_get_facebook_id($user_id); ``` 参考:https://takahashifumiki.com/api/gianism/classes/Gianism.Service.Facebook.html
続きを読む

カスタムフィールドを操作するためのタグ3つ

2017年8月28日

カスタムフィールドを登録する ``` add_post_meta( $post_id, $meta_key, $meta_value ); ``` カスタムフィールドの内容をアップデートする ``` update_post_meta( $post_id, $meta_key, $meta_value ); ``` カスタムフィールドを削除する ``` delete_post_meta( $post_id, $meta_key, $met
続きを読む

カスタム投稿タイプの名前を表示する

2017年8月25日

WordPressのループ内でその投稿が何のカスタム投稿タイプを利用しているかは`get_post_type()`で表示できます。 さらに、なんという名前かを表示したい場合は以下のように記述します。 ``` $postType = get_post_type_object(get_post_type()); if ($postType) { echo esc_html($postType->labels->name); } ``` `$po
続きを読む

search everything有効環境でタクソノミー検索が効かなくなる場合の解消方法

2017年8月24日

[Search Everything](https://ja.wordpress.org/plugins/search-everything/)の開発が終了したようです。 https://wordpress.org/support/topic/search-everything-support-update/ Search Everythingを有効にしている環境でカスタムタクソノミー検索をダッシュボードの一覧画面に入れていたのですが、これがいつの間にか効かなくな
続きを読む

JavaScriptのAlert内での改行(PHP入れ込みの場合)

2017年8月14日

通常の改行は`\n`ですが、php内に記述している場合はこれだとエディタによっては表示がおかしくなる可能性があるので`\\n`を利用します。 ``` ```
続きを読む

PHPでjavaScriptのAlertを出力する

2017年8月9日

以下のように記述することで出力できます。 ``` ``` 参考:[How to echo() javascript alert();?](https://www.sitepoint.com/community/t/how-to-echo-javascript-alert/3713/5)
続きを読む

PHPで指定日の月末を表示する

2017年7月31日

``` $this_date = strtotime('20151224');//指定日 $month = date('Y-m', $this_date);//指定日の年月 $end_of_month = strtotime('last day of ' . $month);//指定日の月末 echo date('Y年n月j日', $end_of_month); ``` 参考:[PHPで指定月の月初と月末の日付を取得](http://qiita.com/Ham
続きを読む

Contact Form 7のフォームにログイン情報を埋め込んでメールで表示する

2017年7月24日

コンタクトフォーム設定画面の「フォーム」で以下のhiddenタグを埋め込みます。 ``` [hidden your-name default:user_display_name] [hidden your-email default:user_email] ``` 「メール」画面に以下のタグを入れることで、送信者がログインユーザーの場合に、メールにログインユーザーの表示名とメールアドレスを表示することができます。 ``` ログインユーザー名 : [y
続きを読む

Gianismでログイン後に表示されるページをログイン前にみていたページにする

2017年7月24日

以下をfunctions.phpに追加します。 ``` /** * Customize redirect URL * @param string $url if not specified, null will be passed. * @param string $service facebook, twitter, etc. * @param string $context login, connect, etc. * @return
続きを読む

WordPress4.2から自動挿入されるようになった絵文字関連のタグを無効化する

2017年7月19日

WordPressのヘッダーをみていたら以下のようなタグがありました。 ``` window._wpemojiSettings = 〜 ``` ぐぐってみると絵文字関連のタグのようです。不要なのでfunctions.phpに以下の記述をして非表示にします。 合わせてWordPress4.6から自動挿入されるようになった絵文字のDNSプリフェッチタグも無効化します。 ``` // WordPress4.2で採用された絵文字を無効にする remov
続きを読む

WP User Avatarでプロフィール画像をアップしたかどうかの条件分岐

2017年7月14日

WP User Avatarプラグインを利用していて、オリジナルの画像をアップしているかどうかの条件分岐を行いたいときは以下のように記述します。 ``` if(has_wp_user_avatar($id) { //アップしている場合 } else { //アップしていない場合 } ``` 参考:http://support.netbee.co/en/support/solutions/articles/14000036619-wp-user-avat
続きを読む

WordPressに簡単にグラフを挿入できる「M Chart」プラグインでカスタムカラーを追加する方法

2017年7月14日

[M Chart](https://ja.wordpress.org/plugins/m-chart/)というプラグインを利用することで、簡単にWordPressにグラフを挿入することができます。 このプラグインでグラフの色を変更する方法です。 1. 自分で利用中のテーマフォルダの中に「m-chart-highcharts-themes」というフォルダを作成します。 ex. themes/twentyseventeen/m-chart-highcharts
続きを読む

Slickgridでヘッダーと中身のセルの幅を合わせる

2017年7月4日

デフォルトだとヘッダーのセルと中身のセルの幅がずれてしまうので、以下のCSSを追加することで合うようになるようです。 ``` .slickgrid, .slickgrid *, .slick-header-column { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } ``` 参考:[sli
続きを読む

ブラウザのリサイズ時に特定の幅以下になったらリロードする

2017年6月29日

以下の記述でリサイズ時800px以下の場合にリロードされるようになります。 ``` $(window).on("resize", function() { var w = $(window).width(); if(w < 800) { window.location = window.location; } }); ``` 参考:[JQueryで読み込み時とリサイズ時にブラウザサイズに横幅を合わせる]
続きを読む