Cocoon 1.3.1公開。Amazon商品リンクに「カタログ写真」機能追加

今回は、Amazon商品リンクに以下のような「カタログ写真」をサムネイルボタンを表示する機能を追加しました。

機能追加

1. Amazon商品リンクにカタログ写真機能追加
2. Gutenbergの有効化切り換え機能追加
3. 案内ボックスのデザイン変更＆3種類追加

Amazon商品リンクのカタログ写真機能

Amazon商品リンクの画像下に、「小さなサムネイルボタン」を表示させて、ボタンマウスホバーで「大きな画像」を表示する機能を追加しました。

こんな感じ。

機能の詳細は以下を参照してください。

Amazon商品リンクのカタログ写真表示オプションの使い方

Amazon商品の関連写真をカタログ形式でブログパーツに表示する機能です。

wp-cocoon.com

Gutenbergの有効化切り換え機能

「Cocoon設定」の「エディター」タブにてGutenbergエディターの有効化/無効化機能を追加しました。

案内ボックスのデザイン変更＆3種類追加

案内ボックスのデザインを微妙に修正しました。

加えて3種類追加。追加したのは、セカンダリー、ライト、ダークです。

詳細はこちら。

拡張スタイル「アイコンボックス」と「案内ボックス」の表示サンプル。

Cocoonにデフォルトで用意されているボックスタイプの拡張スタイルの使い方と、サンプルコードです。

wp-cocoon.com

変更

1. image_onlyオプションが有効なAmazon商品リンクにクラスを割り当て
2. モノクロのシェアボタン色変更
3. 設定キャプションの変更
4. CSSの微調整

不具合修正

1. 入力内容によってはCocoon設定が保存できない不具合修正
2. アイキャッチキャプション部分で出ていたPHP警告対応
3. Lighthouse警告対応