カスタムフィールドとカスタム投稿で記事投稿フォームを使いやすく 2 – 「Custom Post Type UI」の巻 【ワードプレス】 #wp
2014/11/09
1年以上前の記事です。内容が古い可能性があります。
カスタムフィールドが作れたら今度は左側にボタンを追加するためにプラグインをもう一つインストールしておきましょう。
「プラグイン」→「新規追加」で「Custom Post Type UI」を検索してインストール。
□ WordPress › Custom Post Type UI ≪ WordPress Plugins
これがカスタム投稿(カスタムポスト)を追加、管理できるプラグインです。
その前にそもそもカスタム投稿って何なのでしょうか?
カスタムフィールドっていうのは入力項目をカスタマイズできる機能です。
カスタム投稿(カスタムポスト)っていうのは「投稿(ポスト)」を細分化することができる機能で、
通常、イベント紹介の記事や商店紹介の記事等、記事は全て「投稿」で一括管理しているのですが、
これをそれぞれ、分けることができる機能です。
具体的には左メニューに「イベント投稿」や「商店投稿」などというボタンが作られ、
そこをクリックするとイベント記事一覧や、イベント記事入力用のフォームが表示されるというものです。
ではさっそく左側にメニューを追加する手順を説明します。
- まず、「Custom Post Types」→「Add New」とすすみ、新しいカスタム投稿タイプ(カスタムポストタイプ)を作成します。
こんな感じに入力。 - これで「shops」というカスタムポストタイプが作られました。
実はこれだけで左側にボタンが作られます。
ついでに「つぶくまイベント」というラベルの「event」というカスタムポストタイプも作っておきました。 - ここでカスタムフィールドに戻って各フィールドを「shops」が選ばれたときだけ表示されるように修正しておきましょう。
[cfgu_setting]
boxname = 熊谷店舗紹介[shopname]
fieldname = 店名
type = textfield
class = shops
default = 店名を入力してください
size = 35
sample = 記入例)プロット・ファクトリー[category]
fieldname = ジャンル
type = select
class = shops
value = ファッション#アクセサリー#フード#アルコール#サービス#カルチャー
default = ファッション
sample = 最も適切なジャンルを選んでください。[image]
fieldname = 店舗画像
type = imagefield
class = shops
size = 35
sample = 店舗画像があればアップしてください。
must = 1[address1]
fieldname = 住所1
type = textfield
class = shops
default = 住所(番地まで)
size = 35
sample = 記入例)埼玉県熊谷市宮町1-120[address2]
fieldname = 住所2
type = textfield
class = shops
default = 住所(アパート名等)
size = 35
sample = 記入例)プロットマンション801号[closed]
fieldname = 定休日
type = multi_checkbox
class = shops
value = 月#火#水#木#金#土#日
default = 土#日
sample = 定休日にチェックを入れてください。[opentime]
fieldname = 営業開始時間
type = select
class = shops
value = 0:00#1:00#2:00#3:00#4:00#5:00#6:00#7:00#8:00#9:00#10:00#11:00#12:00#13:00#14:00#15:00#16:00#17:00#18:00#19:00#20:00#21:00#22:00#23:00
default = 9:00
sample = 1時間単位での指定になります。[closetime]
fieldname = 営業終了時間
type = select
class = shops
value = 0:00#1:00#2:00#3:00#4:00#5:00#6:00#7:00#8:00#9:00#10:00#11:00#12:00#13:00#14:00#15:00#16:00#17:00#18:00#19:00#20:00#21:00#22:00#23:00
default = 17:00
sample = 1時間単位での指定になります。[website]
fieldname = ウェブサイト
type = textfield
class = shops
default = ウェブサイトのURLを入力してください。
size = 35
sample = 記入例)http://www.plot-factory.com/(「post」を「shops」に一括置換)
こうしておくと、「投稿」→「新規追加」としたときは上記設定のカスタムフィールドが表示されず、「熊谷のお店」→「add熊谷のお店」と進んだときだけ表示されるようになります。
とりあえず、以上で表向きなインターフェース修正は終了。
あとは、カスタム投稿に対応したテーマ内テンプレートを作ればOKです。
ここから先がいちばん大変なのですけれどね。
アドセンス広告メイン
関連記事
-
-
Webデザインはグラフィックデザインに近づく(と言っている人もいる)
1年以上前の記事です。内容が古い可能性があります。Webデザインとグラフィックデ …
-
-
念願の佐々木岳久さんの個展に行ってきた
1年以上前の記事です。内容が古い可能性があります。当ブログでも何度か紹介させてい …
-
-
GREE(グリー)を退会してみた
1年以上前の記事です。内容が古い可能性があります。ちょっと前にGREEの退会引き …
-
-
Flash(フラッシュ)でGifアニメを作るときの注意点
1年以上前の記事です。内容が古い可能性があります。先日、とあるサイトでGifアニ …
-
-
都営地下鉄ではWiMAXは使える。営団(メトロ)も続け!
1年以上前の記事です。内容が古い可能性があります。何度かWiMAXを持って地下鉄 …
-
-
iframeの高さを内容に合わせて変えるスクリプト
1年以上前の記事です。内容が古い可能性があります。非推奨ながらもなかなかなくなら …
-
-
またまたOpenOfficeにムカッ! 困ったらファイルを閉じよ
1年以上前の記事です。内容が古い可能性があります。どうも、OpenOffice「 …
-
-
LINE(ライン)の通知でベストな方法はこれ
1年以上前の記事です。内容が古い可能性があります。これ、娘に教えてもらったのです …
-
-
「twitter2mixivoice」を「さくらインターネット」に導入 (2010/4/14追記)
1年以上前の記事です。内容が古い可能性があります。「「twitter」vs「mi …
-
-
自分のサイト表示がブラウザごとに確認(チェック)できるサイト「browserling」
1年以上前の記事です。内容が古い可能性があります。Web制作する際に困るのが表示 …