WordPress で本文中にショートコードを使って投稿一覧を表示する方法を紹介します。 例えば、本文中に記事の紹介などを行いたいときに便利な方法です。 ショートコードで投稿一覧を表示する方法 ショートコードに値を指定して表示結果をコントロールする方法 ショートコードで投稿一覧を表示する方法 まずはショートコードタグ用のフックを追加します。 例えば、最新の投稿を3件表示するショートコードを作りたいときは、 次のコードを function.php に追加します。 /*【出力カスタマイズ】ショートコードで投稿一覧を表示 */ function shortcode_post_list() { // 変数の定義 global $post; // グローバル宣言 $args = array( // クエリの準備 'posts_per_page' => 3, // 表示件数の指定 'post_type

WordPress のプラグイン Advanced Custom Fields を使ったカスタムフィールド値の取得と表示方法を紹介します。 値の取得方法と合わせて、表示されない時の注意点や対処方法も紹介します。 基本的な表示方法と注意点 投稿のフィールド値の取得と表示方法 カスタムフィールド値を取得したい場合 別の投稿のカスタムフィールド値を表示 オプションページからカスタムフィールド値を取得 条件分岐を使った表示方法 Repeater Field のフィールド値を表示 注意点 テキストフ​​ィールドの表示 画像フィールドの表示 画像の表示（返り値：オブジェクト） 画像の表示（返り値：URL） 画像の表示（返り値：ID） チェックボックス・ラジオボタンフィールドの表示 セレクタフィールドの表示 関連（投稿）オブジェクトの表示 投稿オブジェクトが一つの場合 投稿オブジェクトが複数の場合（グロ

WordPress でログイン後にユーザーや権限別にリダイレクト設定をする方法を紹介します。 例えば、クライアントユーザーがログインしたときにダッシュボードから投稿一覧へ遷移させたい場合や、その手のプラグインを使用したくないときに便利な方法です。 ログイン後、ユーザー別にリダイレクトを設定する方法 ログイン後、権限別にリダイレクトを設定する方法 リダイレクト先を管理画面外にする方法 ログイン後、ユーザー別にリダイレクトを設定する方法 ログイン後、ユーザー別にリダイレクトを設定する場合は、条件分岐にユーザーIDを指定します。 ユーザーIDの確認する方法は、ユーザー一覧から確認したいユーザーの詳細ページを選択したときに、表示されるURLにユーザーIDとして表示されます。 例えば、ユーザーIDが2のユーザーの場合、次のコードを functions.php に追加します。 /* 【管理画面】ログイ

CSS でドロップシャドウをつける方法を紹介します。 例えば、CSS で要素に影をつけたいときに便利な方法です。 類似機能のボックスシャドウと比べて、ドロップシャドウは擬似要素も対象になります。 ドロップシャドウを付ける方法 ブラウザの対応状況 box-shadow じゃだめなの？ ドロップシャドウを付ける方法 CSS で特定の要素にドロップシャドウを付ける方法を紹介します。 ドロップシャドウをつけるには filter プロパティの関数 drop-shadow を使用します。 実際の見た目はこんな感じです。 ベースの HTML は次の通りです。 <div class="dropshadow">ドロップシャドウ</div> CSS はこちら。 .dropshadow { position: relative; width: 240px; margin: 0 auto; padding: 15