Cocoon・カスタマイズ Cocoonの記事内に開閉するBOX（トグルボックス）表示とカスタマイズ
Cocoonには、記事内に「アコーディオン開閉」するボックス（トグルボックス）を埋め込む機能があり、簡単に挿入して使えます。閉じた状態 開いた状態その使い方と、簡単カスタマイズ方法です。使い方記事編...
Cocoon
Cocoon・カスタマイズ 
Cocoon・使い方 Cocoonで簡単にカテゴリーごとのページをデザイン設定
Cocoonはカテゴリーのデザインを編集し、カテゴリーアーカイブページの上部を簡単にカスタマイズする機能があります。カテゴリーアーカイブページの上部表示例カテゴリー名の背景色、文字色を任意の色に変更出...
Cocoon・使い方 Cocoonのアイキャッチサイズはいくつにすればいい？比率ごとのサイズサンプル
テーマによってアイキャッチ画像のサイズ（縦横比率）が適当だと、拡大や縮小されて間延びしたり、画像が切れてしまったりします。Cocoonの場合は、画像の縦横比を設定する事が出来る為、その設定に沿った比率...
スキン Cocoonのスキン：プロ野球シリーズ「オリックスバッファローズ」
Cocoonの独自スキン、プロ野球の球団テーマカラーを基調にしたシリーズです。こちらはオリックスバッファローズカラーのスキンです。2020/05/25少しデザイン追加し、ダウンロードファイルは軽量化し...
Cocoon・設定 多機能でシンプルな無料テーマ「Cocoon」の導入方法
かゆいところに手が届く多機能でシンプルなテーマ「Cocoon」。きめ細かい対応のサポートフォーラムもあり、ユーザーの要望を汲み上げてアップデートして下さったり、とても評判のいいWordPressの無料...
Cocoon・設定 PWAって？Cocoonで簡単にPWA対応する方法詳細と動作確認方法
CocoonはAMPやPWAにも対応していて、簡単に対応できます。AMPについては以下にまとめています。PWAって？PWAとはサイト内で、AppStoreなどを経由することなくインストールでき、スマホ...
Cocoon・カスタマイズ Cocoon・おすすめカードのプチカスタマイズ
Cocoonには、色々な便利な機能やエリアが用意されています。今回は、おすすめしたい記事やカテゴリーの画像リンクをヘッダー下の目立つ部分に表示できる「おすすめカード」を少しだけカスタマイズしてみます。...
Cocoon・カスタマイズ Cocoon文字装飾スタイル・サンプルとカラーコードとクラス名一覧
Cocoonに標準で準備されている文字装飾のスタイルの初期カラーコードとクラス名を一覧にまとめました。ちょっと色を変えたい時などにご利用下さい。マーカースタイルクラス名色黄色.marker黄色：#ff...
Cocoon・カスタマイズ Cocoonのスキン「黒×ビビッドカラー」用部品：カテゴリー、タグウィジェット
Cocoonの独自スキン「黒」を基調にしたバージョンに使えるタブ切替メニューのデザインです。元のスキンは以下です。タブで切り替えて、カテゴリー別の最新記事などを表示できるデザイン部品も作成しています。...
Cocoon・使い方 Cocoonのランキング作成機能の使い方・設定方法を詳細に解説
Cocoonではアフィリエイトにも使える商品ランキングなどを登録して好きな場所で表示する機能があります。以下のようなものです。上記のサンプルで言うと、必須項目は商品名の部分だけですので、これを使って他...