2019.07.08こんにちはヾ(๑╹◡╹)ノ”今回は人気テーマ『JIN』のテーマのカスタマイズで、トップページの記事一覧の上に、バナー画像を挿入する方法を紹介します!!挿入箇所はこちらです↓↓こちらの箇所にバナー画像を設置する方法を紹介していきます!*テーマファイルでのカスタマイズ方法になります。動作など確認済みですが、こちらの方法でのカスタマイズは自己責任で行って下さい。子テーマでの変更方法も紹介しているので、必ず子テーマで実践して下さい。(子テーマでの実践をしないとテーマの更新時に上書きされて、変更した設定が無効になります。最後にまとめカスタマイズ前の注意点テーマファイルをカスタマイズ(編集)する時は、親テーマを直接編集するのはおすすめ出来ません。JINには子テーマも用意されているので、そちらの方で行うのがおすすめです。簡単に注意点として、以下の項目も参考にして頂ければと思います(╹◡╹)親テーマでのテーマファイルカスタマイズ親テーマでのテーマファイルのカスタマイズを行うと、テーマの更新の際にカスタマイズ部分が消えてしまう誤った操作でサイト自体を壊してしまうなどの危険性もあります。子テーマは、CSSの編集などサイト...では早速カスタマイズ方法に進みます。JINのトップページにバナー画像を挿入(動画)JINのトップページにバナー画像を挿入(文章)カスタマイズは、指定のファイルにコードを追加するだけでOKです!操作としては簡単ですが、先にバナー画像やリンク先を準備してから行って下さい。1準備しておく事まずはじめに、バナー画像の画像URLと、リンク先のURLを準備しておきます。●バナー画像URLとは、WordPressに画像をアップロードした時に発行されるURLです。設定したい画像を先にWordPressにアップロードしてから、画像のURLをコピーしておきましょう。画像から飛ばしたいリンク先がなく画像だけ表示させたい場合は、必要ありません。準備が出来たら進んでいきますヾ(๑╹◡╹)ノ”2テーマファイルに挿入するコードの作成JINのテーマファイルの『home.php』に、追加するコードを作成します。*子テーマに、『home.php』をコピーしてあると仮定して進めていきます。★追加するコードはこちらです。></a></center><br>1ここにリンク先を挿入部分に、画像をクリックしたら飛ばしたいURLを挿入。2ここに画像URLを挿入部分に、WordPressにアップロードした使用したい画像のURLを挿入。こちら2点を挿入したコードを使用します。★画像のみの追加をする場合のコードはこちらです。></center><br>2ここに画像URLを挿入部分に、WordPressにアップロードした使用したい画像のURLを挿入。こちら1点のみを挿入したコードを使用します。先ほど作成したコードを『home.php』に挿入していきます。今回はWordPressの管理画面で操作していきます!1、テーマの編集に進みます。2、『home.php』を選択します。今回は『home.php』を子テーマに移した状態で紹介していますが、移してない場合は親テーマより『home.php』を探して選択して下さい。3、『home.php』内の、34行目より下の部分にコードを挿入します。itemtype=”https://schema.org/Blog”>の部分より下に挿入します4、コードが追加出来たら、ファイルを更新をクリックします。無事に更新されたら完了です。WordPressの管理画面でテーマの編集が上手く行かない時があります。その時は、サーバーからかFTTPソフトを使って、テーマファイル内の編集を行います。完了したら、表示の確認をします。テーマの更新で表示が出来なくなったとお問い合わせがありましたが、表示方法は2019年07月の現在も変更なく確認済みです!考えられる原因として、親テーマでのカスタマイズを行なった事でテーマ更新の際に上書きされてしまいカスタマイズ箇所が消えてしまったと思うので、テーマファイルに変更を加えてカスタマイズする時は「必ず子テーマでカスタマイズ」してください。講座、サポートコンサルティング●代官山の大手広告デザイン会社との提携を視野に入れたWeb部署の立ち上げサポートRe-Brandingのレベルアップと合わせて、Design×Brandingを軸に活動させて頂いてます。