青とピンクのグラデーションを基調とした「Hygiene」スキンを同梱追加。

背景が牧歌的な空の絵のCocoonスキン「m-sora」を同梱。「m-tomato」も追加。

奇妙な食べ物をコンセプトとした「Bizarre-food」スキンを5種類同梱

シンプル志向でダークスキンにも対応した「one」スキンを同梱追加

春のおでかけがテーマのCocoonスキン「おでかけ」シリーズ3種の紹介

フッターのアフィリエイトリンクボタン機能標準搭載の「NAGI」スキンを同梱

装飾が控えめな「シンプル」スキンを5種類追加

Cocoonを少しリッチな見た目に「COLORS」スキン6種作成

OSやブラウザのダークモードに対応した「Simple Darkmode」スキンを同梱追加

1カラムのシンプルスキン「Metal Styles」を同梱追加

ミックスグリーン・ミックスブルー・ミックスレッドの3種のスキンを同梱追加

Cocoonサイトに動きが出るアニメーションを追加する方法。「ふわっと追加」スキン同梱による機能。

作り込み機能が満載な「メイド・イン・ヘブン」スキンを同梱

大人かわいいCocoonスキン「イノセンス」を追加

豊富なグラデーションが特徴の「tecurio（テクリオ）」スキンを9種類追加

クールな黒系Cocoonスキン「モダンブラック」を追加同梱

パステルカラーが似合うシンプルスキン「Momoon」を5種類追加

きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介

ショートコード

ショートコード

記事の本文中に動的な処理を追加することができるショートコードの使い方など。

全体のショートコードの使い方をまとめたページがこちら（外部サイト）。

Cocoonで使える[ショートコード]のオプションと使い方まとめ

Cocoonで使えるショートコード＋オプション一覧と、使い方が掲載されている公式ページへのリンク集的なまとめです。便利な機能がたくさんあって流し見でこんな機能あったのか～！なんて発見もあるかもしれません。ジャンル分けは独断です。すぐに使い方...

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

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

ショートコード

新着記事ショートコードを利用して任意の記事を任意の順番で表示させる方法

任意の記事を任意の順番で表示させるにはナビカードという機能で表示させることは可能です。ただしこの方法だと「外観」からメニューを作成する必要があり少々手間がかかります。そのため、もう少し手軽に意図した記事一覧を作成できるように新着記事ショート...

ショートコード

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

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

ショートコード

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

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

2023.03.20 2025.10.24

ショートコード

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

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

2021.06.22 2021.07.06

ショートコード

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

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

2021.06.13 2024.12.08

ショートコード

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

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

ショートコード

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

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

2020.03.29 2024.10.11

ショートコード

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

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

2020.02.11 2023.01.26

ショートコード

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

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

2020.01.21 2022.12.01

ショートコード

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

Amazonの商品取得APIがPA-API v4からPA-API v5に変わることによる注意点の説明です。

2019.09.14 2019.09.29

ショートコード

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

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

2019.03.10 2023.10.24

ショートコード

楽天商品リンクショートコードのリンク切れを知る方法

楽天商品リンクのリンク切れ対策。

2019.02.28 2019.08.28

Amazon商品リンクショートコード

Amazon商品リンクショートコードのリンク切れを知る方法

Amazon商品リンクのリンク切れ対策。

2019.02.28 2019.03.08

Amazon商品リンクショートコード

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

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

ショートコード

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

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

ショートコード

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

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

2019.01.16 2019.01.18

ショートコード

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

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

2019.01.16 2021.06.12

ショートコード

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

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

ショートコード

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

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

2019.01.10 2021.01.03

ショートコード

次のページ

1 2

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