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

Cocoon 2.0.7公開。ボックスメニューウィジェット、コードブロックに言語オプション追加。

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

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

2.0.6からの変更点はこちら。

機能追加

  1. ボックスメニューウィジェットの追加
  2. コードブロックに「言語」選択オプション追加
  3. ブログカードタイトル用のフィルターフックを追加
  4. テーマ情報に子テーマファイルサイズ情報を追加

ボックスメニューウィジェットの追加

先日、ボックスメニューショートコード機能を追加しました。

アイコンや画像が使える「ボックスメニュー」ショートコードの使い方
アイコンフォントや画像用いて、視覚的にわかりやすいボックスタイプのメニューを表示するショートコード機能の説明です。

今バージョンでは、より手軽にボックスメニューが利用できるように、ウィジェットを追加しました。

フォーラムメニューボックス

使い方はこちら。

「ボックスメニュー」ウィジェットの使い方
アイコンフォントや画像を利用したユーザーの利便性が高いボックス型メニューを作成する方法です。

コードブロックに「言語」選択オプション追加

WordPressデフォルトの「コード」ブロックに言語選択できる機能を追加しました。

詳細はこちら。

ブロックエディターでソースコードを挿入する方法
Cocoonでブロックエディター(Gutenberg)のコードブロックを利用してソースコードをハイライト表示する方法の説明です。

言語オプション2新たな言語を追加したり削除したりするカスタマイズ方法。

ソースコードブロックの「言語」オプションで利用できる言語を指定する方法
プログラミングに関するサイトの場合、よく利用する言語をソースコードブロックのオプションとして登録しておくと、作業がはかどるかと思います。

ブログカードタイトル用のフィルターフックを追加

ブログカードのタイトル文字列を制限できるフックを追加しました。

ブログカードタイトルの文字数を制御するコード例はこちら。

ブログカードのタイトル文字数が32以上の場合は省略して出力するカスタマイズ例
フィルターフックを用いてCocoonブログカードのタイトル文字列を制御するPHPコード例です。

テーマ情報に子テーマファイルサイズ情報を追加

Cocoon設定の「テーマ情報」に子テーマのstyle.cssとfunctions.phpのサイズを表記するようにしました。

カスタマイズしているかどうか

これにより、フォーラムなどで「テーマ情報」の提示があった場合に、ある程度「独自カスタマイズがあるかないか」がわかるようになりました。

というのも、不具合報告があって、いろいろ原因を検討した結果、最終的に「WEBで拾った独自カスタマイズをしていたから」ということが結構あったためです。

そういった手間を削減するためにも、カスタマイズの有無を判別するためにつけました(style.cssならまだしもfunctions.phpはカスタマイズしているかがわからないので)。

フォーラムサポートで参考にするための情報です。

変更

  1. ヘッダーのOGP情報やTwitter Cards情報の呼び出し順変更

以下のようなLINEの問題に対応するため、OGPや、Twitter Cardsメタタグ情報の位置を変更しました。

OGPの設定をした際にタグが挿入される位置についてなのですが、もっと上の方に挿入する事はできますでしょうか?

facebookのオブジェクトデバッガーや、twitterのCard validatorで問題なく設定できている事は確認できたのですが、LINEのメッセージでURLを送った際に反映がされません。

LINEはheader部分が長いと下の方で設定されたものは読込を省略するので、その影響のためと思われます。

LINEでOGPを表示させるために、OGP設定タグの挿入位置を今よりも上の方にできますととても助かります。

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...

不具合修正

  1. 表ブロックで中央揃えにするとテーブルスクロールが表示されない不具合修正
  2. サイトキャッチフレーズ部分の余白調整
  3. 旧吹き出しブロックの不具合対応
  4. スキンの調整・不具合修正

関連トピック

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...

お知らせ

これまで、フォーラムは一問一答形式で運営していました。

この場合、問題が解決すると、トピックを閉じていたため、長く話題を続けることは出来ないようになっていました。

トピックを閉じないで、気軽に長く情報交換できるフォーラムにするために、「雑談」フォーラムを作成しました。

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...

経緯としてはこんな感じです。

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