Cocoonテーマの仕様・初期設定・機能説明など

Cocoonテーマの仕様・初期設定・機能説明など テーマ全般

テーマの設定に関する情報のルートカテゴリです。

わいひら
わいひら

テーマ全般に関することの一覧リストです。

スキン

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

ごーブログを運営されているごーさんが作成された「NAGI」スキンを同梱追加しました。 「NAGI」スキン NAGIスキンは、色合いがシンプルな無地系のスキンで、設定で好みの色に変更して使用するスキンです。 設定によってはダークスキンとしても...
0
ブロックエディター

ブロックエディターの文字装飾に個別のテキストCSS装飾を設定する方法

記事中の任意のテキストを任意のCSSで装飾するには、「カスタムテキスト」を使用します。 カスタムテキスト カスタムテキストはブロックエディターの段落などでテキストを選択して、「文字」→「カスタムテキスト (番号)」を利用することで、利用しま...
0
ショートコード

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

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

ClassicPressからWordPressに移行する方法

CMSをClassicPressからWordPressに戻す方法です。 WordPressからClassicPressに変更する方法はこちら。 WordPress環境に戻す方法 まずはWordPress管理画面の「ツール」→「Switch ...
0
テーマ全般

WordPressからClassicPressに移行する方法

WordPressで現在、クラシックエディターで記事を執筆している方は、クラシックエディターのアップデートが保証されているClassicPressに移行して、運営するというのもひとつの手です。 ClassicPressは、WordPress...
0
記事作成

Amazon・楽天商品リンクにメルカリボタンを表示する方法

Amazon商品リンクや楽天商品リンクで「メルカリ」検索ボタンを表示する方法を説明します。 メルカリアンバサダーに登録 メルカリボタンを表示するには、メルカリアンバサダーに登録する必要があります。 メルカリアンバサダーに登録するには、以下の...
0
記事作成

投稿・固定ページの記事タイトルを非表示にする方法

フロントページなどで、記事のタイトルを非表示にする方法です。 エディター画面でページ設定の変更 投稿・固定ページの編集画面にある「ページ設定」オプションにある「タイトルを表示しない」を有効にしてください。 公開ページでの表示 以下のように公...
0
スキン

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

ART+BEAT MANIFESTOを運営されているchu-yaさんが作成された「メイド・イン・ヘブン」を同梱追加しました。 「メイド・イン・ヘブン」スキン メイド・イン・ヘブンスキンは、できるだけCocoonぽさを取り除きシンプルにしたス...
0
ブロックエディター

インラインボタン機能で文中にボタンを作成する方法

Cocoonには、以前から「ボタンブロック」や「囲みボタンブロック」などのボタン機能はありました。 ただ、文中や表の中にボタンを作成することができなかったので「インラインボタン機能」を追加しました。 インラインボタン機能の使い方 まずは以下...
0
ブロックエディター

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

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

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

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

リファラーの振る舞いを変更する「リファラー設定」をする方法

リファラー設定を行なうことで、リンク先のサイトに「自サイトの情報をどれだけ送るか」を設定することができます。 以下では、リファラー設定のやり方を紹介します。 リファラーの振る舞いの設定方法 リファラー設定を行なうには、Cocoon設定から「...
0
広告設定

ads.txtファイルの編集方法

ads.txt(アズテキスト)とは、Webの広告枠の販売者を厳密に管理し、偽の広告枠が広告主に提供されるのを防ぐためのテキストファイルです。 Adsenseのみなどを除く、第三者(他社)広告との併用配信をする際は設置が必須なファイルとなって...
0
スキン

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

Na2 factoryを運営されているななふさんが作成されたgrayishスキンを同梱させていただきました。 Cocoonの見た目が大幅に変わるかなり気合の入ったスキンになっています。 「grayish」スキン grayishスキンは、コー...
0
ブロックエディター

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

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

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

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

ステマ規制に対応するためのPR表記設定について

2023年10月施行の通称ステマ規制において、「不当表示」とならないように対応が必要となりました。 詳細はこちらなどをご参照ください。 参考 2023年10月施行の景品表示法の指定告示(通称ステマ規制)に関するお知らせ - A8スタッフブロ...
6
テーマ設定

ヘッダーのサイズを背景画像に設定したアスペクト比を保つように設定する方法

Cocoon設定の「ヘッダー」に「背景画像の全てを表示」オプションを追加しました。 これにより「ヘッダー背景画像」に設定した画像を待つことなく全て表示できるようになりました。 設定方法 この設定を行なうにはCocoon設定の「ヘッダー」の「...
0
ショートコード

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

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

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

ネット回線マニアを運営されているくみたろうさんが作成されたスキン「ハナオチバタケ」の紹介です。 ハナオチバタケスキン ハナオチバタケスキンは『ハナオチバタケ(花落葉茸)』というきのこをモチーフにしたCocoonスキンです。 ちなみにハナオチ...
0
わいひらをフォローする
タイトルとURLをコピーしました