WordPress

【WordPress】トップに表示するかどうかをチェックボックスで切り替える方法

投稿編集画面にチェックボックスを追加し、チェックが入った投稿だけをトップページに表示する方法を解説します。既存サイトに導入する際にトップページの投稿が一斉に消えてしまう落とし穴や、保存処理に必要な権限チェックもあわせて紹介します。
WordPress

【WordPress】プラグインなしで特定ユーザーのみ投稿を編集可能にする方法

WordPressのuser_has_capフィルターを使い、プラグインなしで特定のユーザーIDだけが投稿を編集できるように制限する方法を解説します。ユーザーIDの調べ方や、複数ユーザー・投稿タイプ別・ロールベースへの応用など、運用時の注意点もあわせて紹介します。
SQL

【SQL】ランダムにソートしてデータを取得する方法|DBMS別構文・高速化・実践パターン完全ガイド

SQLでランダムにデータを取得する方法を完全解説。MySQL ORDER BY RAND()・PostgreSQL RANDOM()・Oracle DBMS_RANDOM.VALUE・SQL Server NEWID()のDBMS別構文、大規模テーブルでの高速化パターン(ID乱数方式・ROW_NUMBER方式)、TABLESAMPLE/SAMPLE句によるサンプリング、シード付き再現可能ランダム、抽選・クイズ・A/Bテスト・テストデータ生成の実践パターンを網羅。
WordPress

【WordPress】カスタムフィールドを含む複数の条件でソートをする方法

WordPressでカスタムフィールドを含む複数の条件を組み合わせて投稿をソートする方法を解説します。複数のカスタムフィールドを同時に条件にする際はmeta_queryの各節に名前を付けてorderbyで参照する必要があるという見落としがちなポイントや、特定の値を優先して表示するソート、pre_get_postsによる既存クエリのカスタマイズ方法まで紹介します。
PHP

【PHP】配列を文字列に変換する方法

PHPで配列を文字列に変換する方法はいくつかありますが、代表的な手法として以下のようなものがあります。
HTML/CSS

【CSS】テーブルの背景色を交互に変える方法

テーブルの行ごとに異なる背景色を適用することで、視認性を向上させることができます。以下に、CSSのみで実装する方法を紹介します。
PHP

【PHP】includeを使ってヘッダーやフッター部分を複数ページで共通化する方法

Webサイトを作成する際、ヘッダーやフッターをすべてのページに手動で追加すると、更新が大変になります。そこで、PHPのinclude
WordPress

【WordPress】検索結果から遷移後に検索条件を保持して戻る方法

WordPressの検索結果ページから詳細ページに遷移したあと、検索条件を保持したまま検索結果ページに戻る方法を3通り解説します。クエリパラメータ・セッションストレージ・the_permalinkフィルターそれぞれの実装と、カテゴリ選択が復元されない・URLが壊れるといった見落としがちな落とし穴もあわせて紹介します。
WordPress

【WordPress】RSSフィードの投稿者名を非表示にする方法

WordPressのRSSフィードに表示される投稿者名(dc:creatorタグ)を、コアファイルを一切編集せずにthe_authorフィルターだけで非表示にする方法を解説します。コアファイル(feed-rss2.php)を直接編集する方法はアップデートで消えてしまうため避けるべき理由もあわせて説明します。
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を使って簡単に