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設定タグの挿入位置を今よりも上の方にできますととても助かります。

OGPタグの挿入位置
お世話になっております。 OGPの設定をした際にタグが挿入される位置についてなのですが、もっと上の方に挿入する事はできますでしょうか? facebookのオブジェクトデバッガーや、twitterのCard validatorで問題なく設定できている事は確認できたのですが、LINEのメッセージでURL...

不具合修正

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

関連トピック

表ブロックで中央揃えにするとテーブルスクロールが表示されない
Cocoon 2.0.6を利用させていただいております。 不具合か仕様か不明ですが、ご報告いたします。 ブロックエディタの表ブロックでテーブルを作成していますが、ブロックの配置設定(中央揃え等)を指定すると、横スクロールが出てこなくなります。 出力されたHTMLを見ると、配置設定をした場合、divタ...
スマホ最上部のディスクリプションに左右の余白を空けたい
いつも大変お世話になっております。 スマホの最上部に表示されるディスクリプションですが左右の余白がゼロなので3pxくらい空けたほうが見栄えが良くなると思います。 カスタマイズの方法をご教授いただければ幸いです。

お知らせ

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

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

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

https://wp-cocoon.com/community/chat/

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

自動アップデート機能は、しばらく後に有効になります。
Cocoonテーマの自動アップデート機能について

個々のアップデートの詳細については以下の履歴を参照してください。
GitHub Cocoonのコミット履歴

アップデート情報
スポンサーリンク
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめレンタルサーバー

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)

サービス運営期間:1年7ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
△DBは14日分だけ無料復旧可能(ファイルは有料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)

サービス運営期間:3年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い

サービス運営期間:1年5ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon

コメント テーマの質問はフォーラムへ

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