サイト設定 【Cocoon】OGP設定方法｜SNSシェア画像を変更する手順と反映されない対処法
SNSでサイトや記事をシェアしたときにOGP画像を表示する方法をご紹介します。意外と設定していないデフォルトの方が多いのでは？イメージを伝えて読者に訪れてもらえるようなサイトにしましょう。
サイト設定 
Cocoonカスタマイズ 【Cocoon】カラーパレットの色を自由に変更・追加する方法
WordPressのブロックエディタ（Gutenberg）では、文字色や背景色の変更に便利な「カラーパレット」が用意されています。しかし、標準で用意されている色...
Cocoonカスタマイズ Cocoon『もっと見る』『次のページ』『新着記事』のテキスト変更カスタマイズ
Cocoonを使っていると、「もっと見る」「次のページ」「新着記事」などの表記が、サイトの雰囲気に合わないと感じることがあります。英語表記にしたいクリックを促し...
Cocoonカスタマイズ Cocoon目次が見切れる原因と解決方法｜サイドバー追従目次をスクロール対応にするCSS
Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
サイト設定 Googleアドセンス審査は何記事で合格？9記事で通過したブログの合格条件と申請手順【2026年版】
Googleアドセンスの仕組みと審査合格のポイントを解説。必要な準備や注意点、不合格時の対処法もまとめています。
CSS基礎 Cocoonカスタマイズ｜CSS・HTML・PHPの編集場所と使い方まとめ
Cocoonは無料テーマの中でも柔軟にカスタマイズできるテーマですが、「どこを編集すればいいの？」「HTMLとCSSとPHPの違いがわからない…」という初心者は...
サイト設定 WordPressブログの始め方と初期設定｜Cocoonで安全に運営する完全ガイド
WordPressを始めたばかりの初心者必見！後悔しないための初期設定を優先度別に解説。サーバー選びからSEO対策まで、最初に整えておきたいポイントをまとめました。
Webカスタマイズ WordPressでスクロールでふわっと表示する方法｜CSS＋IntersectionObserver実装（プラグインなし）
Webサイトでよく見かける、スクロールに合わせて要素がふわっと表示されるフェードインやスライドアニメーション。「自分のサイトでも導入したいけど難しそう…」と思う...
CSS基礎 WordPress「追加CSSクラス」使い方｜特定ブロックだけデザインを簡単に変更する方法
WordPressのブロックエディタで、特定のブロックだけにデザインを追加したいときに便利なのが「追加CSSクラス」です。初心者でも簡単に文字色や背景色、アニメ...
CSS基礎 CSS変数（カスタムプロパティ）の使い方｜varと:rootの基本・スコープ・フォールバック・実践例まで解説
「色を変えたいだけなのに、何ヶ所も修正しないといけない…」そんなとき、CSS変数（カスタムプロパティ）を使えば、色や数値などの設定を一箇所にまとめて管理できます...
CSS基礎 CSSが効かない・反映されない原因と対策まとめ｜デベロッパー（検証）ツールで簡単チェック
CSSが反映されない原因を詳しく解説！デベロッパーツールの活用方法から優先度やキャッシュの影響、エラーチェック方法まで、初心者にも分かりやすい解決策をまとめました。
サイト設定 WordPressパーマリンク｜途中で変更できる？投稿名にする方法、リダイレクト設定と注意点
パーマリンクに日付が入っていて、途中から「投稿名」に変更しても大丈夫なのか不安になりますよね。WordPressのパーマリンクは運営途中から変更することもありま...
サイト設定 エックスサーバーのSSL設定方法｜httpsにならない原因とリダイレクト・サブドメインSSLまで解説
エックスサーバーでSSL設定をしたのにhttpsにならない、リダイレクトされない、サブドメインSSLが効かないと困っていませんか。この記事では、エックスサーバー...
Cocoonカスタマイズ Cocoon検索フォームCSSカスタマイズ｜検索窓デザインサンプル集（コピペOK）
Cocoonの検索フォーム（検索窓）は、CSSを追加するだけで簡単にデザインを変更できます。「検索フォームをおしゃれにしたい」「ブログデザインに合わせたい」そん...
Cocoonカスタマイズ 【Cocoon】アピールエリアに検索フォームを設置する方法｜回遊率アップのトップページ導線
Cocoonの「アピールエリア」に検索フォームを設置すると、ユーザーが知りたい記事をすぐに探せるようになり、サイトの回遊率アップにもつながります。しかも設置はと...
サイト設定 【Cocoon対応】Googleアドセンス審査コードの貼り方｜保存できない・確認できない原因と対処法
Google AdSenseの審査では、申請したサイトの所有者であることを確認するために、審査用コードをサイトの <head> 内へ正しく設置する必要があります...
Cocoonカスタマイズ 【Cocoon】特定のおすすめ記事をピックアップ表示する方法｜new_listショートコード（ordered_posts）の使い方
Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list（ordered_posts）で記事カード表示する方法ナビカードでカード型...
Webカスタマイズ アンカーリンクの作り方｜HTMLで同じページ内リンクを設定する方法（WordPress対応）
長い記事を読んでいると、「ここだけ見たいのに、スクロールが長い…」と感じる瞬間があります。そんなときに便利なのが、アンカーリンク（ページ内リンク）です。ページの...
CSS基礎 【CSS】hoverでゆっくりなめらかに変化するアニメーションtransitionの使い方｜主要プロパティ一覧・動かない原因まで解説
更新情報2026/2/15 transition｜実用サンプル集を追加しました。（計７種類）サイトにほんの少し動きを加えるだけで、UIの印象や操作感が変わります...
Webカスタマイズ CSSでulリストマーカー色（箇条書きの点）を変更する方法｜::marker・::before・spanの違いと使い分け
CSSでul/liのリストマーカーの色を変えたいけど、「どうやってやるのかわからない…」「HTMLを変更せずに簡単に色だけ変えたい」という方に向けた解説です。実...