ワードプレスのサイトをスマホの画面に最適化するプラグインが色々あります。
【ワードプレス】【スマホ】と検索したらWordPressのスマートフォンサイト自動生成プラグイン6選+おまけがトップに表示されたのでこのページを参考に設置してみます。
一応すべて設置してみて使用感やUIを試してみましたが、一番にお勧めしているだけあって「WPtouch Mobile Plugin」が一番よかったです。
インストール方法
しかしこのプラグインは無料版と有料版があって、当然ながら無料版は一部機能が制限されてます。
adsenseの設置は、theme-settings > Advertising のところで設定するのですが、画像の通りIDの入力項目が【PRO】となっており無料版では設定できません。
そこで、プラグインのPHPファイルを直接書き換えてadsenseを表示させてみます。
/wp-content/plugins/wptouch/themes/bauhaus/defaultの中にあるsingle.phpファイルを編集します。
< ?php wptouch_the_content(); ?>の真上にアドセンスコード記載
➡記事の上部に広告が表示されます。
</div> <!– content –>の真上にアドセンスコードを記載
➡記事の下部に広告が表示されます。
こんな感じです。
[dropdown_box expand_text=”Information” show_more=”More” show_less=”Less” start=”hide”]
<?php get_header(); ?> <!-- <div class="crumb-path bauhaus"> <p> <a href="<?php wptouch_bloginfo( 'url' ); ?>"><?php wptouch_bloginfo( 'site_title' ); ?></a> <i class="icon-angle-right"></i> <span><?php wptouch_the_title(); ?></span> </p> </div> --> <div id="content"> <?php while ( wptouch_have_posts() ) { ?> <?php wptouch_the_post(); ?> <div class="<?php wptouch_post_classes(); ?>"> <div class="post-page-head-area bauhaus"> <span class="post-date-comments"> <?php if ( bauhaus_should_show_date() ) { ?> <?php wptouch_the_time(); ?> <?php } ?> <?php if ( bauhaus_should_show_comment_bubbles() ) { ?> <?php if ( bauhaus_should_show_date() && comments_open() ) echo '↔'; ?> <?php if ( comments_open() ) comments_number( __( 'no comments', 'wptouch-pro' ), __( '1 comment', 'wptouch-pro' ), __( '% comments', 'wptouch-pro' ) ); ?> <?php } ?> </span> <h2 class="post-title heading-font"><?php wptouch_the_title(); ?></h2> <?php if ( bauhaus_should_show_author() ) { ?> <span class="post-author"><?php the_author(); ?></span> <?php } ?> </div> <div class="post-page-content"> <?php if ( bauhaus_should_show_thumbnail() && wptouch_has_post_thumbnail() ) { ?> <div class="post-page-thumbnail"> <?php the_post_thumbnail('large', array( 'class' => 'post-thumbnail wp-post-image' ) ); ?> </div> <?php } ?> 【adsenseの広告コード】 <?php wptouch_the_content(); ?> <?php if ( bauhaus_should_show_taxonomy() ) { ?> <?php if ( wptouch_has_categories() || wptouch_has_tags() ) { ?> <div class="cat-tags"> <?php if ( wptouch_has_categories() ) { ?> <?php _e( 'Categories', 'wptouch-pro' ); ?>: <?php wptouch_the_categories(); ?><br /> <?php } ?> <?php if ( wptouch_has_tags() ) { ?> <?php _e( 'Tags', 'wptouch-pro' ); ?>: <?php wptouch_the_tags(); ?> <?php } ?> </div> <?php } ?> <?php if ( wptouch_has_tags() ) { ?> <?php } ?> <?php } ?> </div> </div> <?php } ?> 【adsenseの広告コード】 </div> <!-- content --> <?php get_template_part( 'nav-bar' ); ?> <?php get_template_part( 'related-posts' ); ?> <?php if ( comments_open() ) { ?> <div id="comments"> <?php comments_template(); ?> </div> <?php } ?> <?php get_footer(); ?>
[/dropdown_box]
著者について