Cocoonカスタマイズ Cocoon『もっと見る』『次のページ』『新着記事』のテキスト変更カスタマイズ
Cocoonを使っていると、「もっと見る」「次のページ」「新着記事」などの表記が、サイトの雰囲気に合わないと感じることがあります。英語表記にしたいクリックを促し...
ブログカスタマイズ
Cocoonカスタマイズ 
Cocoonカスタマイズ Cocoon目次が見切れる原因と解決方法｜サイドバー追従目次をスクロール対応にするCSS
Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
Webカスタマイズ WordPressでスクロールでふわっと表示する方法｜CSS＋IntersectionObserver実装（プラグインなし）
Webサイトでよく見かける、スクロールに合わせて要素がふわっと表示されるフェードインやスライドアニメーション。「自分のサイトでも導入したいけど難しそう…」と思う...
カスタマイズの基本 WordPress「追加CSSクラス」使い方｜特定ブロックだけデザインを簡単に変更する方法
WordPressのブロックエディタで、特定のブロックだけにデザインを追加したいときに便利なのが「追加CSSクラス」です。初心者でも簡単に文字色や背景色、アニメ...
カスタマイズの基本 CSS変数（カスタムプロパティ）の使い方｜varと:rootの基本・スコープ・フォールバック・実践例まで解説
「色を変えたいだけなのに、何ヶ所も修正しないといけない…」そんなとき、CSS変数（カスタムプロパティ）を使えば、色や数値などの設定を一箇所にまとめて管理できます...
カスタマイズの基本 CSSが効かない・反映されない原因と対策まとめ｜デベロッパー（検証）ツールで簡単チェック
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通知エリアをカスタマイズすると、視線導線を活かしてクリック率を底上げできます。重要なお知らせを確実に見せたいキャンペーン導線を強化したいデザインをワ...
Cocoonカスタマイズ Cocoonで投稿日・更新日を表示する方法｜ウィジェットで新着・人気記事に日付を追加
Cocoonで新着記事・人気記事に「投稿日・更新日」を表示したい方へ。この記事では、表示方法ごとの違い（CSSが必要かどうか）コピペで使える基本CSS表示位置や...