サイタWeb・デザインスクールホームページ作成講座 東京 自分で作る夢のマイホームページ作り講座 レッスンノート WORDPRESS:トップページにカスタム投稿タイプの記事リストとカスタムフィールドのデータを表示

WORDPRESS:トップページにカスタム投稿タイプの記事リストとカスタムフィールドのデータを表示

ホームページ作成講座のレッスンノート

レッスンノートって?レッスンノートって?

お客様の声のタイトルと抜粋をトップページに一覧リストとして独自に表示できるようにする作業を行いました。

ダッシュボードー外観ーテーマの編集でfront-page.phpを開きます。
表示したい箇所に以下のコードを挿入していきます。

$wp_query = new WP_Query();
$param = array(
'posts_per_page' => '3', //表示件数。-1なら全件表示
'post_type' => 'voice', //カスタム投稿タイプの名称を入れる
'post_status' => 'publish', //取得するステータス。publishなら一般公開のもののみ
'orderby' => 'ID', //ID順に並び替え
'order' => 'DESC'
);
$wp_query->query($param);

上記のように書くことで、お客様の声という投稿タイプを3つ読み込みます。

if(have_posts()): while(have_posts()):the_post();
$date = post_custom('date');
$name = post_custom('name');
$age = post_custom('age');
$kansou = mb_strimwidth(post_custom('kansou'), 0, 45, '…', 'UTF-8');
$manzoku = post_custom('manzoku');

上記のように書くことで記事の数だけその中の処理を繰り返し行うことになります。
ここでは、変数にカスタムフィールドに入力されている日付ー名前ー年代ー感想ー満足度評価のデータを読み込んでいます。

次に以下のようにHTMLフォーマットの中にPHPで自動で画像や名前などのデータを挿入するように書いていきます。

<div id="voicelist">

<p><?php echo $name; ?> さん (<?php echo $age; ?>)</p>
<p><?php echo $date; ?> <?php echo $kansou; ?></p>
</div>
<?php endwhile; endif; ?>

最後にもっと見るをクリックすることでお客様の声アーカイブトップページにリンクを貼って飛ばすように設定します。

<p class="moreread"><a href="http://lavictoire.jp/archives/voice/">もっと見る</a>  </p>
</div>
このレッスンノートを書いたコーチ

自身の作品がグッドデザイン賞を受賞!実務・講師経験ともに豊富なので安心

目的・種類別にホームページ作成・作り方講座を探す

新着レッスンノート

引き続き、WORDPRESSを用いたホームページ作成の相談を進めていきました。 歯科クリニックのホームページでは依頼主の感想や要望を聞きながら相談していきました。 その他、いろいろと作成してきたホームページを見ながら、今後も運用を続けるもの、受け渡すもの、閉鎖するものなど検討してい...

引き続き、マッサージサロンのホームページの改善、現在、外部へ依頼しているマッサージサロンのページの内容や構成の検討、素材準備を進めていきました。 ・「予約」ボタンのリンク先の変更 ・各種フォームの自動送信/返信メールの宛先/送信元メールアドレスの変更 ・ホームページで使う画像...

引き続き、WORDPRESSを用いたホームページ作成・改善作業を進めていきました。 カテゴリー記事一覧の上にある「カテゴリー名の記事 *件」というのを非表示にする 外観ーChocolatの設定ー「アーカイブのページに投稿数の見出しを表示する」のチェックを外す 編集者用ユーザーの作...

引き続き、現在、外部へ依頼しているマッサージサロンのページの内容や構成の検討、素材準備を進めていきました。 サイドバーから、どんな誘導ができるといいか? おすすめコース 出張について 西新宿周辺は無料 よくある質問 お問い合わせ ターゲットを明確に...

前回に引き続き、WORDPRESSを用いたマッサージサロンページの作成、業務委託対応を行いました。 作成にあって決めたいことを書き出して進めていきました。 【どういった画像を使うのが良いか】 Google画像検索して参考にしながら、魅力的な画像のポイントを書き出していきました。 ...

レッスンノート ページ先頭へ

ホームページ作成情報

サイタのホームページ作成講師がブログを通して、ホームページ作成情報を発信。更新情報のチェックはこちらから!

twitter

ホームページ作成の先生

@HomepageCyta