読者の方がブラウザを通して自分のサイトにアクセスすると、WordPressで指定したテーマを読み込んで表示します。これで子テーマを適用するとどうなるか、というと次の画像。なにこれめちゃくちゃ分りやすい。要は親テーマを読み込んだ後に子テーマで上書きするんだよ、と言いたいのですが、この図には欠点がありまして。クソ真面目な人がちゃんと見てくれると、WordPress内で適用するのは親テーマに見えるんですよね。実際は子テーマを適用することで親テーマを先に読み込みます。いうと、本来は下の図が正しいから。?わかりにくいでしょ?この図にある通り、子テーマを適用することで、子テーマの中で指定した親テーマを先に読み込みます。その後子テーマの中身を上書きで読み込みます。結果的に親テーマの後に子テーマの内容が読み込まれるわけです。別にここまで理解しなくてもいいです。子テーマを使わないとどうなる?ここからが大事な話。子テーマを使わずにカスタマイズするとどうなるか見ていきましょう。インターネットはまだまだ発展途上で、色々と進歩している最中です。その為、新しい機能が出てきたり、今まで知られていなかった脆弱性(悪いことする為のアナ)が見つかったりとものすごい勢いで様変わりしているわけ。WordPressも立派なWEBサービスですから、WEBの進歩に伴い色々とアップデートするわけです。適用しているテーマもどんどんアップデートが出たりするわけです。新しいところだと、AFFINGER4がAMPという新しいサービスに対応してアップデートしました。ここではAMPが何かは語りませんが、今後重要になってくる(と思われる)新しいサービスです。自分のサイトもアップデートしたい。そんな時、大変な事になるんです。親テーマをカスタマイズしていた場合さっきの図を使って見ていきましょう。親テーマをカスタマイズしていたサイトの場合、アップデートを適用するとこんな事になります。無惨という言葉が似合う事この上ないですね。画面から見切れるほど蹴りおとされてしまいました。頑張ってカスタマイズした最高に気に入っているテーマも、アップデートに合わせて全てがなかった事になります。一度同じカスタマイズを加えるだとか、ソースコードのDiffとって差分をもう一度追加するとか、手がない事もないですがそれなら素直に子テーマを使った方が健全です。子テーマをカスタマイズしていた場合もうここまできたら分かるかと思いますが、子テーマを利用していた場合も図で見ておきましょう。子テーマを適用していると、親テーマのアップデート後も子テーマで上書きしてくれます。(大幅な変更がない限り)今回の図でもわかる通り、親テーマを最新版にアップデートした場合も、丹精込めて作ったカスタマイズはそのまま利用することができます。カスタマイズは時間も手間もかかるもの。長く使える様に子テーマは欠かさず作る様にしましょう。あ、ちなみに女性のセリフも「Wao!」から「Wow!」に治りました。これも子テーマのおかげですね。画像修正はめんどくさいので上の画像はそのままです。スポンサーリンク子テーマを導入しよう!ここまで読んで、カスタマイズには子テーマが必須という事は十分に理解してもらえたかと思います。ここからがAFFINGER4カスタマイズの本番(の事前準備)。子テーマの導入方法です。言ってもほとんどする事はありません。済ませてしまいましょう。AFFINGER4は子テーマも標準で準備!AFFINGER4では、購入時点から標準で子テーマが付属してきます。購入してダウンロードした圧縮ファイルを解凍するとこんな感じ。(たぶん)ピンクの枠で囲った「affinger4.zip」が親テーマ、「affinger4-child.zip」が子テーマです。これをwordpressにアップロードしてしまいましょう。有料テーマでも無料テーマでも、テーマのアップロードをした事がない人はほとんどいないと思いますが、念のため。管理画面の左側メニューから「外観」→「テーマ」を選択。表示された画面で「新規追加」をクリック。WordPressが公式で提供しているテーマの一覧画面が表示されるので、無視して「テーマのアップロード」ボタンをクリック。すると画面上部にうにょっとボックスが出てきます。「ファイルを選択」をクリックですの。ファイルを選ぶためのウィンドウが表示されるので、ダウンロードしてきた購入後の(もしくはアップデート適用後の)Affinger4.zipを選択です。「ファイルを選択」ボタンの右側に、指定したzipファイルの名前が表示されていることを確認したら「今すぐインストール」をクリック...!!ポロポロとメッセージが表示されて、少し待つとインストールが完了。ここでは「有効化」せずに、「テーマのページに戻る」を選択してみましょう。インストール済みのテーマの一覧画面が表示され、この中にAffinger4が表示されている事が確認できればOK。同じ手順で子テーマの「affinger4-child.zip」もインストールしてしまいましょう。2つのテーマがインストール出来たら、さっきも言った通り子テーマを有効化します。どこで言ったか分からない人。最初から読んでこいや。子テーマのアイコンの上にカーソルを合わせると下に「有効化」と「ライブプレビュー」ボタンが表示されるので、「有効化」を選択。運営中のブログに直接適用する場合は、一度「ライブプレビュー」を選択して、表示される状態を確認しておいてください。下の画面の様に、affinger4の子テーマが有効になっていれば適用完了です。念のため、適用したサイトの状態も確認しておきましょう。僕は一度affinger4を適用してカスタマイズしているので、既に少しデザインが違いますが、だいたいこんな感じ。背景は標準だとグレーだったと思います。この状態から、下の状態になるまで更新を続ける予定です。管理リセット」を!今はどうか分かりませんが、ちょっと前まではテーマを適用した後に表示が乱れる場合があった様です。管理リセット」を試してみましょう。管理」というメニューが追加されているかと思います。管理リセット」を選択。この画面の「全てリセットする」にチェックを入れて「save」ボタンをクリックです。管理画面の設定がリセットされるだけで、今まで書いた記事の内容は消えないので安心してください。AFFINGER4の管理画面から設定できる項目こんなにある。今回僕は色々デザインをいじりましたが、管理画面からだけでも十分に色々とカスタマイズする事ができます。デザインだけでなく、投稿設定も相当なカスタマイズができるので、コンテンツに力を入れたい人も十分以上に満足出来るはず。お世辞抜きに良質なWordPressテーマ!affinger4を購入して以来、コトバコに適用する前にも幾つかのサイトで適用してみましたが、今まで触れたテーマの中でダントツに触り心地の良いテーマです。あるライセンスタイプのテーマとは違い、一度購入したらいくつのサイトに利用してもOKというのは気前よすぎ。価格も機能も圧倒的で、今まで購入してきた有料テーマが霞むレベル。デフォルトのデザインでは他の有料テーマと比べると若干寂しいですが、ほぼ初心者の僕でもこのコトバコの様にカスタマイズできるんです。僕がWordPress向け有料テーマ「COLO...それっぽいタイトルで始まりましたおはようございます。(@46sym)です。なんかいじれそうなの。」をテーマにwordpressのテーマを探しております。...【COLORS】コトバコのレイアウト変更とか【...昨晩遅くにレイアウトを色々変更しました。今回はモバイル版も変更しました。トップページも2画面に変更しました。...【レビュー】有料WordPressテーマ「Ne...どうもこんにちは。(@46sym)です。このコトバコでは、結構な勢いでデザインを変更しています。...【AFFINGER4カスタマイズ】記事エリアの...前回、AFFINGER4のカスタマイズ、その事前準備として子テーマの導入について記事を書きました。