ワードプレスのプラグインCustom Field Suiteの使い方

公開日: : 最終更新日:2016/08/09 副業で稼ぐ仕組みの作り方 , ,

Custom Field Suiteを入れたもののどうやって使うんだろうって人向けの細かい使い方をご紹介いたします。

はじめに

ワードプレスのカスタムフィールドを簡単に使う事が出来るプラグインCustom Field Suiteの詳しい使い方をご紹介いたします。インストールと簡単な使い方に関しては前回の簡単にカスタムフィールドが使えるCustom Field Suiteを見て下さい。

注意事項

Custom Field Suiteはチェックボックスが使えません。

各機能の使い方

共通内容について

cfs1

デフォルト値
デフォルト値を入力していないと、もともと空白になり、情報を入力すると予め表示されるようになります。
バリデーション
入力必須フィールドにチェックを入れると入力しないと公開できなくなります。
概要
カスタムフィールドの入力画面に説明を入れる事が出来ます。

以上の情報をCustom Field Suiteで入力すると

cfs2

このように表示されます。

単一行テキスト

単一行テキストは、短い文章を使う時に利用します。

cfs3

テキストエリア

テキストエリアは単一行テキストと比較してもう少し長い文章が入るケースに使用します。

cfs4

フォーマットの「改行を<br />に変換」を選択すると文字を改行すると反映されるようになります。

リッチエディタ

リッチエディタはワードプレスの投稿と同じエディタを使って入力する事が出来ます。

cfs5

単一行テキストやテキストエリアよりも長い文章を入力する場合はこちらを利用しましょう。

ハイパーリンク

ハイパーリンクはリンクを登録する際に入力します。

cfs6

Link Targetは「None」「_blank」「_self」「_top」の4っつからお選び頂けます。

日付フォーマット

任意の日付を入力する事が出来ます。

cfs7

ちなみにカレンダーのアイコンをクリックすると

cfs8

このようなカレンダーが表示されます。

カラーピッカー

カラーピッカーは色の指定をする事が出来ます。

cfs9

枠内をクリックすると

cfs10

このように好きな色を指定する事が出来ます。これはcssと組み合わせて使う事の方が多いかもしれませんね。

簡易チェックボックス

簡易チェックボックスは本当に簡易なチェックボックスでチェックを入れるか入れないかでしか使う事が出ません。

cfs11

これはPHPを利用する事で面白い使い方をする事が出来るでしょう。

セレクト

セレクトは選択肢がいくつかある場合に利用します。

cfs12

選択肢の枠内にはこのように改行する事で選択肢を多数入力する事が出来ます。

cfs13

ドロップダウンで好きな項目を選択します。

複数選択にチェックを入れると

cfs14

このように全体が表示されるのでキーボードのCtrlを押しながらクリックすると複数を選択する事が出来ます。

関連ポスト選択

関連ポスト選択は、関連している記事を任意で入力する事が出来ます。

cfs15

設定画面の投稿タイプでは、post、page、attachmentなど投稿タイプが表示されます。カスタム投稿を作成していケースもこちに表示されると思います。

cfs16

実際の投稿画面ではこのように選択すると右側の表示されます。また検索枠を利用する事で「予約投稿」の記事にも関連ポストを利用する事が出来ます。

ユーザー

ユーザーでは、登録しているユーザーを選択する事が出来ます。

cfs17

使い方は関連ポスト選択と同じです。

ファイルのアップロード

ファイルのアップロードでは、画像などのファイルを管理画面上から簡単にアップロードする事が出来ます。

cfs18

返り値は基本的にファイルURLで問題ないと思います。

ループの使い方

ループと言うのはこの機能だけで使うのではなく、他の機能と組み合わせる事で発揮します。

ループの設定

まずはループを作り、ループさせたい項目をその下に持っていきます。

cfs19

 

そして、一度更新ボタンをクリックします。

cfs20

するとこのようにループの下に青いラインが出来ています。

名称未設定-1

次はファイルのアップロードをドラッグしてループの下に持っていくとループの下にオレンジ色のラインが表示されます。

cfs21

そしてドロップするとこのようにループの下にファイルのアップロードがくっつきました。この状態で再度更新ボタンをクリックします。

ループの入力

設定が完了したので次はループを入力してみます。

cfs22

このように表示されているので追加ボタンをクリックします。

cfs23

するとこのようにファイルのアップロードが表示されました。そして、さらに追加ボタンをクリックすると

cfs24

 

このようにもう一つファイルのアップロードを入力する事が出来ます。

タブの使い方

タブもループと同様でタブ機能だけでは利用出来ません。

タブの設定

cfs25

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

例えばタブの下にファイルのアップロード、タブ2の下に単一行テキスト、タブ3にテキストエリアを設置してみました。

タブの入力画面

cfs26

 

このようにタブが三つ横に並び、最初のタブの中にはファイルのアップロードのみが表示されています。

cfs27

タブ2を選択すると単一行テキストが表示されています。

タブの注意点

タブを使うと、タブより下には他のカスタムフィールドを通常通りに表示できなくなってしまいます。

cfs28

例えば、このようにタブ3の下に3っつのカスタムフィールドを並べてみました。

cfs29

するとこのように全てタブ3の中に入ってしまいました。

以上がカスタムフィールの使い方と入力方法です。

配置ルール

Custom Field Suiteでは各カスタムフィールドに配置ルールを付ける事が出来ます。

cfs30

投稿タイプ

例えば、固定ページの入力画面にはカスタムフィールドを表示させたいが投稿ページの入力画面には表示させたくない場合は、投稿タイプを等しいにしpageを設定します。

cfs31

また、カスタム投稿を作成している場合はこちらにも表示されます。

ユーザー権限グループ

カスタムフィールドは管理者だけが利用出来て、それ以外の人は利用できないと言う設定にしたい場合は等しいにし、administratorを選択して下さい。

cfs32

 

投稿

特定の固定ページ内のみにカスタムフィールドを表示させたい場合にこちらの機能を使います。

cfs33

先日のカスタムフィールドCustom Field Suiteの導入方法について書いた記事にカスタムフィールドを利用する場合は検索機能を利用すると選択が出来ます。

分類

分類は主にカテゴリごとにこのカスタムフィールドを使用するかどうかを設定出来ます。

cfs34

副業で稼ぐ仕組みの作り方と言うカテゴリを入力すると、このカテゴリを選択している記事だけにカスタムフィールドの入力が表示されるようになります。

固定ページテンプレート

固定ページテンプレートは個別に固定ページのデザインを作っている場合に選択する事が出来ます。

カスタムフィールドを利用する場合、結局テーマファイルも表示用である程度いじらないといけないので、この配置ルールを使う事が多いです。

以上でードプレスのプラグインCustom Field Suiteの使い方の説明を終了致します。次回はCustom Field Suiteを使った分岐などを紹介していきます。

カスタムフィールドは必ず使う

私と同じようにブログを使って稼げる副業をしている人は、必ず使う事になるのがカスタムフィールドです。

最初はブログだけでちょくちょく更新しようと考えるが、やればやるほど色々とやりたい事やアイデアが必ず出てくると思います。その時に役立つのがこのCustom Field Suiteと言うワードプレスのプラグインです。

初めて使ったのが2年前ですが、使い方や工夫を覚えた事でメインの仕事にも役立つようになりました。いやー、勉強すればするほど面白いアイデアも沢山出てきますしコツコツが大切なんだなと最近特に思うようになりました笑

広告

関連記事

ワードプレスとツイッターの連携が可能SimpleTweet

ワードプレスとツイッターを連携できるプラグインSimpleTweetの設置方法のご紹介 はじめ

記事を読む

スマホの理想的なハンバーガーメニュー紹介

スマホデザインを作るのであれば、ハンバーガーメニューが一般的ですよね。今回は理想的なハンバーガーメニ

記事を読む

ワードプレスで使えるLightbox Plusプラグイン

画像をクリックすると別ページに飛ぶのはちょっと見ずらいですよね?そこで登場なのがLightbox P

記事を読む

サクラサーバーに転入する方法2015

サクラサーバーの転入方法が少し変わっていたので、最新版をご紹介いたします。 はじめに 過去にさく

記事を読む

ワードプレスでお問い合わせを作る。Contact Form 7

ホームページの制作やブログの制作で必ず必要なのがお問い合わせフォームの設置です。ワードプレスのプラグ

記事を読む

ECCUBE2.12のカテゴリに子カテゴリを表示させる方法

EC-CUBEで孫カテゴリまで作ったならこのカスタマイズが必要です はじめに と

記事を読む

カスタムフィールドのループ内でループを使う方法

Custom Field Suiteを使えば無料で簡単にループ処理が出来ます。 はじめに Cus

記事を読む

no image

カスタムフィールドを使ってリンク先のスクリーンショット画像を掲載させる方法

ワードプレスにはスクリーンショットをキャプチャして画像にするプラグインは出ていますが・・・。 はじ

記事を読む

tinymce advancedに絵文字を増やすTypePad 絵文字 for TinyMCE

ワードプレスでも無料ブログ同様絵文字を使いたいけど、tinymce advancedだと少ないですよ

記事を読む

A8の登録方法について

副業でアフィリエイトを始めたい人向け!必ず登録しておきましょう はじめに アフィリエイト

記事を読む

広告

Message

広告

現在の総記事数: 306件

WordPressが書き換えられた時の対処方

アクセス先のサイトで「不正なソフトウェアを検出しました」と表示されると

さくらインターネットの請求書払い反映されるまで

さくらインターネットで支払い方法を請求書払い(コンビニ払い)にしている

HEIC形式を簡単にjpgにする方法

web上でクッソ簡単にjpgに戻せました はじめに ア

メルカリの売り上げを自分の口座に振込む方法

売り上げが上がるだけだと意味がありません。メルカリから自分の銀行に振り

お名前ドットコム
お名前.comのWhois情報公開代行のご案内が悪質すぎる

お名前.comでドメインを取得した人は気を付けてくださいね。 情弱な

→もっと見る


  • ここでは副業での稼ぎ方や、誰でも簡単に稼げる副業のジャンルなどを紹介しております。 今の所、平均して月に15,000円ほど副収入があります。
    • エステコスメ エステ化粧品やエステコスメの通販サイトです。一般の方でもエステサロンで使用しているコスメを激安価格で購入出来ます。
    • エステ用品 エステ用品のMOCOエステです。新規開業を考えているエステサロン様向けに卸価格でご提供させて頂きます。
    • サロン集客 サロン集客に悩んでいる人向けに完全無料で集客方法を公開しております。インターネットを使う事で0円でサロン集客する方法もお教えいたします。
    • ヒートマット 遠赤外線ヒートマットシリーズは入ると滝に打たれたような発汗を体験できます。サロン様から一般の方までご利用いただけます
    • フェイシャルスチーマー 業務用だけでなく、一般の方も使用出来るフェイシャルスチーマーを詳しく説明しているホームページです。
    • 美容室のホームページ制作 美容室やエステサロン、ネイルのホームページ制作です。3万円台から制作も出来るので予算のないサロン様にも対応しております。
PAGE TOP ↑