2013年9月8日日曜日

【Custom Field Suite】カスタムフィールド投稿を表示する

Skeleton」テーマにおける【Custom Field Suite】の表示方法



■使用テーマ:Skeleton

スマートフォン・タブレットなどマルチデバイスに対応したレスポンシブテーマ。
ショートコードでカラムやボタン、タブなど、とても使いやすいテーマです。

こちらのサイトを参考

これはかなりの優れもの、スマートフォン・タブレット対応WordPressのテーマファイル -Skeleton


■プラグイン:Custom Field Suite

カスタムフィールドを簡単にカスタマイズ・設置できるプラグインです。

こちらのサイトを参考

WordPress:カスタムフィールドを上手に使いこなす方法

【テンプレートに追加する基本のタグ】

テキスト表示
<?php echo get_post_meta($post->ID,'フィールド名', true);?> 

画像表示
<img src="<?php echo wp_get_attachment_url(get_post_meta($post->ID,"フィールド名",true));?>">




Skeletonテーマには最初から子テーマ「skeleton_childtheme」フォルダが作成してあります。

親テーマの構成が他のテーマと少し違ったので、記しておきます。

【通常の投稿(post)での使用】

親テーマ「Skeleton」フォルダにあるテンプレートファイル 「loop-single.php」にタグを追加します。


【カスタム投稿での使用】

親テーマ「Skeleton」フォルダにあるテンプレートファイル 「loop-single.php」を子テーマ「skeleton_childtheme」フォルダにコピー。
ファイル名を「loop-single-(カスタムポスト名).php」に変えます。
タグを追加してアップロード。




1 件のコメント:

  1. 画像表示 のコード助かりました。
    ありがとうございます。

    返信削除