ブログ機能の備忘録

こちらのブログはCocoonを使っているのですが、間が空いてしまい使い方を忘れてしまうのでメモ。

アイコンと吹き出し

編集をビジュアルエディターモードでする。下記のGutenbergを無効にすればOK。でも、みなさんこのエディターモードいちいち切り替えながらやってるの・・？こっちで色々済むならずっと無効でもいいかも。

これで覚えられる！

もう忘れないようにね！

公式のサポートページ　

Cocoon

自作の吹き出しを作成して利用する方法 サイト訪問者にわかりやすく表示できる吹き出し機能の利用方法です。アイコンのセリフのように表示させることで、訪問者に分かりやすく説明できるかもしれません。

URLの挿入がうまくいかない、カードにならない時

しょっちゅう出てくるこの表示！フラストレーションだったのですが、「リンクに変換」を押せば自然にリンクカードになる。

補足　※ビュジアルエディターの場合は、URLをそのままポンと置いておくだけでカードになる！
↑の補足は、スタイル→バッジ

https://blogstudynotes.com/link/

ラベルボックス

囲みボックス

背景がカラー

引用

ここが普通の文章。下記から引用。

どうなるかな

引用元:ビジュアルエディターで編集

ここに普通のテキストを挟んでみる

Cocoon

Cocoon Blocksの現在の対応状況 Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。