前略、みなみさん

他の方から、的確な回答があれば、スルーしていただいて良いのですが、アイキャッチ画像には拡大効果は適用できなかったような気がします。（うろ覚えなので間違っているかもしれません）

私は、自分のサイトでは、Cocoon設定の「画像」タブの設定で、「アイキャッチの表示」の「本文上にアイキャッチを表示する」のチェックをはずして、アイキャッチ画像の設定をOFFにして、アイキャッチ画像と同じ画像を記事タイトルの直下に通常の画像として配置しています。（アイキャッチ画像自体は記事編集画面のサイドバー？で設定しています）

アイキャッチ画像の設定はするものの、アイキャッチ画像を記事には表示させないようにしている、という意味で、アイキャッチ画像自体は設定されているので、記事一覧や、新着記事、人気記事等のサムネイル画像として表示されています。

SNSシェアボタンや、投稿日、更新日との位置関係が、「アイキャッチ画像」とは異なってしまいますが、私のサイトの場合はアイキャッチ画像下のSNSシェアボタンは非表示にしているので、知らない人にはアイキャッチ画像に見えていると思います。

私の場合は画像の拡大効果を使いたいためではないのですが、このやり方なら、通常の画像なので、拡大効果も使えるかな？と思った次第です。

大きな欠点としては、カテゴリーラベルを使えないことでしょうか。（私は画像の中にラベルが表示されるのはあまり好きではないので使っていないです）

参考になるかどうかはちょっと疑問ですけれども・・

リフィトリーさんありがとうございます。

アイキャッチ画像と同じ画像を記事タイトルの直下に通常の画像として配置しています。

やはり、おっしゃる方法がシンプルですよね。うまくいかなかったら、この方法でしてみます。

div #baguetteBox-slider に

#baguette-img-0 〜 画像ソースを指定してあるので、

なんとかそこに付け足すことができればよいのですが……。

ちょっと、ソースコードを見て、フィルター関数を追加してうまくいくか研究してみます。

みなみさん

私もまったく詳しくはないですが。。。

#baguette-img-0 〜 画像ソースを指定してある

これは、baguetteBox.jsの実行結果として作られるのではないか。。。という気はします。
（推測です。）

Cocoonでは、おそらく以下の部分で「.entry-content」配下の画像を指定しているのではないかと思います。
（詳しくはないので、完全な推測ですが。）

https://github.com/yhira/cocoon/blob/5a01e8eb097e0f31551a8273d17bf509efa28f04/lib/utils.php#L640

（本当はその下のbaguetteBox.runなのでしょうけど。）

ですので、アイキャッチはその範囲に入っていないということだと思います。

ただ、アイキャッチはリンクにはなっていないと思いますから、上記を変えただけで拾ってくれるかは、分かりません。
（リンク先の画像を対象にしていると思いますし。）

また範囲を変えてしまうと、余計なものまで拾ってしまうかも知れません。

正直私も良く分かってはいないので、このくらいしか言えません。

mk２さん、ありがとうございます！

Cocoonでは、おそらく以下の部分で「.entry-content」配下の画像を指定しているのではないかと思います。

https://github.com/yhira/cocoon/blob/5a01e8eb097e0f31551a8273d17bf509efa28f04/lib/utils.php#L640

おかげで仕組みがスッキリわかりました。画像リンクをスキャンしているんですね。

アイキャッチ画像のURLをコピーしてから、

<a href=...></a>で空白の画像リンクを挿入したら、無事に目的通り、スライドショーに追加できました。

これで、表示している画像に関係なく、スライドショーに追加できるので、幅が広がります。

（ブログをプレゼン資料にできる）

感謝です。

みなみさん

<a href=...></a>で空白の画像リンクを挿入したら、無事に目的通り、スライドショーに追加できました。

なるほどっ！

私も勉強になりました。
ありがとうございます。

（私もあとで、試してみようと思います。）