サムネイルを変更デフォルトの設定では、アイキャッチ画像が上部に設定されます。PCならまだしも、画面の狭いモバイル端末でアイキャッチ画像を表示されても邪魔なので、トップページのみサムネイル表示させます。赤枠部分がアイキャッチ画像デフォルトは「ブログリスト、シングル投稿」に設定されています。トップページのブログリストのタイトル横に表示されるサムネイルはそのままにしたいので「ブログリストのみ」を選択します。アイキャッチ画像が設定されていると、トップページにスライダーが表示されます。画面を占有するので、不要であればチェックを外しましょう。下図の大きい赤枠がスライダーです。アイキャッチ画像が設定されているブログタイトルをスライド表示できますが、正直スペース取りすぎて邪魔です。下図の小さい赤枠がブログタイトル横に表示されるサムネイルです。このサイトはあんまりアイキャッチ画像を指定してないので、こんなもんで十分です。ここまでの変更でサイトを表示すると下図のようになります。シンプルになりました。ブランド設定を変更デフォルトのタイトル背景色は「緑」となっています。これはちょっとイケてないので、変更します。テーマカラーを変更ブランド設定を選んで変更したいテーマカラーをクリックするとパレットが出てきます。サイトのテーマカラーに合わせて変更しましょう。ここでは以下のように変更しました。テーマ背景#f9f9f8ヘッダー&メニュー#fdfeffリンク#35c4ff投稿/ページヘッダー#ebebebサイトロゴを変更サイトのロゴ画像があればアップロードすればサイトタイトルに表示できます。このサイトでは文字より画像の方がかっこいいと思ったので変更することにしました。テーマフッターを変更フッターに表示する文言を変更できます。共有中のリンクを表示のチェックを外す「共有中のリンクを表示」にチェックが入っていると、下図のリンクが表示されます。サイトへ共有できます。Light」を使っているので、機能が重複します。そのためここではチェックを外しておきます。スマホで見るとズレるんですよねぇ・・・。ページ下の「変更を保存」ボタンを押下して保存しましょう。どのように反映されたかをサイトを表示してチェックしましょう。サイトタイトルがロゴになったのと、ページタイトルの背景色が変わりました。投稿ページにGoogleAdSenceコードを設定さて、ここからが本題です。アドセンスの表示設定はできません。直接プラグインのテーマファイルを書き換える必要があります。テーマファイルを編集してもバージョンアップしたら消えてしまいますので注意が必要です。編集ファイルのバックアップは必ず取っておいてください。※いちいちメンドクサイと思われる方はプロ版の購入を検討ください。アドセンスの広告は「1ページに3つまで挿入できる」のはご存知ですよね。※3つ以上は規約違反になりますので、ご注意ください。今回配置するのは、サイトタイトル下、記事下、それと本文内です。ツールを使って、以下のファイルをダウンロードします。/wp-content/plugins/wptouch/themes/bauhaus/default/single.php「秀丸」「さくらエディタ」などのテキストエディタを使って編集します。2~3行目辺りにアドセンスコードを挿入します。?>//ここに広告コードを挿入します。52~53行目辺りにアドセンスコードを挿入します。-->//ここに広告コードを挿入します。アドセンスコードを挿入します。本文中にアドセンスコード挿入するにはわけがあります。サイトタイトル上とサイトタイトル下に広告を配置したとします。アドセンスの規約に引っかかります。広告を配置しても、広告配信が停止されてしまっては意味がありません。リスクを回避するという意味と、遅い広告をきちんと表示するため本文中に広告を表示します。タグが挿入されていることが前提となります。詳しく紹介しています。・WordPress本文中のmoreタグをアドセンス広告へ置換する方法FTPツールを使って、以下のファイルをダウンロードします。/wp-content/plugins/wptouch/themes/bauhaus/default/functions.php以下のソースを貼り付けます。EOF//ここに広告コードを挿入します。編集したファイルをアップロードして、自分のスマホから確認しましょう。下図はサイトタイトル下に表示された広告です。※広告はボカシしています。下図は本文中に表示された広告です。※広告はボカシしています。下図は記事下に表示された広告です。※広告はボカシしています。固定ページを変更FTPツールを使って、以下のファイルをダウンロードします。トップページを変更モバイルサイトのトップページを変更します。これまでの「bauhaus」というテーマではなく「foundation」というテーマにありますのでこちらを変更します。FTPツールを使って、以下のファイルをダウンロードします。?>//ここに広告コードを挿入します。?>//ここに広告コードを挿入します。?>このサイトのトップページは、本業の1つである「ホームページ制作」について掲載しています。PCサイト同様に掲載したいので、以下のように修正しました。タグ内に下記を追記します。</style>アップロードする際に注意点があります。してアップロードしたところ、正しく日本語が表示されました。アドセンスコードを追記するだけでしたら意識する必要はないのですが、今回のように日本語を追記する場合はご注意ください。ここではサクラエディタを使ったファイル形式の変更方法を紹介しておきます。下記のリンクからツールをダウンロードします。Downloadドラッグ&ドロップなどでファイルを開き、ファイルの内容を変更後、メニューの「ファイル」-「名前を付けて保存」をクリックします。ダイアログの下に下図のような「文字コードセット」の項目があるので、こちらを「UTF-8」にして上書き保存します。アップロードすれば完成です。トップページを表示すると、こんな感じに仕上がりました。まとめ今回の設定はあくまでこのサイトがおこなった手順となっています。ご自分のサイトデザインに合わせてカスタマイズして、かっこいいモバイルサイトを作ってくださいね。ちなみに今回一生懸命修正したソースは、プラグインがバージョンアップされると上書きされてしまいます。バックアップをきちんと取っておきましょう。このプラグインはバージョンアップしても、今回修正したファイルにはそれほど変更がかかっていない印象を受けます。一度手順をモノにしてしまえば、次回からそんなに手間がかからないと思いますよ。しても面倒な方は、プロ版の購入をご検討ください。時間をお金で買ったと思えば安いかもしれません^^おつかれさまでした。@saka_enえ?まさか、フォローするんじゃ・・・。