WordPress

【WordPress】管理画面以外でデフォルトの検索を無効にし、オリジナルの検索機能を実装する方法

WordPressのデフォルト検索を無効化し、キーワードとカテゴリで絞り込めるオリジナルの検索機能を固定ページテンプレートで実装する方法を解説します。カスタムクエリのページネーションを正しく動かす方法と、固定ページテンプレートの正しい設定手順もあわせて紹介します。
WordPress

【WordPress】記事のソート順を変更する方法

WordPressで記事のソート順を変更する方法を、WP_Query・pre_get_posts・カスタムフィールドを使った方法別に解説します。価格や評価などの数値データをカスタムフィールドでソートする際にmeta_valueとmeta_value_numを取り違えると順序がおかしくなる落とし穴もあわせて紹介します。
WordPress

【WordPress】Ajaxでチェックボックスを使ったリアルタイム絞り込み検索を実装する方法

WordPressでチェックボックスによる絞り込み検索をAjaxでリアルタイムに反映させる方法を解説します。フロントエンドのHTML・JavaScript・PHPのAjaxハンドラーの実装に加え、子テーマ環境での404対策や入力値のサニタイズ・出力エスケープといった安全な実装のポイントも紹介します。
WordPress

【WordPress】Ajaxを使用する方法

WordPressでAjaxを実装する基本的な方法を解説します。admin-ajax.phpを使ったJavaScriptとPHPの連携手順に加え、投稿IDを指定するAjaxハンドラーにありがちな情報漏洩の脆弱性と、その対策となるnonce検証・投稿ステータスチェックの実装方法もあわせて紹介します。
WordPress

【WordPress】Ajaxを使った無限スクロールを実現する方法

WordPressでAjaxを使った無限スクロールを実装する方法を解説します。子テーマ環境でJSファイルが404になる典型的な原因(get_template_directory_uriとget_stylesheet_directory_uriの取り違え)と、スクロールイベントの多重発火で同時に複数リクエストが飛んでしまう問題への対処法もあわせて紹介します。
WordPress

【WordPress】固定ページをパーツ化して他のページで再利用する方法

共通のヘッダーやフッターなどのコンテンツを固定ページとしてパーツ化し、他のページで再利用する方法を解説します。get_page_by_path()を使う方法、ショートコード化する方法、テンプレートパーツとして読み込む方法、ACF PROのオプションページを使う方法をそれぞれのメリットと注意点とともに紹介します。
SQL

【SQL】WITH句(CTE)完全ガイド|複数CTE・UPDATE/DELETE・WITH RECURSIVE・連番/カレンダー生成・パフォーマンスまで解説

SQLのWITH句(CTE)を完全解説。基本構文・サブクエリとの違い・複数CTEのパイプライン処理・CTE付きUPDATE/DELETEのDBMS別構文・WITH RECURSIVEの仕組みと連番/カレンダー/組織階層/BOM展開パターン・マテリアライズドCTEとパフォーマンス制御・MySQL8.0以降の対応状況まで網羅。
Vue.js

【Vue.js】watch()でデータの変更を監視する方法

Vue.jsのwatch()は、データの変更を監視して自動的に処理を実行する便利な機能です。この記事では、watch()の基本的な使い方から応用
PHP

【PHP】配列のキーを取得する方法|array_keys・array_searchの使い分け

PHPで配列のキーを取得する方法を解説します。array_keysで全キーや特定の値に一致するキーを取得する方法、緩い比較の注意(strict指定)、1つだけ取るarray_search、先頭・末尾のキー、キーの存在確認まで使い分けをまとめます。
HTML/CSS

【CSS】tableのセル幅を均等にする方法

Webページで表を使用するとき、データが見やすくなるように、セル幅を均等に揃える必要がある場合があります。HTMLとCSSを使えば簡単
jQuery

【jQuery】要素を別の要素に置き換える完全ガイド|replaceWith・replaceAll・テキスト←→入力欄の切り替えまで

ウェブページを動的に操作する際、指定した要素を別の要素に置き換える方法は非常に便利です。この記事では、jQueryを使って簡単に
HTML/CSS

【CSS】スマホやPCのみで改行タグを有効にする方法

ウェブサイトのレスポンシブデザインにおいて、デバイスに応じた改行の管理は、ユーザー体験を向上させる上で非常に重要です。この
HTML/CSS

スマホとPCで画像を切り替える3つの方法

レスポンシブデザインを採用する際、スマホとPCで異なる画像を表示することが重要になることがあります。この記事では、スマホ
WordPress

【WordPress】固定ページにページネーションを表示する方法

固定ページ内でWP_Queryを使った独自の一覧を表示し、paginate_links()でページネーションを追加する方法を解説します。固定ページ特有のget_query_var('page')の落とし穴と、the_posts_pagination()がカスタムクエリを直接扱えない点への正しい対処法もあわせて紹介します。
jQuery

【jQuery】closest()で最も近い親要素を取得する完全ガイド|parents・parent・DOM走査の使い分けまで

jQueryを使うと、簡単に要素から指定した親要素を取得することができます。この記事では、closest() メソッドを使って、要素の最
PHP

【PHP】exitの使い方|die との違い・引数の挙動・使いどころと注意点

PHPのexit(die)でスクリプトを終了する方法を解説します。文字列を渡すと出力され終了コードは0、整数を渡すと終了コードになり出力されないという挙動の違い、header()リダイレクト後のexit、Webでの終了コードの誤解、使いすぎへの注意までまとめます。
SQL

【SQL】UNIONとORDER BYの完全ガイド|ソート位置の制限・ソース別ソート・ピン留め・各UNION部分への個別ORDER BY・DBMS別の違いまで解説

UNIONとORDER BYを組み合わせる際のルールを完全解説。ORDER BYを書ける位置の制約・参照できる列名の制限・各UNION部分に個別ORDER BY/LIMITをかける方法(括弧・サブクエリ・CTE)・ソース別優先ソートやピン留めの実装・UNION ALLとUNIONのパフォーマンス差・MySQL/PostgreSQL/Oracle/SQL Serverの動作差まで網羅。
WordPress

【WordPress】投稿・カスタム投稿のプレビューリンク先を変更する方法

WordPressのpreview_post_linkフィルターを使い、投稿やカスタム投稿のプレビューリンク先を変更する方法を解説します。関数名get_preview_post_link()とフィルター名preview_post_linkを混同しやすい点に注意しながら、カスタム投稿タイプごとにリンク先を分岐する実装例も紹介します。
JavaScript

【JavaScript】フォーム送信時に全角スペースを半角スペースに変換する方法

フォーム送信時に全角スペースを半角スペースへ変換する方法を解説します。submitイベントでreplace(/ /g, " ")を使う基本、すべての入力欄をまとめて変換する方法、英数字も含めて一括正規化するnormalize("NFKC")、IMEに配慮したリアルタイム変換まで、Nodeで検証したコードで紹介します。
jQuery

【jQuery】要素を削除する完全ガイド|remove・detach・empty・フェードアウト後削除・条件付き削除まで

jQueryを使って、ページ内の要素を簡単に削除する方法を紹介します。要素を削除する際には、remove()やempty()といったメソッド