WordPressテーマのindex.phpを編集してWordPressサイトのトップページをカスタマイズする


今回は、WordPressテーマのindex.phpを編集してWordPressサイトのトップページをカスタマイズする方法についてお伝えします。

本来、WordPressのトップページは、表示設定において「最新の投稿」をリスト表示するか、固定ページを選択して表示を行います。その他、フロントページ機能を用いて、トップページ用の固定ページテンプレートを使いながらトップページ表示を決めていきます。

WordPress 表示設定 ホームページの表示

WordPress 表示設定 ホームページの表示

しかしながら、WordPressのこうした機能を超えて、phpやWordPress関数を利用し、独自のトップページを作成する場合があります。この時、WordPressテーマのindex.phpを編集してWordPressサイトのトップページをカスタマイズします。

WordPressテーマのindex.phpを編集する

Main Index Template

Main Index Template

WordPressテーマの中にあるindex.phpを編集していきます。通常は、一般設定の設定に応じて最近の投稿や固定ページを呼び出すための関数が組み込まれています。

index.phpを直接編集しつつ、部分的なコンテンツは何かしらの固定ページ・フロントページで記述する形にするのであれば、そうした該当部分は残しておきます。

アーカイブとしての機能

通常、カテゴリーやタグページなどのアーカイブ系のページは、カテゴリーページ→category.php、タグページ→tag.phpなどで設定され、その他アーカイブはarchive.phpで一括設定されていたりします。しかし、これらが存在しない場合は、index.phpの内容が呼び出されます。こうしたことからアーカイブ系の記述は残しておくに越したことはありません。

管理画面からindex.phpを確認し、編集する

WordPressにログインし、WordPress管理画面の左側に操作メニューの「外観」から「テーマの編集」を選択して、画面右側に表示されるindex.phpをクリックしてください。index.phpは必ず存在します。

index.phpをカスタマイズすることでできること

index phpをカスタマイズすることでできること

index.phpをカスタマイズすると、例えば、任意文章の後に特定カテゴリーのリストを5件表示し、また別の任意文章を記述して、その次に別のカテゴリーのリストを3件表示する、といった事ができるようになります

また、トップページの任意の場所にスライドショーを組み込むこともできます。

トップページに固定ページを反映したり、フロントページ機能を利用することである程度トップページらしいトップページに仕上げることもできますが、複数のカテゴリーやカスタム投稿タイプがあり、それの新着投稿リストをたくさん表示したい場合などは、index.phpをカスタマイズして反映する必要があります。

WordPressサイトのトップページをブログタイプから固定ページに設定する方法

index.phpカスタマイズ例トップページに特定タームの記事を新着リスト表示

<?php $posts = get_posts('post_type=good_value&posts_per_page=5'); ?>
<?php if (!empty($posts)): ?>
<ul>
<?php foreach ($posts as $post):setup_postdata($post); ?>
<li><a href="<?php the_permalink(); ?>" class="toku"><?php the_title(); ?></a>|<?php the_author_meta( 'display_name' ); ?><br> <?php echo get_the_term_list($post->ID,'good_value_type'); ?>
<span class="bs"><?php the_time('Y年n月j日'); ?></span>

<?php
$tarms = get_the_terms( $post -> ID ,'good_value_type' );
foreach ($tarms as $tarm) {
echo '<img style="width:50px; margin-left:5px;" src="' . 'https://marutto-kusatsu.com/wp-content/uploads/i/' . $tarm -> slug . '.png" alt="' . $tarm -> name . '">';
}
?>
</li>
<?php endforeach; ?>
<?php wp_reset_postdata(); ?>
</ul>
<?php endif; ?>

<?php echo get_the_term_list($post->ID,'good_value_type'); ?>

(初回投稿日 2015年10月13日)

WordPressカスタマイズ・修正

ファンフェアファンファーレのWordPress(ワードプレス)のカスタマイズ、テーマカスタマイズサービス

ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPressで制作されたウェブサイト・ホームページのカスタマイズサービスとして、WordPress(ワードプレス)のテーマ(テンプレート)やプラグインのカスタマイズサービスを提供しております。

WordPressカスタマイズの他、WordPressに関する様々な機能の実装や調整、編集はもちろん、各種エラーの修正・復旧に対応しております。

WordPress(ワードプレス)のカスタマイズ

WordPressでのホームページ制作(WordPressサイト制作)

WordPress(ワードプレス)を使ったウェブサイト制作・ホームページ制作ならファンフェアファンファーレにお任せください!

ホームページ制作 京都 ファンフェアファンファーレでは、ホームページ制作にあたり、WordPressでのホームページ制作(WordPressサイト制作)を推進させていただいております。

企業のWebマーケティングを加速するWordPressでのホームページ制作(WordPressサイト制作)ならお任せください!新規WordPressサイト制作はもちろん、htmlサイトからのホームページリニューアル、WordPressサイトのリニューアルにも対応しています。

WordPress(ワードプレス)でのホームページ制作・ウェブサイト制作

「WordPressテーマのindex.phpを編集してWordPressサイトのトップページをカスタマイズする」のカテゴリ Web制作・Web関連
タグ: , , , ,


ホームページ制作・カスタマイズ、Webマーケティング・SEOなどのお問い合わせ・ご依頼