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