久しぶりに自分のブログをスマホでみて、以前に設定した内容とガラリと変わっているのでびっくりしました。
改めてwordpressの管理ページにあるwptouchの設定ページをみると、基本的な設定からテーマなんかに関する設定ができるようになっています。スマホで表示を確認しながら設定してみるのだけど、googleアドレセンスに関する設定がないし、管理画面からファイルを修正したりできないので、直接ファイルを修正することにしました。(wptouchのバージョンは3.2.2です)
トップページや検索ページ、カテゴリページなど
トップページや検索ページ、カテゴリページなどのページにgoogleアドレセンスを表示するには、
wp-content/plugins/wptouch/themes/foundation/default/index.php
を修正します。例えばフッタ上に表示したいのであれば、
</div><!-- #content --> <?php get_footer(); ?>
の部分を
</div><!-- #content --> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 320x50mob --> <ins class="adsbygoogle" style="display:inline-block;width:320px;height:50px" data-ad-client="ca-pub-6687084207544782" data-ad-slot="6956138992"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <?php get_footer(); ?>
のようにします。
投稿ページ
記事の投稿ページにgoogleアドレセンスを表示するには、
wp-content/plugins/wptouch/themes/bauhaus/default/single.php
を修正します。例えばフッタ上に表示したいのであれば、
<?php get_footer(); ?>
の部分を
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 320x50mob --> <ins class="adsbygoogle" style="display:inline-block;width:320px;height:50px" data-ad-client="ca-pub-6687084207544782" data-ad-slot="6956138992"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <?php get_footer(); ?>
のようにします。
ついでにjqueryについてはCDNを利用する
jqueryについては全てのページで利用するので、
wp-content/plugins/wptouch/themes/foundation/default/header.php
を修正します。このファイルの先頭に以下のコードを追記すると、jqueryとjquery-migrateについては、CDNを利用するようになります。
<?php add_action('wp_enqueue_scripts', 'include_cdn_jquery'); function include_cdn_jquery() { //ローカルのjqueryファイルを読み込まないようにする wp_deregister_script('jquery'); // CDNを利用するファイル $js = array( 'jquery' => 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', 'jquery_migrate' => 'http://code.jquery.com/jquery-migrate-1.2.1.min.js', ); // 上で設定したファイルを読み込むようにする foreach( $js as $key => $value ){ wp_register_script( $key, $value, false, null, false ); wp_enqueue_script( $key ); } } ?>