【WordPress】紹介系ブログ記事用！コピペで作るカスタムフィールドテンプレートの設定方法

 <br />
有効化するときにGoogleからコード取ったりする必要があるけど、プラグインの設定ページに全部書いてある。</p>
<p><span style="font-size: 24px;"><strong><a href="https://ja.wordpress.org/plugins/custom-field-template/">Custom Field Template</a></strong></span></p>
<p>カスタムフィールドを作って、投稿ページに表示させるプラグイン。<br />
カスタムフィールドってあれこれやるのめんどくさいけど、コイツがいればHTMLの知識が少々あればすぐに作れる。</p>
<p>他にAddQuickTagとかあるといいんだけど、まあ、普通にWordPressでブログ書く人はみんなとっくに入れてるよねってことで割愛。<br />
入れてない人は入れといてね。</p>
<h2>コピペで作るショップレビュー！！<br />
カスタムフィールドテンプレートの設定方法</h2>
<p>とりあえずこんな感じの表示をするテンプレートを作るぞ。<br />
<img class="aligncenter size-full wp-image-2180" src="https://noni-no.net/wp-content/uploads/2018/07/SnapCrab_NoName_2018-7-27_17-38-26_No-00.png" alt="" width="831" height="633" />カスタムフィールドテンプレートの詳細な設定や使い方は、自力で他のブログを検索してくれ。先達がものすごく細かい紹介をしてくれてる。<br />
今回は<strong><span style="color: #ff0000;">コピペ</span></strong>のみでそれっぽい店舗紹介やレビュー表示を作るのが前提だ。<br />
ということで、↑を出すためのフィールドの内容はコレだ。<br />
<strong>カスタムフィールドテンプレートオプション</strong>を開き、<strong><span style="color: #ff0000;">コピペ</span></strong>する。</p>
<pre class="lang:default decode:true">[name]
type = text
size = 35
label = 店舗名
[address]
type = text
size = 35
label = 住所
[open]
type = text
size = 35
label = 営業時間
[closed]
type = text
size = 35
label = 休業日
[genre]
type = checkbox
value = 飲食店 # 販売店 # 公園 # 施設 # イベント # イートイン # 会社 # 宗教
default =
label = ジャンル
[shoptype]
type = text
size = 35
label = 業種
[smoking]
type = radio
value = 禁煙 # 分煙 # 喫煙可
default = 禁煙
label = 禁煙・喫煙
[dengen]
type = select
value = なし # あり（無料） # あり（有料）
default = あり（無料）
label = 電源
[wifi]
type = select
value = なし # あり（無料） # あり（有料）
default = あり（無料）
label = WiFi
[image]
type = file
mediaPicker = true
mediaRemove = true
mediaLibrary = true
label = 画像
[osusume]
type = radio
value = ★ # ★★ # ★★★ # ★★★★ # ★★★★★
default = ★★★
label = オススメ度
[limit]
type = text
size = 35
label = 予算
[impression]
type = textarea
rows = 4
cols = 40
tinyMCE = true
htmlEditor = true
mediaButton = true
label = お店の印象</pre>
<p>項目は自分の好みで変えて。<br />
今回は出力しないけど、画像も一応アップロードできるようにしておきます。<br />
そして次、出力する表示画面を作るよ。<br />
<strong>[cft] and [cftsearch] Shortcode Format</strong>を開き、<span style="color: #ff0000;"><strong>コピペ</strong></span>だ。</p>
<pre class="lang:default decode:true"><table class="shopdata" width: 100%;>
<tbody>
<tr>
<th class="shopdata">店舗名</th>
<td colspan="3">[name]</td>
<th class="shopdata">推し度</th>
<td class="shopdata">[osusume]</td>
</tr>
<tr>
<th class="shopdata">備考</th>
<td colspan="5">[impression]</td>
<tr>
<th class="shopdata">ジャンル</th>
<td class="shopdata">[shoptype][genre]</td>
<th class="shopdata">煙草</th>
<td class="shopdata">[smoking]</td>
<th class="shopdata">電源</th>
<td class="shopdata">[dengen]</td>
</tr>
<tr>
<th class="shopdata">Wi-Fi</th>
<td class="shopdata">[wifi]</td>
<th class="shopdata">営業時間</th>
<td class="shopdata">[open]／休：[closed]</td>
<th class="shopdata">価格帯</th>
<td class="shopdata">[limit]</td>
</tr>
<tr>
<th class="shopdata">場所</th>
<td colspan="5">[address]<br />[address]