WordPress

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

WordPressは標準でREST APIを備えており、投稿やページ、カスタム投稿タイプなどの情報をJSON形式で外部に配信できます。これにより
WordPress

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

WordPressでカスタムフィールド(投稿メタ)を使って情報を管理している場合、「新規投稿時に特定のカスタムフィールドを自動で設定
WordPress

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

WordPressでは、投稿に画像をアップロードすると、それらは「添付ファイル」として投稿に関連付けられます。本文中に挿入されてい
WordPress

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

WordPressでは投稿ごとに「パスワード保護」の設定が可能ですが、運用上「特定の条件に合致する投稿には自動でパスワードをかけたい
WordPress

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

WordPress 5.0以降、デフォルトの投稿エディターはブロックエディター(Gutenberg)に変更されましたが、すべての投稿タイプ
WordPress

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

会員サイトやユーザーごとの情報表示が必要なサイトを運営している場合、ログイン中のユーザー情報をフロントエンド(投稿・固定ペ
WordPress

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

WordPressでは、ショートコードという仕組みを使って、投稿や固定ページの本文中に任意のHTMLやPHPの出力を埋め込むことができます
WordPress

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

WordPressでは投稿編集画面でカテゴリやタグをチェックボックス・入力欄で選択できますが、選択肢が多くなると見づらく、操作性が低
WordPress

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

WordPressでは、カテゴリのように階層構造を持つタクソノミーを自由に作成できます。しかし、カスタムタクソノミーを管理画面で使
WordPress

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

WordPressでは、管理画面の投稿一覧でタイトルや公開日などのカラムはクリックで並び替えができますが、カスタムフィール
WordPress

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

WordPressで投稿一覧などを表示する際、通常のページネーションはページの再読み込みが発生します。しかし、ユーザー体験を向上させ
Vue.js

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

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

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

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

【Vue.js】トースト通知を作る方法|イベントで表示・非表示を制御する簡易実装

Vue.jsを使えば、ユーザーに一時的なメッセージを表示する「トースト通知」も簡単に実装できます。本記事では、ボタンクリックなど
Vue.js

【Vue.js】モーダルウィンドウを作成する方法|スロット・クリック外で閉じる処理付き

Vue.jsでは、クリック一つで開閉できるモーダルウィンドウも簡単に作成できます。本記事では、再利用性の高いモーダルコンポーネン
Vue.js

【Vue.js】ページネーション付きリスト表示を実装する方法|1ページ○件表示に対応

Vue.jsを使えば、大量のリストデータをページ単位で表示する「ページネーション機能」も簡単に実装できます。本記事では、1ページあ
Vue.js

【Vue.js】検索フィルター付きリストの作成|computedで絞り込みを実装

Vue.jsでは、入力フォームとcomputedプロパティを組み合わせることで、リアルタイムで絞り込みができる検索フィルター機能を簡単に
Vue.js

【Vue.js】入力フォームのバリデーション機能を実装する方法|リアルタイムでエラー表示

Vue.jsを使えば、リアルタイムでの入力チェックやエラー表示を備えたバリデーション機能を簡単に実装できます。本記事では
Vue.js

【Vue.js】タブ切り替えUIの作り方|アクティブなタブを動的に切り替える実装例

Vue.jsを使えば、タブ切り替えインターフェースも簡単に実装できます。本記事では、v-forによるタブの自動生成や、アクティブ状態
Python

【Python】定期レポートを自動でExcelに出力しメール送信するスクリプトの作成

業務の自動化を進める上で、「定期レポートを作成し、Excel形式でメール送信する」という処理は非常に需要があります。この記事