[記事数: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
Interactive World Map カスタマイズ性は「amCharts: Charts and Maps」ほどではなさそうだけど、ほぼ同じことができそうなプラグイン。標準的な地図の表示やマップアイコン、テキストをポップアップさせるだけなら無料で利用できそう。地図のカスタマイズ等は開発元である「Fla-Shop.com」に依頼するか、有...
WP Custom Widget area サイドバーやメニューの場所を作成... WP Custom Widget area Requires: 3.0.1 or higher Compatible up to: 4.5.3 Last Updated: 4 months ago Active Installs: 10,000+ 非常に単純な方法は、カスタム・ウィジェ...
AddQuicktag HTMLエディタを便利にカスタマイズ... AddQuicktagの使い方 – WordPressの投稿エディタを便利にカスタマイズしよう! AddQuicktagの設定方法と使い方【プラグイン】 ≫ 使い方・方法まとめサイト - usedoor ...
SiteOrigin Widgets Bundle – Features Widget ... Last Updated: 7 days ago Active Installs: 300,000+ ◎Page Builderを使うときに便利なプラグインSiteOrigin Widgets Bundleの機能 Page Builderで配置してウィジェットで設定する 一括で設定するタイプ...
IG Pricing table-価格表 Pricing table プラグイン for WordP... IG Pricing table Last Updated: 4 weeks ago Active Installs: 60+ ◎デザイン1種類、色を変更できる WordPress › IG Pricing table « WordPress Plugins ...
Show Post Categories 投稿のカテゴリ、タイトル、ID、著者、タグを表示するWor... Requires: 4.X or higher Compatible up to: 4.4.2 Last Updated: 4 weeks ago Active Installs: 70+ などのすべてのブログ記事/ページにリンクされているカテゴリ、またはリストデータ表示:タイトル、ID、著...
WordPress Plugins 価格表 Pricing tableまとめ... (adsbygoogle = window.adsbygoogle || []).push({}); h3.widget-title { position: relative; padding-bottom: .5em; border-bottom: 1px solid ...
Google Mapを簡単に埋め込み表示するプラグイン「MapPress Easy Google M... Google Mapを簡単に埋め込み表示する、プラグイン「MapPress Easy Google Maps」 | WordPressの使い方を覚えたい 日本語対応Google Mapプラグイン『MapPress Easy Google Maps』 | 7daysha...
【JetPack】コンテンツタイプ「ポートフォリオ」が使えるようになっている... 「portfolio display_types=true display_tags=false columns=2 showposts=10 order=desc orderby=date」 【JetPack】コンテンツタイプ「ポートフォリオ」が使えるようになっている | comemo...
RSSを読み込み・表示するプラグイン「RSSImport」... ショートコードで記事に埋め込む場合 ・display=”5″ 記事数を指定するとなぜかエラーになった ・date=”true” 日付を表示やdisplaydescriptions=”true” 説明文の表示は指定しても表示されなかった ・target=”blank”は指定できる ...

コメントを残す