Custom Field Template の埋め込み

Custom Field Template の埋め込み

投稿にこれを埋め込む
ドットインストールで作成したテンプレで実験

投稿内容は
single.php にあるのでこれを編集する

参考サイトは
WordPressとプラグインを使ってお店紹介サイトを作る方法

だけど

最初の判定が

<?php if ( get_post_meta($post->ID,'Zip',TRUE) ):

で行っている

これは郵便番号がある場合だけど

私の場合、ほしいものだけに絞って

[Address]
type = textarea
cols = 80
rows = 3
label = 住所

[Time]
type = text
size = 35
label = 営業時間

[Holiday]
type = text
size = 35
label = 定休日

[Impression]
type = textarea
cols = 80
rows = 3
label = ひとことメモ

[Map lat]
type = text
size = 35
label = 緯度

[Map lng]
type = text
size = 35
label = 経度

としているので、Zip がない

なので、判定を変更する

ちなみに、カスタムフィールドで入力した住所とかは
投稿画面にそのままだと表示されない

[<?php the_category(','); ?>]

>[<?php the_category(); ?>]

となっていると改行されてレイアウトが崩れるので注意

あと、SNSのボタンを
WP Social Bookmarking Light
で設置した場合

 <?php the_content(); ?>

のところに表示される

まずはどのあたりに表示されるかを調べたかったので

<?php echo post_custom("Address")?>

を the_content() の前後に配置

これで住所がでたので
次に
判定などを追加していく

 <?php if ( get_post_meta($post->ID,'Address',TRUE) ): ?>
 <h3><?php the_title(); ?>の情報</h3>
<div class="infobox">
<table>
 <tr><td class="name">住所</td><td><?php echo post_custom("Address")?></td></tr>
<tr><td class="name">営業時間</td><td><?php echo post_custom("Time")?></td></tr>
<tr><td class="name">定休日</td><td><?php echo post_custom("Holiday")?></td></tr>
</table>
</div>
<?php endif;?>

次に css の設定

.Infobox table{
        margin: 0 0 20px 0;
        width: 575px;
        border-collapse: collapse;
        font-size:14px;
}

.infobox table td{
        width:455px;
        padding:5px;
        word-break:break-all;
        line-height:1.3;
        border:1px solid #df9128;
}

.infobox table td.name{
        width:120px;
        vertical-align:top;
        background-color: #ffe1b9;
        font-size:12px;
}

.infobox table td img{
        margin: 0 5px 0 0;
        border:1px solid #343434;
}

をファイル末尾に追加

これで店舗情報は表示できた
地図は、また後で考える

cssとテーブルタグで綺麗に仕上げている

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です