WordPress

【WordPress】自動下書き投稿の一括削除・自動削除処理を実装する方法

WordPressに溜まる自動下書き(auto-draft)投稿を一括削除・定期削除する方法を解説します。WordPressコアが標準で7日後に自動削除している仕組みと、実行中のドラフトを誤って消さないための日付フィルタの重要性もあわせて紹介します。
WordPress

【WordPress】テーマにJSON-LD形式の構造化データを追加する方法

WordPressテーマにJSON-LD形式のArticle構造化データを追加する方法を解説します。script要素の抜け出しを防ぐ正しいエスケープ設定や、Googleが推奨するimageプロパティの追加方法もあわせて紹介します。
WordPress

【WordPress】投稿一覧ページにカスタム並び順をドラッグ&ドロップで実装する方法

WordPress管理画面の投稿一覧で、ドラッグ&ドロップによる並び替えUIをmenu_orderと組み合わせて実装する方法を解説します。他の投稿タイプへ機能が漏れてしまう典型的な落とし穴や、Ajaxハンドラーの権限チェックの注意点もあわせて紹介します。
WordPress

【WordPress】投稿の公開後に特定の処理を自動実行する方法

WordPressのtransition_post_statusフックを使い、投稿が公開されたタイミングでメール通知・カスタムフィールド初期化・外部API連携などの処理を自動実行する方法を解説します。外部通知をブロッキングにしない実装や、公開検知のフック選びの注意点もあわせて紹介します。
WordPress

【WordPress】メディアアップロード時にファイル名を自動でリネームする方法

WordPressでメディアライブラリにアップロードしたファイルの名前を自動でリネームする方法を解説します。sanitize_file_nameフィルターが持つ意図しない副作用と、メディアアップロード専用のwp_handle_upload_prefilterフィルターを使った正しい実装方法を紹介します。
WordPress

【WordPress】特定のカスタムフィールドが空なら下書きに戻す自動処理の実装

WordPressで特定のカスタムフィールドが未入力のまま保存された場合に、投稿ステータスを自動で下書きに戻す方法を解説します。ACFとのフック優先度の競合や、値0を誤って未入力と判定してしまう典型的な落とし穴の回避方法もあわせて紹介します。
WordPress

【WordPress】投稿ごとにOGP画像を設定するカスタムフィールドの作成方法

WordPressで投稿ごとに自由なOGP画像を設定できるカスタムフィールド(ACF)の作成方法と、HTMLヘッダーへの出力方法を解説します。ACFの返り値の形式設定やYoast SEOとの連携時の注意点もあわせて紹介します。
WordPress

【WordPress】WordPress REST APIで投稿データを外部アプリに配信する方法

WordPress REST APIを使い、投稿データを外部アプリケーションに配信する基本的な方法とカスタマイズ方法を解説します。カテゴリ・投稿タイプでの絞り込み、ACF連携、認証方法、カスタムエンドポイントの作成もあわせて紹介します。
WordPress

【WordPress】投稿保存時に自動でカスタムフィールドを設定・初期化する方法

WordPressのsave_postフックを使い、投稿保存時にカスタムフィールドの初期値を自動設定する方法を解説します。特定の投稿タイプへの限定、複数フィールドの一括初期化、初回公開時のみ処理する方法もあわせて紹介します。
WordPress

【WordPress】投稿に添付された画像をすべて取得してギャラリー表示する方法

WordPressでget_attached_media()を使い、投稿に添付された画像をすべて取得してギャラリー形式で表示する方法を解説します。ブロックエディタで画像がpost_parentに紐付かない典型的な制約と、表示順の正しい仕組みもあわせて紹介します。
WordPress

【WordPress】特定の投稿にだけパスワード保護を自動で適用する方法

WordPressで特定のカテゴリや投稿タイプに一致する投稿へ、保存時に自動でパスワード保護を適用する方法を解説します。ブロックエディタでカテゴリ判定が初回保存時に効かない典型的な落とし穴と、正しいフックの選び方もあわせて紹介します。
WordPress

【WordPress】投稿タイプごとにエディター(Gutenberg/クラシック)を切り替える方法

WordPressのuse_block_editor_for_post_typeフィルターを使い、投稿タイプごとにブロックエディター(Gutenberg)とクラシックエディターを切り替える方法を解説します。複数投稿タイプへの対応やshow_in_restとの違いもあわせて紹介します。
WordPress

【WordPress】フロントエンドで現在ログイン中のユーザー情報を取得・表示する方法

WordPressのフロントエンドでwp_get_current_user()を使い、ログイン中のユーザー情報を安全に取得・表示する方法を解説します。ショートコード化やユーザーメタの取得方法に加え、ページキャッシュ環境で他人の情報が配信されてしまう典型的な落とし穴もあわせて紹介します。
WordPress

【WordPress】投稿本文内にショートコードでカスタムHTMLを挿入する方法

WordPressのショートコード機能を使い、投稿本文に定型のHTMLブロック(お知らせボックスやボタンなど)を挿入する方法を解説します。属性を使った動的化やCSSでの装飾、正しいショートコードの入れ子の扱い方もあわせて紹介します。
WordPress

【WordPress】カテゴリ・タグ選択をモーダルで実装する方法

WordPressの投稿編集画面で、カテゴリやタグの選択肢が多い場合にモーダル(ポップアップ)UIで選択できるようにする方法を解説します。ブロックエディタ(Gutenberg)では動作しない制約と、クラシックエディタ限定であることの判定方法もあわせて紹介します。
WordPress

【WordPress】カスタムタクソノミーを管理画面に階層付きで表示する方法

WordPressでカテゴリのように階層構造を持つカスタムタクソノミーを作成し、管理画面で見やすく扱う方法を解説します。編集画面のチェックボックスツリー・クイック編集・投稿一覧カラムそれぞれの表示条件の違いもあわせて紹介します。
WordPress

【WordPress】管理画面でカスタムフィールドをソート可能にする方法

WordPress管理画面の投稿一覧で、ACFやmeta boxなどのカスタムフィールドをクリックでソートできるようにする方法を解説します。フィールド未設定の投稿が一覧から消えてしまう典型的な落とし穴と、その回避方法もあわせて紹介します。
WordPress

【WordPress】ページネーションをAjaxで非同期読み込みにする方法

WordPressの投稿一覧ページネーションを、ページ全体を再読み込みせずにAjaxで非同期に切り替える方法を解説します。イベントデリゲーションを使った実装のポイントや、URLの履歴・SEOへの配慮もあわせて紹介します。
Vue.js

【Vue.js】リアルタイム文字カウント機能を作る|入力制限と残り文字数表示

Vue.jsを使えば、フォーム入力欄に対してリアルタイムで文字数をカウントし、残りの入力可能文字数を表示する機能も簡単に実装でき
Vue.js

【Vue.js】複数のトースト通知をグローバルイベントで制御する

シンプルなトースト通知は便利ですが、実務では「複数の通知を同時に表示したい」「どこからでも呼び出したい」といったニーズ