「メイド・イン・ヘブン」スキン適用中

Cocoonデフォルトのウィジェット機能まとめ

ウィジェット
この記事は約4分で読めます。

Cocoonでは、デフォルトでいくつかのウィジェットが用意してあります。

以下では五十音順に、デフォルトウィジェット機能を簡単に説明します。

CTAボックス

Cocoonでは、ウィジェットを用いて以下のようなコールトゥーアクションを設定します。

CTAボックスのデモ

設定画面はこちら。

CTAウィジェットの入力例

設定方法はこちら。

CTA(コール トゥ アクション)ボックスを作成する方法
Call To Actionは日本語で言えば「行動喚起」。ウェブサイトで、訪問者に訪れて欲しいページに誘導するためのボタンつきボックスです。

Facebookバルーン

Facebookバルーンウィジェットは、以下のような感じのウィジェットです。

Facebookバルーンウィジェット外観

Facebookページへの「いいね!」を促すためのウィジェットです。

設定画面はこんな感じ。

Facebookバルーン設定画面

Facebookボックス

Facebookボックスは、以下のような、Facebookページへのいいねを促すためのウィジェットです。

Facebookボックスウィジェット外観

設定画面はこんな感じ。

Facebookボックスウィジェット設定画面

PC用テキスト

PC用テキストウィジェットは、PC(768pxより大きな端末)のみで表示するテキストウィジェットです。

PC用テキストウィジェットの設定画面

PC用広告

PC用広告ウィジェットは、PC(768pxより大きな端末)のみで表示する広告ウィジェットです。

PC用広告ウィジェットの設定画面

広告ウィジェットを利用する利点としては、テーマ側で広告を表示にすると「広告ウィジェット」自体も非表示になります。

SNSフォローボタン

SNSフォローボタンウィジェットは、フォローボタンを表示したいウィジェットエリアに表示することができます。

SNSフォローボタンウィジェットの外観

設定画面はこんな感じ。

SNSフォローボタンウィジェットの設定画面

プロフィール

プロフィールウィジェットは、WordPress側で設定されているプロフィールを表示するためのウィジェットです。

プロフィールウィジェットの外観

設定画面はこんな感じ。

プロフィールウィジェットの設定画面

このプロフィールボックスは、ショートコードで本文中に挿入することも可能です。

プロフィールボックスを表示するショートコードの利用方法
ショートコードを用いてプロフィールボックスを記事本文中に表示する方法です。

モバイル用テキスト

モバイルのみで表示されるテキストウィジェットです。768px以下で表示されます。

モバイル用テキストウィジェット設定画面

モバイル用広告

モバイルのみで表示される広告ウィジェットです。768px以下で表示されます。

モバイル用広告ウィジェットの設定画面

広告ウィジェットを利用する利点としては、テーマ側で広告を表示にすると「広告ウィジェット」自体も非表示になります。

ランキング

商品・サービスのランキング表示をするためのウィジェットです。

ランキングウィジェットの表示例

設定画面はこんな感じ。

ランキングウィジェットの設定画面

利用方法はこちら。

商品・サービスランキングを作成して配置する方法
商品やサービスなどの独自ランキングを作成してウィジェットで配置する方法の紹介です。ランキング機能の使い方。

また、このランキングは、ショートコードを用いて本文中に表示することも可能です。

ランキングをショートコードで本文中に挿入する方法
商品ランキングをショートコードで本文中に挿入する方法です。ランキングはウィジェットでも表示できますが、本文中の自由な箇所に表示させる場合は、ショートコードです。

人気記事

人気記事リストをサムネイルつきで表示するウィジェットです。

人気記事ウィジェットの外観

カテゴリ別の人気記事も表示することが可能です。

設定画面はこんな感じ。

人気記事ウィジェットの設定画面

この人気記事ウィジェットリストは、ショートコードを利用して本文中に挿入することも可能です。

人気記事一覧を表示するショートコードの利用方法
人気記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

新着記事

新着記事リストをサムネイルつきで表示するウィジェットです。

新着記事ウィジェットの外観

設定画面はこんな感じ。

新着記事ウィジェットの設定画面

この新着記事ウィジェットリストは、ショートコードを利用して本文中に挿入することも可能です。

新着記事一覧を表示するショートコードの利用方法
新着記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

最近のコメント

最近投稿されたコメントを表示するウィジェットです。

最近のコメントをウィジェットの外観

設定画面はこんな感じ。

最近のコメントウィジェットの設定画面

まとめ

現時点のCocoonでは、これだけのデフォルトウィジェットを利用することができます。

ウィジェットタイトルの先頭に、!を入れるとタイトルが表示されなくなるという裏機能もあります。

ウィジェットタイトル入力欄先頭に!を挿入すると公開ページでウィジェットタイトルが表示されない仕様になっています
ウィジェットタイトルを手軽に非表示にする方法の紹介です。ウィジェットタイトルの利便性を損なわず利用できる方法です。

また個々のウィジェットは、それぞれ「表示設定」ボタンから表示条件を変更することが出来るようになっています。

ウィジェットの表示を制御する方法
個々のウィジェットを「表示させたい場所」のみに表示させる表示設定機能の紹介です。表示設定機能を利用することで、表示条件を制御できます。
わいひら
わいひら

出したいところに出したいウィジェットを表示できます。

タイトルとURLをコピーしました