投稿・固定ページで記事を作成する際の助けになる便利なテーマ機能の紹介です。
わいひら
文章の装飾やレイアウトなどに。
スキン
きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介
記事作成に便利な機能
記事作成 
ブロックエディター ブロックエディターの文字装飾に個別のテキスト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 リス...
2023.10.19
0
0
ブロックエディター拡張スタイル
ブロックエディター 段落ブロックの装飾オプションサンプル
段落ブロックで使用できる装飾サンプルです。 ボーダー ボーダー実線 ボーダー二重線 ボーダー破線 ボーダー点線 ボーダー薄太 ボーダー微凸 ボーダー実線(角丸小) ボーダー二重線(角丸小) ボーダー破線(角丸小) ボーダー点線(角丸小) ボ...
2023.10.19
0
0
ブロックエディター拡張スタイル
ショートコード 新着情報（新着投稿タイトル一覧）を表示するショートコードの利用方法
Cocoonでは、ショートコードを用いて新着投稿のタイトルリストを表示することが可能です。 ショートコードの書き方 基本的にショートコードは、以下のように書いて利用できます。 上記のように書くことで、以下のように表示されます。 オプションを...
2023.03.20
2024.09.02
0
0
ショートコード
ショートコード 単に日時を表示するためのdateショートコードの使い方
今日は、「」です。 といったような、フォーマット指定した日時を表示するだけのショートコードを追加しました。 ページキャッシュプラグイン等を利用している場合は、キャッシュが表示されて現時点での日時が出ない可能性がありますのでご了承ください。 ...
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.03.02
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.08.07
0
0
ショートコード
ブロックエディター エディターのタグ「チェックリスト形式」で選択する方法
WordPressエディター上でのタグの選択方式をチェックリストボックス形式にする方法の説明です。
2020.03.10
2020.07.10
0
0
ブロックエディター
ショートコード RSS記事一覧を表示するショートコードの利用方法
外部サイトなどのRSSフィードをコンテンツ内に表示するショートコードの使い方です。
2020.02.11
2023.01.26
0
0
ショートコード
ブロックエディター ブロックエディターでソースコードを挿入する方法
Cocoonでブロックエディター（Gutenberg）のコードブロックを利用してソースコードをハイライト表示する方法の説明です。
2020.01.28
0
0
ブロックエディター