【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」に変えます。
タグを追加してアップロード。

【flexible posts widget】プラグイン 投稿日を表示

【flexible posts widget】とは、

WordPressのウィジェットに最新記事が表示できるプラグインです。

※Jetpackプラグインの中にも入っています。

• カスタム投稿タイプ・カテゴリーの最新記事も選べる
• 表示する件数を指定できる
• スキップする投稿件数を指定できる
• サムネイルの表示/非表示
• ソートする条件が選べる（日付・タイトル・IDなどなど）
• 新しい日付を上に→　Order　：Descending

検索しても日付を表示する方法が他に出てこなかったので、
残しておきます。

投稿日を表示する方法

カスタムHTML出力テンプレートを作成します

プラグイン公式　installation　より和訳

1. カスタムHTML出力テンプレートを使用するには、あなたのテーマフォルダのルートにflexible posts widgetフォルダを作成します。
2. あなたのテーマのflexible posts widgetフォルダに、wp-content/plugins/flexible-posts-widget/viewsフォルダ内からwidget.phpをコピー。
3. 任意の名前（各ウィジェットのインスタンスごとに異なる​​テンプレートを使用する）にあなたのテーマのwidget.phpテンプレートファイルの名前を変更します。例： my-themes-widget.php
4. ワードプレスの管理画面の'外観'> "ウィジェット"に移動します。
5. [Template Filename]フィールド（デフォルトはwidget.phpとなっている）に、あなたのテーマに追加されたテンプレートファイルの名前を入力します。例： my-themes-widget.php

次に上記3で作成したphpファイル（例 my-themes-widget.php）の中身を変更します。

【修正前】19行目の<li>タグの次の行に

<li id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<a href="<?php echo the_permalink(); ?>">

【修正後】以下の1行を追加

<li id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<span><?php the_time('Y年n月j日'); ?></span>
<a href="<?php echo the_permalink(); ?>">

以上でタイトルの上に日付が表示されます。