スキンをカスタマイズ 「SNSシェア」ボタンを「トップへ戻る」ボタンに合わせて表示する方法
「Cocoonスキン「メイン・イン・ヘブン」でSNSシェアボタンをスクロールで表示する方法」を解説。「トップへ戻る」ボタンの表示に合わせてSNSシェアボタンを表示・非表示に切り替え、スクロール位置に応じてフェード表示する方法や、PC表示のみ適用する設定を分かりやすく紹介します。
2024-12
スキンをカスタマイズ 
Cocoonカスタマイズ集 「人気記事」を「新着情報」と同じデザインで表示する方法
「Cocoonの人気記事を新着情報と同じ形式で表示する方法」を解説。info_listショートコードのactionオプションにpopularを指定し、全期間のアクセスランキングを人気記事として表示する方法や、PV数を追加表示する設定を分かりやすく紹介します。
Cocoonカスタマイズ集 スマートフォンのときタブ一覧をスクロールスナップする方法
「Cocoonの投稿一覧をスクロールスナップする方法」を解説。スマートフォンでタブ一覧の投稿を横並びに表示し、スワイプ時にカードが1枚ずつ停止する設定や、関連記事を横スクロールして各記事の先頭で止める方法を分かりやすく紹介します。
Cocoonカスタマイズ集 エントリーカードに先頭固定投稿マークを付ける方法
「WordPressの先頭固定表示を視覚的に分かりやすくする方法」を解説。固定表示された投稿のタイトルにアイコンを追加する方法や、先頭固定表示による投稿数の変化・重複表示の注意点、カテゴリーごとの新着記事にも固定表示を反映する方法を分かりやすく紹介します。
Cocoonカスタマイズ集 「アイコンボックス」ブロックのアイコン、ボーダー色をスタイル設定から変更する方法
「Cocoonのアイコンボックスを自由にカスタマイズする方法」を解説。「ラベルボックス」ブロックを活用してGutenbergエディターからアイコンやボーダー色を設定する方法や、CSSでアイコンボックスを変更する方法、それぞれのメリット・デメリットを分かりやすく紹介します。
Cocoonカスタマイズ集 「新着記事」などにカテゴリー、タグ表示を追加する方法
「Cocoonのエントリーカードにカテゴリーとタグを追加表示する方法」を解説。エントリーカードや新着記事、人気記事、関連記事にカテゴリーとタグを表示する方法や、カード内にリンクを配置する方法、Cocoonのフックを活用した情報追加の方法を分かりやすく紹介します。