TIPS

レスポンシブデザインに便利なCSSのflex。 そのflexに問題点がありました。 それはGoogle AdSenseの広告がずれる時があります。 幅が固定されているdiv内等では問題ありませんが、 幅を指定せずにディスプレイサイズで可変する場合です。 当サイトはページネーションの上に幅が可変式の広告枠を設けています。 サイドバーが出ないタブレット幅以下の端末では問題ありませんが、 PCでは枠内に収まらず、サイドバーまで広告が右にズレて表示されてしまいます。 こんな感じです。 原因はGoogle AdSenseのスクリプト //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js これの挿入位置です。 例えばこのタグが広告の前後やヘッダーに入っていると 広告がズレて表示される形になります。 解決方法ですが実に簡単です。 先ほどのスクリプトをフッターで読み込むことです。 WordPressならこんな感じになりますね。 function b2n_required_script(){ wp_enqueue_script( 'google-adsense-js', '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', array(), null , true ); } add_action('wp_enqueue_scripts','b2n_required_script'); function.phpに上記プログラムを記述すれば、 フッターでGoogle AdSenseのスクリプトが読み込まれます。 そして広告の前後やヘッダーに <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> こんなスクリプトの記述があれば削除してください。 これを消さないと解決しません。 で、そんな訳でフッターで読み込むことで、 広告のズレが解消されました。 めでたし、めでたし。 Simple DaysではGoogle AdSense専用ウィジェットにて対策済みですので、 上記対策は不要です。
テンプレートによっては自動的にhentryクラスが記事に付与されます。 このhentryクラスを削除するカスタマイズです。 function.phpに下記コードを追加します。 お試しの前には必ずfunction.phpのバックアップをお願いいたします。 下記コードのご使用の際は自己責任でお願いいたします。 function b2n_remove_hentry( $hentry ) { return array_diff($hentry, array('hentry')); } add_filter('post_class', 'b2n_remove_hentry'); 以上のコードでhentryクラスが削除されます。 Googleの構造化データとしてhentryは認識されるので、 それ以降のテンプレートにentry-title等の構造化データを組み込んでいないと エラー表示される事になります。 組み込みがされているテンプレートであれば問題ありませんが、 そうで無い場合は削除しても良いと思います。 構造化データをJSON-LDでマークアップする事が多くなってきているので、 もしJSON-LDで構造化データが組み込まれている場合は、不要になりますね。 ちなみにhentryが自動的に付与されるのはWordPressのpost_class()タグが記載されている為です。 このタグが無ければ付与される事はありません。
記事のタイトルとサイト名を区切る部分のカスタマイズです。 WordPress4.4以降のバージョンで使えるカスタマイズ方法となります。 function.phpに下記コードを追加します。 お試しの前には必ずfunction.phpのバックアップをお願いいたします。 下記コードのご使用の際は自己責任でお願いいたします。 function b2n_document_title_separator( $separator ) { $separator = ' | '; return $separator; } add_filter( 'document_title_separator', 'b2n_document_title_separator' ); この例では区切りを' | 'にしています。 縦の区切り線の前後に半角のスペースを入れる事で 区切り線の両脇にゆとりが出来、 タイトル、サイト名との空間が生まれます。 今回のサンプルでは縦の区切り線にしましたが、 その他の文字に置き換えることも可能です。

是非フォローしてください

最新の情報をお伝えします

やーまん

山奥に移住し、のんびり暮らしています。
日々の事で感じた事や考え方などを備忘録として残しています。