Cocoonカスタマイズ Cocoonナビカードの設定と使い方｜記事ピックアップ・レイアウト調整・リボンカスタマイズ
Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list（ordered_posts）で記事カード表示する方法ナビカードでカード型...
ブログカスタマイズ
Cocoonカスタマイズ 
Cocoonカスタマイズ Cocoon人気記事ランキング｜表示方法とラベルの色・スタイルを変更するカスタマイズ
更新情報（2026/01/26） ラベルスタイル例に左上三角デザインを追加Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを使って人気記...
Webカスタマイズ CSSでなめらかに点滅させる方法（コピペＯＫ）
要素を「点滅」させるアニメーションは、注意を引きたいときセールやキャンペーンの強調警告や注意メッセージの表示などに効果的です。この記事では、「ゆっくり、なめらか...
Cocoonカスタマイズ 【Cocoon】カラーパレットの色を自由に変更・追加する方法
WordPressのブロックエディタ（Gutenberg）では、文字色や背景色の変更に便利な「カラーパレット」が用意されています。しかし、標準で用意されている色...
Cocoonカスタマイズ Cocoon『もっと見る』『次のページ』『新着記事』のテキスト変更カスタマイズ
Cocoonを使っていると、「もっと見る」「次のページ」「新着記事」などの表記が、サイトの雰囲気に合わないと感じることがあります。英語表記にしたいクリックを促し...
Cocoonカスタマイズ Cocoon目次が見切れる原因と解決方法｜サイドバー追従目次をスクロール対応にするCSS
Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
カスタマイズの基本 WordPress「追加CSSクラス」使い方｜特定ブロックだけデザインを簡単に変更する方法
WordPressのブロックエディタで、特定のブロックだけにデザインを追加したいときに便利なのが「追加CSSクラス」です。初心者でも簡単に文字色や背景色、アニメ...
Cocoonカスタマイズ 【Cocoon】特定のおすすめ記事をピックアップ表示する方法｜new_listショートコード（ordered_posts）の使い方
Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list（ordered_posts）で記事カード表示する方法ナビカードでカード型...
Webカスタマイズ アンカーリンクの作り方｜HTMLで同じページ内リンクを設定する方法（WordPress対応）
長い記事を読んでいると、「ここだけ見たいのに、スクロールが長い…」と感じる瞬間があります。そんなときに便利なのが、アンカーリンク（ページ内リンク）です。ページの...
カスタマイズの基本 【CSS】hoverでゆっくりなめらかに変化するアニメーションtransitionの使い方｜主要プロパティ一覧・動かない原因まで解説
更新情報2026/2/15 transition｜実用サンプル集を追加しました。（計７種類）サイトにほんの少し動きを加えるだけで、UIの印象や操作感が変わります...
カスタマイズの基本 CSSで疑似要素に影をつける方法｜box-shadowとfilter: drop-shadowの違いと使い分け
CSSで疑似要素に影をつける方法を解説します。吹き出しの三角形に影をつけたいのに、box-shadow では四角い影になってしまうことがあります。この問題は、b...
Cocoonカスタマイズ Cocoonで投稿日・更新日を表示する方法｜ウィジェットで新着・人気記事に日付を追加
Cocoonで新着記事・人気記事に「投稿日・更新日」を表示したい方へ。この記事では、表示方法ごとの違い（CSSが必要かどうか）コピペで使える基本CSS表示位置や...