長いこと「Atahualpa」を使ってきましたが、テーマのカスタマイズ性は良かったのですがその先が・・・例えばカスタム投稿タイプを遣ったり記事をテンプレート化したりするというのは難しそうなので、思い切ってテーマ変更することにしました。
と言ってもこのサイトはある程度訪問していただいている方が多いので、ちょっと躊躇してしまってひとまずテスト的に作っているサイトでいろいろ設定を試してからということにしようと思っています。
興味のある方はこちらのSimplicity2公式サイトを覗いてみてくださいね。
あんまりアクセスのないサイトですから、テーマ変更によるSEO効果はその方が分かるかなと思います。ソース表示してみたら結構すっきりしています。
「Atahualpa」のようにテーマ設定のエクスポート/インポートが行えないので1つ1つ設定していくことになるのですが、その時に迷わないように自分に対するメモとして記事にしておきます。
何故「Simplicity2」に??
いろいろとテーマを探す中で、一番の問題はカスタマイズする際にサポートページが充実しているか?でした。Simplicity2はテーマのブラッシュアップも行われているし、何より作者が不具合や使い方に関して細かく記事をアップしてくれているので何か問題があっても大丈夫と思えたからです。ワードプレス標準のカスタマイザーにも対応しているし、レスポンシブにも対応しているし、プラグインで使っている機能もいくつか備えているので動作が軽くなるかと思われますのでこのテーマに決定しました。
また、テーマをカスタマイズするにあたって次に問題となるのがファイル構造。私はテーマに関して超?初心者ですからいろいろな部品が1つのファイルに入っているプラグインでは飛び先の把握ができずカスタマイズしきれない部分が出てくると思います。Simplicity2は部品ごとにファイル化されているので単純に分かりやすいかな?と考えました。
インストールから設定までの内容
ヘッダーに入れるコードの挿入
Webmastertoolやアナリティクスのコード入力はカスタマイザーからでもできるのですが、その他のものは?となってしまいそうなので、ひとまずheader.phpの末尾閉じタグ前にAtahualpaでHTML挿入していたコードをそのままコピー。Webmastertool他問題なく認識してくれているようなのでひとまず設定は完了しました。
アドセンスのターゲットコード
アドセンスには広告精度を上げるためのターゲットコードがあります。プラグインで実装してもよかったのですが、せっかくなのでテーマに直接記述。記述先はpage.php、single.phpそれぞれのループ前後。
<!-- google_ad_section_start -->
をループ前に、
<!-- google_ad_section_end -->
をループ直後に入れて・・・これでOKだと思われます。Simplicity2は部分部分でしっかりコメントアウトしてくれているので初心者でもコードの流れが分かっていいテーマだとつくづく思いました。
まあ、プラグインでやるなら「Ad wrap」というのを使えば有効化するだけで大丈夫なのですが・・・できるだけプラグインに頼らずいこうと思ってます。
ひとまずカスタマイザーの範囲内でデザインする
基本的な見た目の設定は細かくできるようになっているのでカスタマイザーでやることにします。
「Simplicity2」で削減できたプラグイン
「Simplicity2」で実装されている機能とバッティングするプラグインを1つ1つ停止
- Wp Touch・・・モバイル表示用
- Wp to top・・・記事や固定ページのトップへ戻るボタン
- Yet Another Related Posts Plugin・・・関連記事を表示
- Add Post URL・・・本文先頭や末尾に広告などを表示
- Advanced Excerpt・・・記事の要約表示
- Auto Post Thumbnail・・・サムネイル画像の自動生成
6つ削減。プラグインを削減することでサーバー負担も減らせるのでありがたい。
「Simplicity2」で削減できたプラグイン、追加したプラグイン
広告コードを本文から外す
アドセンスの広告コードを表示できる箇所ができているのでそちらを利用するにあたって今まで書いた記事本文からコードを外す作業。これが猛烈に大変でした。テスト用のサイトは100程度の記事でしたからまだましですが、その他のサイトは・・・。ついでにCS SHOPのコードも本文挿入されていたものからウィジェットへ移動。ウィジェット移動に当たってはカスタムフィールド使って配信スタンドとキーワードを抽出するようにしたのでこれで自動化できます。
カスタムフィールド機能を簡単に便利に使えるプラグイン「Advanced Custom Fields」
ウィジェットでショートコードが使えない現象発生
いくつかのサイトを変更しているうちに1つだけテキストウィジェットに入れたショートコードが表示されない(ショートコードそのものが表示されてしまう)という現象が発生しました。環境も一緒、コードも他のサイトと一緒なのになぜ??本文に同じショートコードを入れるとちゃんと表示されるので、ウィジェットの問題のよう・・・ということでfunctions.phpに以下のコードを追加して終了。ちゃんと表示されるようになりました。
//テキストウィジェットでショートコードを使用する
add_filter('widget_text', 'do_shortcode');
末尾に追加しましたが問題なかったです。
【Simplicity2】ウィジェットに挿入したショートコードを動作させる方法
固定ページなどタイトルを表示しないようにしたい時
記事はタイトルが必要だとは思うのですが、固定ページはメニューからクリックで開くので特にページそのものにタイトルの表記は必要ないということで、
任意の投稿や固定ページのタイトルを非表示にするプラグイン「Title Remover」
プラグインを入れました。
いよいよこのサイトも着手
デザイン的なものは置いておいて、何となくいいものだったらやっていこうということでこのサイトもSimplicity2へ変更することにしました。とはいえ特にアドセンスは広告数制限があるので違反にならないよう準備(主に広告外し)が必要なので、段取をば・・・。
まずは影響の少ない記事からメンテナンスしていって、最後にアクセスのある記事(もちろんこうした記事はアドセンスの収益源)をやってテーマ変更って段取にすればいいかな。とにかく500以上も記事や固定ページがあるから覚悟が必要ですね。
「Display posts in grid layout without coding – Content Views」プラグイン
詳しくはリンク先の説明を読んでくれれば分かると思いますが、Simplicity2の記事一覧タイル表示のような形式のものを記事や固定ページに再現できるプラグインです。
コード知識なしでサムネイル付投稿一覧をタイル表示できるプラグイン「Display posts in grid layout without coding ? Content Views」
ブログカードを使う
Simplicity2特有の機能であるブログカード。テキストをクリックするとリンク先に飛ぶというのが通常のリンクですが、リンク先の情報をカード状で表示してくれるというもの。ブログカードを使っている複数のサイト同士のリンクでも使えるので便利です。思わず内部/外部リンクづくりに夢中になりますヨ。
ブログカードの表示は↓↓みたいな感じ
【Simplicity2】ブログカードを利用したリンクの挿入
メタデータなどの整理
一覧などに表示させる要約やソースの中に埋め込むメタデータの整理。もともとMeta Managerプラグインで設定していたのでそれを流用しつつSimplicity2とのマッチングを図りました
「Simplicity2」と「Meta Manager」を併用する場合のベストな設定
メタデータ(keyword/description)を自動で生成するプラグイン「Meta manager」
少しずつ設定する度に追記していきますね。