【COCOON】記事タイトルにアイキャッチを付けるカスタマイズ方法ワードプレスのテーマ【COCOON】で、記事タイトルにアイキャッチを付けるカスタマイズ方法についてまとめています。Miu今やれることを精一杯やる!と思いながらマイペースに過ごしています。UPLINE(ライン)のトークのメッセージを自動転送する方法2019.07.02【完全版】logicool(ロジクール)のマウスM705の設定方法2019.08.09簡単2画面パソコン!ノートPCをデスクトップPCに繋ぐ方法2019.09.27TwitterFacebookはてブLINE2019.08.17ワードプレスを使用していると、アイキャッチ画像を設定されている方は多いと思います。アイキャッチ画像は記事一覧などで表示される画像なのですが、COCOONではデフォルトのカスタマイズで”記事タイトル下に表示することが出来る”んですよね。これ、とてもありがたいのですが、個人的には「アイキャッチ画像をワンポイントで表示したい」と思っていたので、ちょっとカスタマイズ方法を考えてみました。ちなみに、今回ご紹介するカスタマイズは当サイトMishellyの記事内に表示されているこの部分のアイキャッチと記事タイトルのカスタマイズです。親テーマ子テーマを用意していると思います。子テーマを編集することで、カスタマイズを残したままバージョンアップができたり、万が一白紙化してしまっても戻すことができるようになります。今回ご紹介する方法は、親テーマ自体に手を加えるカスタマイズ方法ですので、ご了承ください。COCOONでアイキャッチ画像を呼び出すコード今回のカスタマイズでアイキャッチを呼び出しているコードはこちらです。?>このコードをアイキャッチを表示させたい場所に埋め込みます。COCOONの記事タイトル横にアイキャッチ画像を表示させるカスタマイズ手順では実際に変更していきましょう。テーマの編集画面に行きます。編集するテーマは、子テーマではなく「COCOON」です。こちらの「tmp」の中にある「content.php」を編集していきます。entry-header”>これの下あたりに、以下のコードを入力します。</h1></td></tr></table>これでアイキャッチ画像と記事タイトルを横並びに表示する設定ができました。後はCSSでカスタマイズを行います。このままでは最初から表示されていた記事タイトルが表示されたままなので、入力したコードの下にある下記のコードを削除しましょう。{the_title();}?></h1>では、次のページでCSSについてまとめていきます。"https://mishelly.net/wp-content/plugins/jetpack/_inc/build/carousel/jetpack-carousel.min.js-end");。