「メイド・イン・ヘブン」スキン適用中

Cocoon 1.1.7公開。商品リンクの価格取得不具合修正、モバイルでのデザイン変更。

アップデート情報
この記事は約2分で読めます。

Cocoonをバージョンアップしました。

今回は、フォーラムで報告があったAmazon商品リンクの価格情報の不備や修正しました。

加えて、モバイル環境での商品リンクデザインを変更しました。

機能追加

  1. プロフィールウィジェットにプロフィール画像の円形設定実装

プロフィールウィジェットの画像を円形にカスタマイズされている方が多いので、機能で変更できるようにウィジェットに機能追加しました。

プロフィールウィジェットの画像を円形にする

仕様変更

  1. 商品リンクのモバイルスタイル変更
  2. サイドバーの商品リンク対応
  3. インデックス・関連記事のエントリーカードタイプのスタイル変更
  4. サイドバーのプロフィールスタイル変更
  5. 関連記事スニペットのデフォルト値変更
  6. コメント入力欄をボタン表示にデフォルト値変更

商品リンクのモバイルスタイル

以前の商品リンクのモバイルスタイルは、こんなでした。

2018-08-31_17h03_17

今回の変更で、以下のようなコンパクトな商品リンクになりました。

今回修正した商品リンクのモバイルスタイル

上記は、Amazon商品リンクの例ですが、楽天商品リンクも、カエレバも、ヨメレバも、トマレバ等も同様の表示になるように変更しました。

例はこちら。

サイドバーの商品リンク表示

加えて、サイドバーの商品リンク表示もモバイルと同様の表示にしました。

サイドバーの商品リンク表示例

このページのサイドバートップに表示されているものです。

インデックスエントリーカードのモバイル表示修正

以前はこんな感じだった、インデックスのエントリーカード表示は、

以前のエントリーカード表示

こんな感じに変更しました。

新しいエントリーカードスタイル

Simplicityで行っていたのとと似たようなデザインです。このスタイルは、関連記事でも適用されます。

不具合修正

  1. 価格の取得できなかったAmazon商品リンクアイテムでも取得できるように修正
  2. 価格取得時間のタイムゾーン変更
  3. 設定の初期値変更
  4. 管理パネルの挙動修正
  5. Lサイズの商品リンクAMPスタイル修正
  6. 全体的なモバイル表示の最適化

フォーラムの方でご指摘いただいたのですが、Amazon商品リンクの価格取得が、書籍の価格を取得できなかったり、取得できても最安値を取得できなかったので、修正しました。

こんな感じで書籍の価格を表示できるようになりました。

コメント

  1. sada より:

    商品リンクボタンの横並びにも対応していただき本当にありがとうございます。コンパクトかつ必要な情報がとても見やすくデザインされた最も優れた商品リンクになりました。これからはアドセンスよりもamazonの商品紹介のほうが、ますます収益化しやすくなると思っています。楽天も来年は報酬料率を見直すようです。Cocoonを使うことが商品紹介報酬を得るための一番の近道になる。誰もがそう思う日が必ず来ると思います。

    • わいひら わいひら より:

      元々デザインは、カエレバCSSジェネレーターのものをそのまま利用させていただいていたので、いつかは修正しようと思っていたので、ようやく今回できました。
      というか、楽天が来年料率を見直すのは今知りました。
      https://urerunet.shop/faq/faq180731
      楽天もようやく、Amazonに近い形式に転換するんですね。

タイトルとURLをコピーしました