投稿・固定ページで記事を作成する際の助けになる便利なテーマ機能の紹介です。
わいひら
文章の装飾やレイアウトなどに。
スキン
パステルカラー調のカラフルなスキン「カラフルライン」追加
記事作成
記事作成 
記事作成 Cocoon記事のタイトルからアイキャッチを自動生成する方法
Cocoon 2.8.4から投稿・固定ページ等のタイトルからアイキャッチを作成できる機能が追加されました。まだベータ版機能なので、しばらく試験運用した後、仕様が多少変わることもあるかもしれないのであらかじめご了承ください。アイキャッチ生成機...
2025.01.31
2025.02.06
0
0
記事作成
ショートコード iconショートコードの使用方法
Font Awesomeのアイコンフォントを本文中などで利用するためのショートコードの使い方です。Cocoonの場合、Font Awesome 4とFont Awesome 5を切り替えて使用できる仕様になっているため、利用しているFont...
2024.11.16
0
0
ショートコード
ブロックエディター レーダーチャートブロックの使い方
Cocoon 2.7.7.5で追加されたレーダーチャートブロックについての解説です。レーダーチャートブロックとはレーダーチャートブロックとは、レビューの値や能力値などをわかりやすく表現するために使うチャートブロックとなっています。例えばラー...
2024.10.06
0
0
ブロックエディター
ブロックエディター ブロックエディターの文字装飾に個別のテキストCSS装飾を設定する方法
記事中の任意のテキストを任意のCSSで装飾するには、「カスタムテキスト」を使用します。カスタムテキストカスタムテキストはブロックエディターの段落などでテキストを選択して、「文字」→「カスタムテキスト （番号）」を利用することで、利用します。...
2024.07.08
2024.07.09
0
0
ブロックエディター
ショートコード 新着記事ショートコードを利用して任意の記事を任意の順番で表示させる方法
任意の記事を任意の順番で表示させるにはナビカードという機能で表示させることは可能です。ただしこの方法だと「外観」からメニューを作成する必要があり少々手間がかかります。そのため、もう少し手軽に意図した記事一覧を作成できるように新着記事ショート...
2024.07.08
0
0
ショートコード
記事作成 Amazon・楽天商品リンクにメルカリボタンを表示する方法
Amazon商品リンクや楽天商品リンクで「メルカリ」検索ボタンを表示する方法を説明します。メルカリアンバサダーに登録メルカリボタンを表示するには、メルカリアンバサダーに登録する必要があります。メルカリアンバサダーに登録するには、以下のページ...
2024.04.24
0
0
記事作成
記事作成 投稿・固定ページの記事タイトルを非表示にする方法
フロントページなどで、記事のタイトルを非表示にする方法です。エディター画面でページ設定の変更投稿・固定ページの編集画面にある「ページ設定」オプションにある「タイトルを表示しない」を有効にしてください。公開ページでの表示以下のように公開ページ...
2024.04.24
0
0
記事作成
ブロックエディター インラインボタン機能で文中にボタンを作成する方法
Cocoonには、以前から「ボタンブロック」や「囲みボタンブロック」などのボタン機能はありました。ただ、文中や表の中にボタンを作成することができなかったので「インラインボタン機能」を追加しました。インラインボタン機能の使い方まずは以下のよう...
2024.03.24
0
0
ブロックエディター
ブロックエディター テーブルで◎○△×アイコンを用いた比較表を作る方法
テーブルのセルの背景を◎○△×といったようなアイコンフォントで装飾して比較表を作る方法を紹介します。完成形はこのようになります。テーブルのセルの背景にアイコンを挿入する方法まずこのように比較表用のテーブルを作成します。背景にアイコンを入れた...
2024.02.25
0
0
ブロックエディター
ショートコード パターン（旧再利用ブロック）を呼び出せるpatternショートコードの使い方
ブロックエディターの「パターン」機能を利用すると再利用するブロックセット等をブロックエディターから手軽に呼び出すことができます。ただ、ウィジェット（テキストウィジェット等）やクラシックエディターベースの入力方式、もしくはその他のエリアだと呼...
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
ブロックエディター拡張スタイル
ショートコード 新着情報（新着投稿タイトル一覧）を表示するショートコードの利用方法
Cocoonでは、ショートコードを用いて新着投稿のタイトルリストを表示することが可能です。ショートコードの書き方基本的にショートコードは、以下のように書いて利用できます。上記のように書くことで、以下のように表示されます。オプションを用いたシ...
2023.03.20
2024.10.11
0
0
ショートコード
ショートコード 単に日時を表示するためのdateショートコードの使い方
今日は、「」です。といったような、フォーマット指定した日時を表示するだけのショートコードを追加しました。ページキャッシュプラグイン等を利用している場合は、キャッシュが表示されて現時点での日時が出ない可能性がありますのでご了承ください。dat...
2021.06.22
2021.07.06
0
0
ショートコード
ブロックエディター HTML挿入ツールボタンの使い方【寄付特典】
「HTML挿入ツールボタン」は、文章中にHTMLをそのまま挿入することができます。リンクタグとインプレッションコードが含まれた、アフィリエイトコードなどを挿入するときに主に利用します。ツールボタンで「HTML挿入」を押すとインプットボックス...
2021.06.13
2024.03.02
0
0
ブロックエディター
ショートコード 投稿・固定ページの「更新日」を表示するupdatedショートコードの使い方
この記事の内容は、「」時点の情報に基づいて書きました。といったような、単に記事の「更新日」を表示するだけのショートコードを追加しました。とはいえ、以下のような用途に向いているかと思います。 記事の更新日を本文中で明確にしたい場合 記事の更新...
2021.06.13
2024.12.08
0
0
ショートコード
ブロックエディター FAQブロックの説明と使い方
FAQブロックは、「よくある質問と回答」を入力するためのブロックです。FAQブロックの使い方FAQブロックを使用するには、ブロックの追加から「すべての表示」を押します。「Cocoonブロック」から「FAQ」を選択します。以下のようにブロック...
2021.06.13
2024.03.02
0
0
ブロックエディター
ブロックエディター ブロックエディターの複数ブロックをグループブロックを使ってまとめて装飾する方法
「グループ」ブロックを使用した手軽な装飾方法の紹介です。
2020.07.14
0
0
ブロックエディター
ショートコード Amazon・楽天商品リンクに「DMM」検索ボタンを表示する方法
DMMアフィリエイト用の「検索ボタン」を表示する設定手順です。
2020.06.08
0
0
ショートコード
ショートコード キャンペーン中だけ中身を表示するcampaignショートコードの使い方
特定の期間中のみ内容を表示するショートコードの使い方です。
2020.03.29
2024.10.11
0
0
ショートコード