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

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

[オニツカタイガー] スニーカー MEXICO 661 バーチ.INB 26.0 cm

Onitsuka Tiger(オニツカタイガー)

Amazonの商品レビュー・口コミを見る

Amazon

楽天市場

Yahoo!ショッピング

メルカリ

DMM

ティファール ケトル 0.8L アプレシアプラス カフェオレ コンパクト 空焚き防止 自動電源OFF 湯沸かし BF805170

ティファール(T-fal)

Amazonの商品レビュー・口コミを見る

Amazon

楽天市場

Yahoo!ショッピング

メルカリ

DMM

機能追加

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

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

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

こんな感じ。

[ジェラート ピケ] ジェラートボーダーパーカ PWNT184180 レディース PNK 日本 F (FREE サイズ)

gelato pique(ジェラート ピケ)

Amazonの商品レビュー・口コミを見る

Amazon

楽天市場

Yahoo!ショッピング

メルカリ

DMM

メガサイズモデル 1/48 RX-78-2 ガンダム (機動戦士ガンダム)

BANDAI SPIRITS(バンダイ スピリッツ)

Amazonの商品レビュー・口コミを見る

Amazon

楽天市場

Yahoo!ショッピング

メルカリ

DMM

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

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

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

wp-cocoon.com

2018.10.18

Gutenbergの有効化切り換え機能

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

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

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

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

詳細はこちら。

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

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

wp-cocoon.com

2018.10.15

変更

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

不具合修正

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