WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

【Simplicity】テーマの更新備忘録 バージョン2.5.0e→2.6.0.9

公開日: サイト作成日記

先日から行っている

という私が管理する別サイトのカスタマイズ&シェイプアップ作戦。このサイトは私が近所で地域猫として可愛がられている猫ちゃんについての日記と我が家の猫ちゃんに関する日記サイトです。ここの猫ちゃんたちは全員TNRされており、1代限りの命であることが確定しています。つまり何も記録を残してあげなければ薄れていく記憶以外は本当に何も残らないという悲しい宿命を持つ猫ちゃんたちということにもなります。そんな猫ちゃんたちが生きた証を何か残せないかということで日記サイト作りを始めました。

そのサイトでも当サイトと同様【Simplicity】テーマを使っていて、ついでに最新版に更新しておこうということで公式サイトへ

すると今まで使っていたバージョン2.5.0eのところに・・・

※このバージョンに不具合があったので最新版(開発版)を利用することをおすすめします。最新版では既に修正済みです。

という不穏な文章が・・・。ざっとサイト内を見てみましたが何について不具合があったのかというのは判然としませんでした。でもやっぱり不具合があると言われたら・・・ということで現状の安定版である2.6.0.9へアップデートしました。

上の猫ちゃんのサイトは親テーマ自体ヘッダーのスライダー画像以外はノーマル状態で使っているので問題なかったのですが、このサイトの場合は親テーマ内でいろいろと改変している部分があったのでちょっと大変でした。

というのはカスタマイズした記録がなかったため。ここをこうしたハズ・・・なんて記憶をたどりながら手作業でカスタマイズ・・・こんなことは2度としたくない!ということで今回から備忘録を残すことにしました。

そんなの親テーマでやらなくても子テーマにカスタマイズする部分のファイルをコピーしてやればいいじゃん!と思うかもしれませんが、

  1. 【Simplicity】は一部のファイルが階層化されており、そこのファイルは親テーマを変更する必要があるのでは?
  2. 次のバージョンアップのときに子テーマにコピーしたファイル自体が修正されたらややこしくなるのでは?

という懸念があるので今回も親テーマ内でのカスタマイズをしていきます。

このサイトのことなので関係ない?いやいや、同じテーマを使われている方がこの記事を読んでここをこうしたら・・・というヒントになれば幸いです。

【Simplicity】親テーマのカスタマイズ内容

「本文中広告」の表示を判断するhタグの変更

「lib」→「ad.php」でカスタマイズします(どこかの記事に書いたような覚えがありますが見つからなかったのでやり方を書いておきます)。

ファイルを開いたら

define('H2_REG', '/<h2.*?>/i');//H2見出しのパターン
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします


の中のh2(小文字)部分を都合のよいタグに変更するだけ。当サイトでは最初に出てくるh3タグに対して広告を挿入したかったので
define('H2_REG', '/<h3.*?>/i');//H2見出しのパターン
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします


としているだけの話です。でも以外にやりたいけどできない・・・という人がいるかもしれないカスタマイズです。

人気記事ウィジェットにカスタム投稿タイプを追加

「Wordpress Popular Posts」のデータとタグまたはカテゴリーの情報を元に、今見ている記事と同じカテゴリーやタグの人気記事を表示してくれるウィジェット。当サイトでは基本的にカスタム投稿タイプでも投稿と同一のカテゴリーを使って分けているので人気記事の中にカスタム投稿タイプも含まれるようにしています。

で詳しく説明しています。当サイトでは追従型ウィジェットエリアに人気記事ウィジェットを入れているのですが、タイトルは「関連記事」にしてます。見る人からしたら「人気記事」でも「関連記事」でも同じこと。これは持論なのですが「人気記事」とすることで人が一生懸命書いた記事を盗用する、いわゆるパクリ行為を助長することになるかも・・・と考えてサイトには一切人気記事という表示はしていません。

SEO関係のカスタムフィールドをカスタム投稿タイプにも適用

投稿に実装されている「キーワード」「SEOタイトル」「抜粋」「更新日の変更の有無」などをカスタム投稿タイプでも使えるようにしてます。

で詳しく解説しています。せっかくある機能なのでカスタム投稿タイプを使っているならぜひ設定しておきたいですね。

投稿タイプごとに異なるスライダーをヘッダーへ追加

header.phpの本文を引き出す記述の手前にスライダーのPHPコードを挿入して実装してます。「WonderPlugin Slider Lite」というプラグインを使ってスライダーを表示しています。

サイトをみてもらうと分かると思いますが、各画像が表示されてからグーーーっとズームイン/アウトする表現が気に入って使っています。でもせっかくカスタム投稿タイプで記事のジャンル分けしてるんだから・・・ということで投稿タイプに合わせてスライダーが変わるようにしてます。やり方は

に書いてありますので参考に(別のプラグインですけどやり方は一緒)。切り替える関数を変更すればカテゴリーやタグなどでも別々のスライダーを表示することができるので結構面白いと思います。


全部の表示を見直してないので他にもあるかも・・・とりあえず前バージョンのファイルはすべてバックアップを取ってあるのでまた見つけたら追記していこうと思ってます。

改めて見返してみると、子テーマに記述したもの以外はこれだけなんですね(大したカスタマイズではないかも・・・)。でもカスタム投稿タイプを使うにあたってテーマやプラグインのカスタマイズは必須、Simplicityの場合だけでなくソースを見てカスタム投稿タイプを適用する方法は覚えておいて損はないと思います。

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】