ショートコード

adショートコード
affiショートコード
ageショートコード
agoショートコード
amazonショートコード
author_boxショートコード
blogcardショートコード
box_menuショートコード
campaignショートコード
countdownショートコード
ctaショートコード
dateショートコード
htmlショートコード
iconショートコード
info_listショートコード
login_user_onlyショートコード
naviショートコード
navi_listショートコード
new_listショートコード
patternショートコード
popular_listショートコード
rakutenショートコード
rankショートコード
rssショートコード
sitemapショートコード
starショートコード
tempショートコード
timeline/tiショートコード
tocショートコード
updatedショートコード
yagoショートコード

adショートコード

Cocoon設定→広告→広告コードで設定した広告コードを挿入します。

Cocoon設定 →広告 → アドセンス設定「[ad]ショートコード・広告ブロックを有効にする」がオンのときに、本ショートコードが表示されます。

[ad]ショートコードで広告を本文中の好きな場所に表示する方法

広告用のショートコードを用いて投稿者が「広告を出したい！」という場所にズバリ広告を表示させる方法です。

affiショートコード

Cocoon設定→アフェリエイトタグで作成したアフェリエイトコードを挿入します。

オプション	説明	値	初期値
id	アフィリエイトタグID（必須）

アフィリエイトタグの一元管理機能の使い方

アフィリエイトタグのマネージャー機能の使い方です。広告タグを一元管理することで、タグの張り替えや、テキスト修正などを容易に行えるようになります。

ageショートコード

基点となる日付からの経過年を表示します。
オプションとして、birthまたはfromのいずれかを必ず指定してください。

オプション	説明	値	初期値
birth	基点となる日付（必須）	例：1993/12/11
from	基点となる日付（必須）	例：1993/12/11
unit	単位		歳

現在の年齢を計算して表示してくれるageショートコードの使い方

誕生日を入力するだけで、現在の年齢を自動的に計算して出力してくれるショートコードの使い方。

agoショートコード

基点となる日付からの経過を表示します。
表1に示す条件に応じて、表示される単位が変化します。

オプション	説明	値	初期値
from	基点となる日付（必須）	例：1993/12/11

ago

範囲			単位
	t	≦1時間	分
1時＜	t	≦24時間	時間
24時間＜	t	≦7日	日
7日＜	t	≦31日	週間
31日＜	t	≦365日	ヶ月
365日＜	t		年

〇年前、〇ヶ月前といった相対的時間経過を表現するagoショートコードの使い方

〇年前、〇ヶ月前、〇週間前、○日前、といった感じの人間感覚的な相対的時間経過を表現するためのショートコードです。記事修正の手間を省けます。

amazonショートコード

Amazon商品リンクショートコードの使い方。サンプル付き

Amazon商品リンク作成ショートコードの使い方を、出来る限り優しく説明しています。便利なオプションもあるので、欲しい見た目をある程度手に入れることができます。

author_boxショートコード

プロフィールを表示します。

オプション	説明	値	初期値
id	ユーザーID	指定なし=投稿者のプロフィール
label	肩書きラベル

プロフィールボックスを表示するショートコードの利用方法

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

blogcardショートコード

旧ショートコードです。

ブログカードを表示します。

オプション	説明	値	初期値
url	URL（必須）

ブログカードショートコードの使い方

URLを入力するだけの「通常ブログカード機能」とは違い、ブログカードを強制的に表示させる「ブログカードショートコード」機能の紹介です。

box_menuショートコード

ボックスメニューを表示します。

オプション	説明	値	初期値
name	メニュー名（必須）

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

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

campaignショートコード

ページを開いた時刻が指定時間内の場合、コンテンツを表示します。

[campaign]コンテンツ[/campaign]

オプション	説明	値
class	CSSクラス
from	開始日時	例：2021/07/11 15:00:00
to	終了日時	例：2021/08/31 23:59:59

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

特定の期間中のみ内容を表示するショートコードの使い方です。

countdownショートコード

指定した日時までの日数を表示します。

オプション	説明	値	初期値
to	日付形式	例：2066/11/07

～まで○○日！といったような、日にちcountdownショートコードの使い方

「iPhone 100 の発売まで、あと日！！」といったような日付カウントダウンショートコードの利用方法です。何かの発売日や、開演・公開を待ちわびている感じに残りの日にちを表示できます。countdownショートコードショートコードの基本的...

ctaショートコード

CTAブロック用。

Cocoon 2.7.5公開。CTAブロック追加。WordPress 6.6向けの不具合修正など

Cocoon 2.7.4からの変更点です。機能追加 CTAブロック追加ブロックエディターツールバーの「文字」オプションに「カスタムテキスト」メニューを追加新着記事ショートコード（new_list）にordered_postsオプション追...

dateショートコード

現在日時を表示します。

オプション	説明	値	初期値
format	日付形式	例：Y-m-d H:i:s	Y/m/d

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

今日は、「」です。といったような、フォーマット指定した日時を表示するだけのショートコードを追加しました。ページキャッシュプラグイン等を利用している場合は、キャッシュが表示されて現時点での日時が出ない可能性がありますのでご了承ください。dat...

htmlショートコード

「段落」ブロックなどのショートコードを使用して、HTMLタグを挿入できます。

[html]HTMLタグ[/html]

iconショートコード

指定したFont Awesomeアイコンを表示します。

オプション	説明	値	初期値
class	CSSクラス（必須）	Font AwesomeのCSSクラス

iconショートコードの使用方法

Font Awesomeのアイコンフォントを本文中などで利用するためのショートコードの使い方です。Cocoonの場合、Font Awesome 4とFont Awesome 5を切り替えて使用できる仕様になっているため、利用しているFont...

info_listショートコード

新着情報を表示します。

オプション	説明	値	初期値
action	汎用オプション
caption	キャプション		新着情報
cats	表示カテゴリー	テゴリーIDをカンマ区切りで指定（カスタムタクソノミーの場合、タームID）	all
count	表示数		5
divider	仕切り線を表示する	0=非表示 / 1=表示	1
frame	枠線を表示する	0=非表示 / 1=表示	1
modified	更新日順に並び替える	0=投稿日順 / 1=更新順	0
offset	読み飛ばす投稿の数		0
post_type	投稿タイプ		post
taxonomy	タクソノミー名		category

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

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

login_user_onlyショートコード

ログインユーザのみコンテンツを表示します。

[login_user_only]コンテンツ[/login_user_only]

オプション	説明	値	初期値
msg	ログインユーザ向けメッセージ	任意のテキスト（HTMLタグ可）

ログインユーザーのみにコンテンツを表示するログインユーザーオンリーショートコードの使い方

ユーザー登録している人にしか表示されないコンテンツを作成して、ユーザー登録を促すためのショートコードです。

naviショートコード

旧ショートコードです。

ナビカードを表示します。

オプション	説明	値	初期値
arrow	カードに矢印を表示にする	0=非表示 / 1=表示	1
bold	タイトルを太字にする	0=標準 / 1=太字	1
class	CSSクラス
name	メニュー名（必須）
type	表示タイプ	defalt=デフォルト border_partition=カードの上下に区切り線を入れる border_square=カードに枠線を表示する large_thumb=大きなサムネイル表示にする large_thumb_on=大きなサムネイルにタイトルを重ねて表示する	defalt

navi_listショートコード

ナビカードを表示します。

オプション	説明	値	初期値
arrow	カードに矢印を表示にする	0=非表示 / 1=表示	0
bold	タイトルを太字にする	0=標準 / 1=太字	0
class	CSSクラス
horizontal	横並び表示にする	0=縦並び / 1=横並び	0
name	メニュー名（必須）
type	表示タイプ	defalt=デフォルト border_partition=カードの上下に区切り線を入れる border_square=カードに枠線を表示する large_thumb=大きなサムネイル表示にする large_thumb_on=大きなサムネイルにタイトルを重ねて表示する	defalt

意図した記事一覧を作成できる「ナビカード」ショートコードの使い方

サイト訪問者を的確に誘導するために、意図したリンクリストを作成するショートコードの使い方です。

new_listショートコード

新着記事を表示します。

オプション	説明	値	初期値
action	汎用オプション
arrow	カードに矢印を表示にする	0=非表示 / 1=表示	0
author	投稿者ID
bold	タイトルを太字にする	0=標準 / 1=太字	0
cats	表示カテゴリー	テゴリーIDをカンマ区切りで指定（カスタムタクソノミーの場合、タームID）	all
children	子カテゴリを含めて表示する	0=含めない / 1=含める	0
class	CSSクラス
count	表示数		5
date	日付を表示する	0=非表示 / 1=表示	0
ex_cats	除外カテゴリー	カテゴリーIDをカンマ区切りで指定
ex_posts	除外ページ	ページIDをカンマ区切りで指定
horizontal	横並び表示にする	0=縦並び / 1=横並び	0
modified	更新日順に並び替える	0=投稿日順 / 1=更新順	0
offset	読み飛ばす投稿の数		0
order	表示順	asc＝昇順 / desc=降順	desc
ordered_posts	表示ページ	ページIDをカンマ区切りで指定
post_type	投稿タイプ	post=投稿 / page=固定ページ	post
snippet	説明文を表示する	0=非表示 / 1=表示	0
sticky	「固定表示」記事を表示する	0=非表示 / 1=表示	1
tags	表示タグ	タグIDをカンマ区切りで指定（指定した場合、タクソノミーpost_tag固定）
taxonomy	タクソノミー名	category=カテゴリー / post_tag=タグ	category
type	表示タイプ	defalt=デフォルト border_partition=カードの上下に区切り線を入れる border_square=カードに枠線を表示する large_thumb=大きなサムネイル表示にする large_thumb_on=大きなサムネイルにタイトルを重ねて表示する	defalt

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

patternショートコード

管理メニュー→パターン一覧で作成したパターンを挿入します。

オプション	説明	値	初期値
id	パターンID（必須）

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

ブロックエディターの「パターン」機能を利用すると再利用するブロックセット等をブロックエディターから手軽に呼び出すことができます。ただ、ウィジェット（テキストウィジェット等）やクラシックエディターベースの入力方式、もしくはその他のエリアだと呼...

popular_listショートコード

人気記事を表示します。
アクセス集計の結果、同一の件数だった場合は投稿日順となります。

オプション	説明	値	初期値
action	汎用オプション
arrow	カードに矢印を表示にする	0=非表示 / 1=表示	0
author	投稿者ID
bold	タイトルを太字にする	0=標準 / 1=太字	0
cats	表示カテゴリー	カテゴリーIDをカンマ区切りで指定
children	子カテゴリを含めて表示する	0=含めない / 1=含める	0
class	CSSクラス
date	日付を表示する	0=非表示 / 1=表示	0
count	表示数		5
day	集計期間	数字=日数 / all=全期間	all
ex_cats	除外カテゴリー	カテゴリーIDをカンマ区切りで指定
ex_posts	除外ページ	ページIDをカンマ区切りで指定
horizontal	横並び表示にする	0=縦並び / 1=横並び	0
post_type	投稿タイプ	post=投稿 / page=固定ページ	post
pv	PV数を表示する	0=非表示 / 1=表示	0
rank	ランキング番号を表示する	0=非表示 / 1=表示	0
snippet	説明文を表示する	0=非表示 / 1=表示	0
type	表示タイプ	defalt=デフォルト border_partition=カードの上下に区切り線を入れる border_square=カードに枠線を表示する large_thumb=大きなサムネイル表示にする large_thumb_on=大きなサムネイルにタイトルを重ねて表示する	defalt

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

rakutenショートコード

楽天商品リンクショートコードの使い方。サンプルつき。

楽天商品リンクを作成するためのショートコードの使い方を詳しく解説しています。オプションを利用することで、様々な表現を行うことが可能です。

rankショートコード

Cocoon設定→ランキングで設定したランキングを挿入します。

オプション	説明	値	初期値
id	ランキングID（必須）

ランキングをショートコードで本文中に挿入する方法

rssショートコード

オプション	説明	値	初期値
arrow	カードに矢印を表示にする	0=非表示 / 1=表示	0
bold	タイトルを太字にする	0=標準 / 1=太字	0
cache_minute	キャッシュ間隔	分単位で指定	60
class	CSSクラス
count	表示数		5
date	日付を表示する	0=非表示 / 1=表示	1
desc	説明文を表示する	0=非表示 / 1=表示	1
img	サムネイル画像	取得できない場合に表示する画像URLを指定
target	リンクの開き方		_blank
type	表示タイプ	defalt=デフォルト border_partition=カードの上下に区切り線を入れる border_square=カードに枠線を表示する large_thumb=大きなサムネイル表示にする large_thumb_on=大きなサムネイルにタイトルを重ねて表示する	defalt
url	RSSフィードURL（必須）	*1：https://ja.wordpress.org/feed/	*1

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

外部サイトなどのRSSフィードをコンテンツ内に表示するショートコードの使い方です。

sitemapショートコード

各ページへのリンク一覧（サイトマップ）を表示します。

オプション	説明	値	初期値
archive	月別アーカイブページ一覧の表示する	0=非表示 / 1=表示	0
category	カテゴリーページ一覧を表示する	0=非表示 / 1=表示	1
page	固定ページ一覧を表示する	0=非表示 / 1=表示	1
single	投稿一覧を表示する	0=非表示 / 1=表示	1

簡単なサイトマップページを生成できるsitemapショートコードの使い方

プラグインを使用せずともサイトマップを手軽に作成できるショートコードの使い方説明です。

starショートコード

評価を星の数で表示定します。

オプション	説明	値	初期値
max	評価の最大値	1～100	5
number	評価値の表示	0=非表示 1=表示	1
rate	評価値	0～100（0.1単位）	5

レーティングスター（評価スター）ショートコードの利用方法

レビューページなどで便利な「評価スター」ショートコードのコード入力例です。

tempショートコード

Cocoon設定→テンプレートで作成したテンプレートコードを挿入します。

オプション	説明	値	初期値
id	テンプレートID（必須）

テンプレート文（定型文）を登録して使い回す方法

テーマ内に定型文を登録してショートコードで何度でも使い回す方法です。

timeline/tiショートコード

[timeline][ti]コンテンツ[/ti][/timeline]

コード	オプション	説明
[timeline]	title	タイムラインのタイトル
[ti]	title	タイトル
[ti]	label	ラベル

タイムラインショートコードの利用方法

「タイムラインショートコード」と「タイムラインアイテムショートコード」の利用方法を実例とともに紹介します。

tocショートコード

目次を表示します。

目次をショートコードで好きな場所に表示させる方法

目次をショートコードで強制的に表示させることが可能です。

updatedショートコード

投稿・固定ページの場合、更新日付を表示します。

オプション	説明	値	初期値
format	日付形式	例：Y-m-d H:i:s	Y/m/d

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

この記事の内容は、「」時点の情報に基づいて書きました。といったような、単に記事の「更新日」を表示するだけのショートコードを追加しました。とはいえ、以下のような用途に向いているかと思います。記事の更新日を本文中で明確にしたい場合記事の更新...

yagoショートコード

基点となる日付からの経過年を表示します。
agoショートコードとは異なり、単位に任意のテキストを指定できます。

オプション	説明	値	初期値
from	基点となる日付（必須）	例：1993/12/11
unit	単位	任意テキスト	空白

○年前といったような、相対的経過年を表示するyagoショートコードの使い方

○○年前といった表記を自動計算して表示してくれるショートコードの使い方です。