テーマ全般

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

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

わいひら
わいひら

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

ショートコード

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

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

レーダーチャートブロックの使い方

Cocoon 2.7.7.5で追加されたレーダーチャートブロックについての解説です。レーダーチャートブロックとはレーダーチャートブロックとは、レビューの値や能力値などをわかりやすく表現するために使うチャートブロックとなっています。例えばラー...
0
スキン

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

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

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

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

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

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

ClassicPressからWordPressに移行する方法

CMSをClassicPressからWordPressに戻す方法です。WordPressからClassicPressに変更する方法はこちら。WordPress環境に戻す方法まずはWordPress管理画面の「ツール」→「Switch to ...
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設定から「SEO...
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リスト3リスト1リスト2リスト3リスト1リ...
0
ブロックエディター

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

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

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

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

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

Cocoon設定の「ヘッダー」に「背景画像の全てを表示」オプションを追加しました。これにより「ヘッダー背景画像」に設定した画像を待つことなく全て表示できるようになりました。設定方法この設定を行なうにはCocoon設定の「ヘッダー」の「ヘッダ...
0
わいひらをフォローする
タイトルとURLをコピーしました