記事の最初の画像をサムネイル画像にする
Cocoonの本文上のアイキャッチの位置を変更するカスタマイズ
WordPressテーマのCocoonの本文上に表示されるアイキャッチのサムネイル画像の位置を変更するカスタマイズの解説です。
mycus-tom.com
参考にしたサイトは上記になります。
アイキャッチに自分のサイト以外のURLリンクの投入が解らなかったので、
タイトルの直下に画像を投入して外部リンクにしました。
方法１：Coconn 設定 ＞［画像］タブ
- アイキャッチの表示
本文上にアイキャッチを表示する：チェックを外す - アイキャッチの自動設定
アイキャッチ自動設定を有効にする：チェックを付ける
既に公開（下書き）保存済みは、再度保存しなおしをすると、
アイキャッチ画像に、記事の最初の画像が適用されていると思います。
アイキャッチ要素を非表示にしているだけなので、アイキャッチに画像が既に設定されていた場合は、記事自体のサイズが増えてしまいます。
投稿件数が多くなると、このちょっとの差が容量を圧迫するかもしれません。
方法２：content.php を書き換え
- 本文上にアイキャッチ画像を出力するコードの順番の変更
下記サイトを参考にした方が楽です（実験してないので）
https://mycus-tom.com/posts/11
Cocoon 設定 ＞画像 タブ - アイキャッチの表示
本文上にアイキャッチを表示する：チェックが付いている
アイキャッチの中央寄せ：チェックを付ける - アイキャッチの自動設定
アイキャッチ自動設定を有効にする：チェックが外れている - 参考サイトを参照して設定
方法３：サムネイルの［NO IMAGE］をやめる
ただ、サムネイルの画像表示もなくなるので、ちょっと違います。
cocoon設定 ＞ 全体 ＞ サムネイル表示：
サイト全体のサムネイルを表示するのチェックを外す
コメント