テーマ開発
WordPressでメニュー順にトップページのカテゴリーセクションを並べる方法
WordPressのヘッダーメニューに登録した親カテゴリーの順番を取得し、トップページのカテゴリーセクションと記事カードを同じ順に表示する方法を、WebCantaの実装コードで解説します。
ARTICLES
WordPress
WordPressのテーマ開発、カスタムフィールド、フォーム、プラグイン、ローカル開発、運用方法を実例とともに解説します。
テーマ開発
WordPressのパスを理解する｜絶対パス・相対パスとCSSのurl()を解説
WordPressテーマ制作で迷いやすい絶対パス・相対パスを、静的HTML、CSSのurl()、PHPテンプレートで比較。画像が表示されない理由とget_theme_file_uri()の使い方を初心者向けに解説します。
テーマ開発
WordPressで長い目次とハンバーガーメニューをスクロールさせる方法
WordPressテーマで、長い追従目次とスマホのハンバーガーメニューを内部スクロールさせる方法を、PHP・CSS・JavaScriptに分けて解説します。
フォーム
WordPressでログインユーザー限定コメントを実装する方法｜標準機能と会員プラグイン連携
WordPress標準コメントの基本実装から、Simple Membershipによる会員認証、Turnstileや投稿制限を使ったスパム対策まで、実際の構成をもとに解説します。
ブロックエディター
WordPressのブロックエディターとは？パターン・CSS同期・Lazy Blocks活用まで徹底解説
はじめに 概要 この記事では、WordPressのブロックエディターの基本、パターンの使い方、同期・非同期パターンの違い、エディターCSSで実際の表示に近づける方法、Lazy Blocksを使ったオリジナルブロック化まで解説します。ク…
ローカル開発
WordPressでホットリロード環境を構築する方法Node.js・BrowserSyncの使い方
WordPressの開発環境を効率化するために、Node.js、BrowserSync、ホットリロード、VSCodeのSassコンパイラーを使った構築手順を初心者向けに解説します。
テーマ開発
WordPressのメインループとは？サブループとの使い分けとカスタム投稿タイプのページネーションを徹底解説
この記事では、WordPressのメインループとサブループの違い、カスタム投稿タイプでメインループを調整する理由、ページネーションがずれる原因、CPT UIとカスタムタクソノミーの使い分けを初心者にもわかりやすく解説します。 特に、カスタム投稿タイプの一覧ページを作るときは、単に別の WP_Query を書くだけではなく、そのページでWordPressが最初から持っているメインループをどう扱うかを理解しておくことが大切です
プラグイン
WordPressおすすめプラグインとは？
この記事では、WordPressでWeb制作を進めるときに便利なおすすめプラグインを用途別に解説します。バックアップ、SEO、お問い合わせフォーム、カスタム投
テーマ開発
WordPressテンプレート階層はスラッグ別ファイルの優先順位が重要
前回は、WordPressのオリジナルテーマで使う基本のテンプレートファイルとして、front-page.php、page.php、archive.php、single.phpなどを確認しました。今回はその続きとして、ファイル名によって、より具体的なテンプレートが優先して読み込まれる仕組みを解説します。 たとえば固定ページのスラッグがcontactの場合、テーマ内にpage-contact.phpを作ると、通常のpage.phpよりも先にそのファイルが読み込まれます。これは、HTMLでabout.htmlやcontact.htmlを分けて管理する感覚に近く、ページごとの役割を把握しやすくなります。 また固定ページでは、ファイルの先頭にTemplate Nameを書くことで、管理画面から選択できるテンプレートとして扱うこともできます。この記事では、ループの詳しい書き方ではなく、どのファイル名にすると、どのページで優先されるのかという考え方に絞って説明します。