立体感をコンセプトにしたニューモフィズムデザインの「凸凹」スキンを同梱追加

Cocoonスキン「ゆっくり色が変化」を同梱追加

Cocoonスキン「ほんわかライトニング」を同梱追加

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

Cocoon初のダークスキン！「ダークエンジ」含む暗色スキン3種追加

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

ふわっと柔らかなシンプルスキン「みるらいと」を追加。細部まで作り込まれています。

サイトが手書きテイストになる「てがきノート」スキンを追加

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

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

美しいグレーに統一されたデザインの「grayish」スキンを同梱

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

パステルカラーのかわいい系Cocoonスキン「アリス」等を追加

豊富なカラーバリエーションのシンプルなスキン「Veilnui Simplog」を10種類追加＋α

Cocoonに「サムライブルー」スキンを同梱追加。サッカー日本代表ユニホーム(勝色モデル)がモチーフ。

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

ビビッドカラー・和色・プロ野球系のCocoonスキンサイトの紹介

Cocoonに「サムライブルー（無印）」スキンを同梱追加

ショートコード

ショートコード

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

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

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

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

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

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

ショートコード

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

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

ショートコード

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

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

ショートコード

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

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

2023.03.20 2024.10.11

ショートコード

単に日時を表示するための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をコピーしました