Cocoonは、テーマに内包されている「Cocoon-Blocks」を用いることで、ブロックエディターに対応しています。
スキン
Cocoonサイトに動きが出るアニメーションを追加する方法。「ふわっと追加」スキン同梱による機能。
ブロックエディター
ブロックエディター 
ブロックエディター レーダーチャートブロックの使い方
Cocoon 2.7.7.5で追加されたレーダーチャートブロックについての解説です。レーダーチャートブロックとはレーダーチャートブロックとは、レビューの値や能力値などをわかりやすく表現するために使うチャートブロックとなっています。例えばラー...
2024.10.06
0
0
ブロックエディター
ブロックエディター ブロックエディターの文字装飾に個別のテキストCSS装飾を設定する方法
記事中の任意のテキストを任意のCSSで装飾するには、「カスタムテキスト」を使用します。カスタムテキストカスタムテキストはブロックエディターの段落などでテキストを選択して、「文字」→「カスタムテキスト （番号）」を利用することで、利用します。...
2024.07.08
2024.07.09
0
0
ブロックエディター
ブロックエディター インラインボタン機能で文中にボタンを作成する方法
Cocoonには、以前から「ボタンブロック」や「囲みボタンブロック」などのボタン機能はありました。ただ、文中や表の中にボタンを作成することができなかったので「インラインボタン機能」を追加しました。インラインボタン機能の使い方まずは以下のよう...
2024.03.24
0
0
ブロックエディター
ブロックエディター テーブルで◎○△×アイコンを用いた比較表を作る方法
テーブルのセルの背景を◎○△×といったようなアイコンフォントで装飾して比較表を作る方法を紹介します。完成形はこのようになります。テーブルのセルの背景にアイコンを挿入する方法まずこのように比較表用のテーブルを作成します。背景にアイコンを入れた...
2024.02.25
0
0
ブロックエディター
ブロックエディター リストブロックの装飾オプションサンプル
リストブロックで使用することができる装飾サンプルです。ボーダーリスト1リスト2リスト3リスト1リスト2リスト3リスト1リスト2リスト3リスト1リスト2リスト3リスト1リスト2リスト3リスト1リスト2リスト3リスト1リスト2リスト3リスト1リ...
2023.10.19
0
0
ブロックエディター拡張スタイル
ブロックエディター 段落ブロックの装飾オプションサンプル
段落ブロックで使用できる装飾サンプルです。ボーダーボーダー実線ボーダー二重線ボーダー破線ボーダー点線ボーダー薄太ボーダー微凸ボーダー実線(角丸小)ボーダー二重線(角丸小)ボーダー破線(角丸小)ボーダー点線(角丸小)ボーダー薄太(角丸小)ボー...
2023.10.19
0
0
ブロックエディター拡張スタイル
ブロックエディター HTML挿入ツールボタンの使い方【寄付特典】
「HTML挿入ツールボタン」は、文章中にHTMLをそのまま挿入することができます。リンクタグとインプレッションコードが含まれた、アフィリエイトコードなどを挿入するときに主に利用します。ツールボタンで「HTML挿入」を押すとインプットボックス...
2021.06.13
2024.03.02
0
0
ブロックエディター
ブロックエディター FAQブロックの説明と使い方
FAQブロックは、「よくある質問と回答」を入力するためのブロックです。FAQブロックの使い方FAQブロックを使用するには、ブロックの追加から「すべての表示」を押します。「Cocoonブロック」から「FAQ」を選択します。以下のようにブロック...
2021.06.13
2024.03.02
0
0
ブロックエディター
ブロックエディター ブロックエディターの複数ブロックをグループブロックを使ってまとめて装飾する方法
「グループ」ブロックを使用した手軽な装飾方法の紹介です。
2020.07.14
0
0
ブロックエディター
ブロックエディター エディターのタグ「チェックリスト形式」で選択する方法
WordPressエディター上でのタグの選択方式をチェックリストボックス形式にする方法の説明です。
2020.03.10
2020.07.10
0
0
ブロックエディター
ブロックエディター ブロックエディターでソースコードを挿入する方法
Cocoonでブロックエディター（Gutenberg）のコードブロックを利用してソースコードをハイライト表示する方法の説明です。
2020.01.28
0
0
ブロックエディター
ブロックエディター Cocoon 2.0でブロックエディターを強化。新しい表現が可能に。
Cocoon2.0で強化されたGutenbergブロックの案内と使用例です。
2019.11.14
2022.09.23
4
4
ブロックエディター
ブロックエディター ブロックエディターで手っ取り早くブログカードを作成する方法
ブロックエディターでのブログカードの使い方。
2019.04.01
0
0
ブロックエディター
ブロックエディター ブロックエディター（Gutenberg）を使用しないで旧ビジュアルエディターを利用する方法
投稿画面のGutenbergエディターを無効にして旧式のエディターで編集する方法です。
2018.12.25
0
0
ブロックエディター
ブロックエディター Cocoon Blocksの現在の対応状況
Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。
2018.12.25
2024.10.09
0
0
ブロックエディター
ブロックエディター ブロックエディター（Gutenberg）でCocoon用ブロックを利用する方法
Gutenberg対応プラグイン「Cocoon Blocks」インストールして利用する方法の紹介です。
2018.12.25
2019.03.18
2
2
ブロックエディター