Cocoonのブロックエディター(Gutenberg)対応について

Cocoonのブロックエディター(Gutenberg)対応について ブロックエディター

Cocoonは、テーマに内包されている「Cocoon-Blocks」を用いることで、ブロックエディターに対応しています。

ブロックエディター

レーダーチャートブロックの使い方

Cocoon 2.7.7.5で追加されたレーダーチャートブロックについての解説です。 レーダーチャートブロックとは レーダーチャートブロックとは、レビューの値や能力値などをわかりやすく表現するために使うチャートブロックとなっています。 例え...
0
ブロックエディター

ブロックエディターの文字装飾に個別のテキストCSS装飾を設定する方法

記事中の任意のテキストを任意のCSSで装飾するには、「カスタムテキスト」を使用します。 カスタムテキスト カスタムテキストはブロックエディターの段落などでテキストを選択して、「文字」→「カスタムテキスト (番号)」を利用することで、利用しま...
0
ブロックエディター

インラインボタン機能で文中にボタンを作成する方法

Cocoonには、以前から「ボタンブロック」や「囲みボタンブロック」などのボタン機能はありました。 ただ、文中や表の中にボタンを作成することができなかったので「インラインボタン機能」を追加しました。 インラインボタン機能の使い方 まずは以下...
0
ブロックエディター

テーブルで◎○△×アイコンを用いた比較表を作る方法

テーブルのセルの背景を◎○△×といったようなアイコンフォントで装飾して比較表を作る方法を紹介します。 完成形はこのようになります。 テーブルのセルの背景にアイコンを挿入する方法 まずこのように比較表用のテーブルを作成します。 背景にアイコン...
0
ブロックエディター

リストブロックの装飾オプションサンプル

リストブロックで使用することができる装飾サンプルです。 ボーダー リスト1 リスト2 リスト3 リスト1 リスト2 リスト3 リスト1 リスト2 リスト3 リスト1 リスト2 リスト3 リスト1 リスト2 リスト3 リスト1 リスト2 リス...
0
ブロックエディター

段落ブロックの装飾オプションサンプル

段落ブロックで使用できる装飾サンプルです。 ボーダー ボーダー実線 ボーダー二重線 ボーダー破線 ボーダー点線 ボーダー薄太 ボーダー微凸 ボーダー実線(角丸小) ボーダー二重線(角丸小) ボーダー破線(角丸小) ボーダー点線(角丸小) ボ...
0
ブロックエディター

HTML挿入ツールボタンの使い方【寄付特典】

「HTML挿入ツールボタン」は、文章中にHTMLをそのまま挿入することができます。 リンクタグとインプレッションコードが含まれた、アフィリエイトコードなどを挿入するときに主に利用します。 ツールボタンで「HTML挿入」を押すと インプットボ...
0
ブロックエディター

FAQブロックの説明と使い方

FAQブロックは、「よくある質問と回答」を入力するためのブロックです。 FAQブロックの使い方 FAQブロックを使用するには、ブロックの追加から「すべての表示」を押します。 「Cocoonブロック」から「FAQ」を選択します。 以下のように...
0
ブロックエディター

ブロックエディターの複数ブロックをグループブロックを使ってまとめて装飾する方法

「グループ」ブロックを使用した手軽な装飾方法の紹介です。
0
ブロックエディター

エディターのタグ「チェックリスト形式」で選択する方法

WordPressエディター上でのタグの選択方式をチェックリストボックス形式にする方法の説明です。
0
ブロックエディター

ブロックエディターでソースコードを挿入する方法

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

Cocoon 2.0でブロックエディターを強化。新しい表現が可能に。

Cocoon2.0で強化されたGutenbergブロックの案内と使用例です。
4
ブロックエディター

ブロックエディターで手っ取り早くブログカードを作成する方法

ブロックエディターでのブログカードの使い方。
0
ブロックエディター

ブロックエディター(Gutenberg)を使用しないで旧ビジュアルエディターを利用する方法

投稿画面のGutenbergエディターを無効にして旧式のエディターで編集する方法です。
0
ブロックエディター

Cocoon Blocksの現在の対応状況

Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。
0
ブロックエディター

ブロックエディター(Gutenberg)でCocoon用ブロックを利用する方法

Gutenberg対応プラグイン「Cocoon Blocks」インストールして利用する方法の紹介です。
2
わいひらをフォローする
タイトルとURLをコピーしました