WordPress

【BizVektor】トップページに特定の記事を表示する方法

2017/02/23

11

WordPressテンプレート「BizVektor(ビズベクトル)」を使っていて、「トップページに特定の記事を表示したい」と思ったことはありませんか?

BizVektorのデフォルトは、新着記事とお知らせしか表示できません。

そこで、PHPを使ってトップページをカスタマイズする方法を紹介します。

673

スポンサーリンク

特定記事の構成

  • 投稿記事のタイトル
  • 投稿日
  • カテゴリ
  • サムネイル
  • 投稿記事の抜粋
  • 続きを読む

下準備

  • プラグイン「Exec-PHP」をインストールする
  • ウィジェットのコンテンツエリア(トップページ)に、「テキスト」「BV_トップ用_新着記事リスト」を設定する

674

ウィジェットのテキストにPHPソースを記入する

  • 以下のソースをコピペし、投稿IDを記入します。

例:<?php $post_id=2046; ?>

  • 「自動的に段落追加する」にチェックを入れ、「保存」をクリックします

投稿IDの調べ方

675

投稿一覧の中から、表示したい記事のタイトルをポイントすると、画面左下に記事のURLが表示されます。

?php=2046の「2046」が投稿IDです。

PHPソース解説

<?php echo get_permalink($post_id); ?>
//投稿記事のURL取得

<?php echo get_the_title($post_id); ?>
//投稿記事のタイトル表示

<?php echo get_the_date("Y年n月j日",$post_id); ?>
//投稿日表示

<?php echo get_the_term_list( $post_id, 'category', '','','');?>
//カテゴリ表示とカテゴリへのリンク

<?php echo get_the_post_thumbnail($post_id); ?>
//投稿記事のサムネイル表示

<?php
echo '</br>';
$post=get_post_field('post_content',$post_id); //投稿記事を取得
$text=strip_tags($post); //投稿記事内の全てのタグを削除
$text=strip_shortcodes($text);//投稿記事内の全てのショートコードを削除
echo wp_trim_words($text,200); //抜粋の文字数を200字に設定
?>

サムネイルのサイズを小さくする場合

<?php set_post_thumbnail_size(幅サイズ,高さサイズ); ?>
<?php echo get_the_post_thumbnail($post_id); ?>

と記入します(例:120,120)。

まえむきポイント

このPHPソースは、WordPressの他のテンプレートでも使えます。

スポンサーリンク

スポンサーリンク

フォローしていただけるとブログ更新をチェックできます

twitter facebook google
follow us in feedly

-WordPress