[記事数:1,202] 日本を元気にするキーワード、地域活性化×中小企業× ITのTips and Quotes(秘訣と引用文)
creative  link  memo 

Custom Field Suiteの使い方と表示方法  WordPressプラグイン



要件: 4.0 以降
最新の対応バージョン: 4.4.2
最終更新: 3か月前
有効化済みインストール: 30,000+

Custom Field Suite(カスタムフィールドスイート)の使い方と表示方法

1.Custom Field Suiteをインストール

2.サイドメニューの「フィールドグループ」からカスタムメニューを新規作成

名前を決めて、カスタムフィールの項目を追加していきましょう。

【単一行テキスト】単一行のテキストを表示
【テキストエリア】テキストエリアを表示
【リッチエディタ】編集可能なエディタを表示
【ハイパーリンク】各ページのリンクを表示
【日付フォーマット】日付を表示
【カラーピッカー】選択した色のカラーコードを表示
【真/偽(簡易チェックボックス)】1 or 0を表示
【セレクト(ドロップダウンリスト)】「value : label」を表示
【関連ポスト選択】選択した関連記事を表示
【ユーザー】選択したユーザーの表示
【ファイルのアップロード】アップしたファイルのURLなど表示
【ループ(複製フィールド)】他のカスタムフィールドをループにする

※入力必須にチェックで必須項目になる
※概要の値は管理画面の説明などとして表示できる

ループの設定

タブの設定

タブの下に任意のカスタムフィールドを入れ、ていく形になります。

3.詳細設定をする

下部項目で詳細設定ができます。

■配置ルール
【投稿タイプ】どの投稿タイプで使用するか選択
【ユーザー権限グループ】どの権限で使用できるか選択
【投稿】どの投稿で使用するか選択
【分類】どの分類で使用するか選択
【固定ページテンプレート】どのテンプレートで使用するか選択

■エクストラ
【順序】数字でフィールドグループの管理画面上での表示順序を変更できます
【位置】管理画面で表示する位置を選択
【表示設定】「コンテンツエディタを隠す」をチェックでコンテンツエディタを非表示にできます

4.管理画面でカスタムフィールドに値を入力

固定ページや投稿に設定したカスタムフィールドに値を任意に入力しましょう。

5.カスタムフィールドの表示

ここが一番重要なカスタムフィールドを表示させる方法です。

単一行テキスト、テキストエリア、カラーピッカー、真/偽(簡易チェックボックス)、ファイルのアップロード

日付フォーマット

日付はいろんな表示のさせ方ができます。

セレクト(ドロップダウンリスト)

セレクトはループさせる必要があります。

ユーザー

関連ポスト選択

ループ

ループ名を記述して、中のカスタムフィールドを記述します。

ループの中にループがある場合





FavoriteLoadingお気に入りAdd to favorites
Wiki Lite|WordPressでwiki(誰もが編集できるサイト)を構築できるプラグイン... Wiki Lite|WordPressでwiki(誰もが編集できるサイト)を構築できるプラグイン WordPress › WordPress Wiki « WordPress Plugins ...
WordPress Plugins Tagsタグ スタイルまとめ... (adsbygoogle = window.adsbygoogle || []).push({}); h3.widget-title { position: relative; padding-bottom: .5em; border-bottom: 1px solid ...
Black Studio TinyMCE Widget – ウィジェットでビジュアルエデ... Black Studio TinyMCE Widget - ウィジェットでビジュアルエディタが使えるWordPressプラグイン - ネタワン
記事中に特定のキーワードがあった場合、そのキーワードから自動的に特定の URL にリンクを送ってくれ... 3-4.WP Keyword Link  自動リンクプラグインWP Keyword Linkの日本語と使い方 記事中に特定のキーワードがあった場合、そのキーワードから自動的に特定の URL にリンクを送ってくれるプラグイン。なお、記事中...
RSSを読み込み・表示するプラグイン「RSSImport」... ショートコードで記事に埋め込む場合 ・display=”5″ 記事数を指定するとなぜかエラーになった ・date=”true” 日付を表示やdisplaydescriptions=”true” 説明文の表示は指定しても表示されなかった ・target=”blank”は指定できる ...
WordPress スライダー系プラグインまとめ... (adsbygoogle = window.adsbygoogle || []).push({}); h3.widget-title { position: relative; padding-bottom: .5em; border-bottom: 1px soli...
SiteOrigin Widgets by CodeLights – Page Builderを使う...   // SiteOrigin Widgets Bundle Widgets for SiteOrigin Ultimate Addons for SiteOrigin Livemesh SiteOrigin Widgets SiteOrigin Widgets...
JetPackで問い合わせフォームを設定する... プラグイン1個で超多機能!ありがたすぎるJetPackで問い合わせフォームを作ってみた | ノマドWEB - サイト制作・ブログ運営に役立つ情報をメモ 『Jetpack』にフォームが実装されたので試してみたよ | 鉄王 コンタクトフォーム(Jetpack)...
WordPressフレームワーク 次のトレンド!?Wordpressフレームワークとは | Designup Redux Framework Home - Redux Framework PressWork WordPressのテーマフレームワーク「PressWork」が便利...
タイトルや本文からタグを自動生成 Japanese Autotag... タイトルや本文からタグを自動生成 | Plus WordPress タグを自動的に挿入する WordPress プラグイン - Japanese AutoTag - Web/DB プログラミング徹底解説 ...

コメントを残す