grayishスキン適用中

記事作成に便利な機能

記事作成に便利な機能 記事作成

投稿・固定ページで記事を作成する際の助けになる便利なテーマ機能の紹介です。

わいひら
わいひら

文章の装飾やレイアウトなどに。

ブロックエディター

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

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

パターン(旧再利用ブロック)を呼び出せるpatternショートコードの使い方

ブロックエディターの「パターン」機能を利用すると再利用するブロックセット等をブロックエディターから手軽に呼び出すことができます。 ただ、ウィジェット(テキストウィジェット等)やクラシックエディターベー...
0
ブロックエディター

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

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

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

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

新着情報(新着投稿タイトル一覧)を表示するショートコードの利用方法

Cocoonでは、ショートコードを用いて新着投稿のタイトルリストを表示することが可能です。 ショートコードの書き方 基本的にショートコードは、以下のように書いて利用できます。 上記のように書くことで、...
0
ショートコード

単に日時を表示するためのdateショートコードの使い方

今日は、「」です。 といったような、フォーマット指定した日時を表示するだけのショートコードを追加しました。 ページキャッシュプラグイン等を利用している場合は、キャッシュが表示されて現時点での日時が出な...
0
ブロックエディター

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

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

投稿・固定ページの「更新日」を表示するupdatedショートコードの使い方

この記事の内容は、「」時点の情報に基づいて書きました。 といったような、単に記事の「更新日」を表示するだけのショートコードを追加しました。 とはいえ、以下のような用途に向いているかと思います。 記事の...
0
ブロックエディター

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

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

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

「グループ」ブロックを使用した手軽な装飾方法の紹介です。
0
ショートコード

Amazon・楽天商品リンクに「DMM」検索ボタンを表示する方法

DMMアフィリエイト用の「検索ボタン」を表示する設定手順です。
0
ショートコード

キャンペーン中だけ中身を表示するcampaignショートコードの使い方

特定の期間中のみ内容を表示するショートコードの使い方です。
0
ブロックエディター

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

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

RSS記事一覧を表示するショートコードの利用方法

外部サイトなどのRSSフィードをコンテンツ内に表示するショートコードの使い方です。
0
ブロックエディター

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

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

アイコンや画像が使える「ボックスメニュー」ショートコードの使い方

アイコンフォントや画像用いて、視覚的にわかりやすいボックスタイプのメニューを表示するショートコード機能の説明です。
5
記事作成

ソースコードに行番号を表示する方法

highlight.jsを用いたソースコード表示に対して、行番号を表示できる機能を追加しました。
0
ブロックエディター

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

Cocoon2.0で強化されたGutenbergブロックの案内と使用例です。
4
ショートコード

PA-API v5に移行する際の注意点。Cocoon 1.9.6.4以降へアップデートする前に。

Amazonの商品取得APIがPA-API v4からPA-API v5に変わることによる注意点の説明です。
4
ブロックエディター

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

ブロックエディターでのブログカードの使い方。
0
タイトルとURLをコピーしました