Cocoon 1.2.8公開。囲みブログカード機能追加。https・http双方のSNSカウント取得機能追加。

今回のアップデートでは、ブログカードに手軽にラベルを付加できる機能を追加。

こんなやつ。

Simplicity

内部SEO施策済みのシンプルな無料Wordpressテーマを公開しています。初心者でも出来る限り分かりやすく使えるように作成しました。

wp-simplicity.com

また、https化したサイトで過去のhttpサイトのSNSシェア数等を取得する機能を追加しました。

機能追加

1. 囲みブログカード機能追加
2. 別スキームURLのシェア数・フォロー数を取得する機能追加
3. ブログカード無効化機能追加
4. ビジュアルエディター上で囲みボタンの色分け

囲みブログカード機能

ブログカードのURL文字列（URLリンク）を拡張スタイルで囲むことにより、ブログカードにラベルを表示できる機能を追加しました。

以下のような表示になります。

囲みブログカード拡張スタイルの使い方

ブログカード作成用のURLを囲むだけで様々なタイプのブログカード表示ができるようになる機能の使用方法です。

wp-cocoon.com

スタイルのサンプルもあるので確認してみてください。

別スキームのシェア・フォロー数取得

途中からSSL対応させたサイトは、シェア数などがリセットされてしまいます。

そういった場合、httpsを取得した上で、さらにhttpスキームのURLのシェア数も取得できる機能を追加しました。

シェア数、フォロー数の対応方法はこちら。

httpsサイト化後http時代のシェア数を取得する方法

サイトのSSL対応後、以前のhttpスキームのSNSシェア数を取得したい場合の設定方法です。

wp-cocoon.com

httpsサイト化後http時代のフォロー数を取得する方法

サイトのSSL対応後、以前のhttpスキームのSNSフォロー数（feedly購読者数）を取得したい場合の設定方法です。

wp-cocoon.com

ブログカードの無効化

Cocoonで、文中にURLを書くと基本的にブログカード化されてしまいます。

けれど!マークを利用することで以下のようにURL文字列を表示できるように仕様変更しました。

https://nelog.jp/

使用方法はこちら。

URLをブログカード化せずに文字列（URLリンク）として表示させる方法

ブログカードを無効化してテキストURLのみを表示する方法。

wp-cocoon.com

囲みボタンの色分け

あと、ビジュアルエディター上で囲みボタンを利用したときに、通常のボタンと、見分けがつきやすいようにエディタースタイルを変更しました。

これで、「囲みボタン」かどうかがかなりわかりやすくなったかと思います。

というか、「囲みボタン」はショートコードと組み合わせたときに、変化がないのでわかりづらかったので、「ショートコードを囲んだ際に分かりやすく表示するためのスタイリング」といってもいいかも。

これで、「囲みボタン」スタイルが適用されているかどうかが、かなりわかりやすくなったと思います。

不具合修正

1. AMPページでアイキャッチのはみ出しを防ぐ
2. バリューコマースバナーのAMP化処理
3. FS_METHOD定数定義の修正

主にAMPページの不具合対応。