【覚書】WPの固定ページを使ってサイトを作る

WordPressを使ってブログではなく、サイトのように使うためのカスタマイズ(覚書)です。

固定ページのデザインを変える

WordPressの固定ページ(page.php)は用途によって、固定ページごとにテンプレートを変更することができます。やりかたはとっても簡単です。

ページテンプレートを作り(例:page2.php)、一番上にコードを追加するだけ!2013-01-09_10h02_32

コード:任意の名前をつける(例:page2)

<?php
/*
Template Name: page2
*/
?>

作ったテンプレート(page2.php)は、サーバーの固定ページ(page.php)が入っている同じ場所にアップロードします。

サーバーにアップすると、固定ページの右下「ページ属性」でテンプレートが選べるようになります。
2013-01-09_10h10_54

固定ページには、カテゴリ-サブカテゴリのように親子関係も作れるので、サイトのように作りたければページ属性をうまく利用すればよいと思います。

固定ページで投稿ページの内容を表示する

通常WordPressを使うときは投稿ページからページを作成します。
この作成したsingleページを、固定ページで表示するphpコードの覚書です。

<?php query_posts('post_type=post&showposts=5'); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<div class="post">
<h2 class="post-title"><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

<!--アイキャッチ画像-->
<?php if(has_post_thumbnail()){ ?>
<div class="left">
<?php echo the_post_thumbnail(); ?>
</div>
<?php } ?>
<!--/アイキャッチ画像-->

<!--本文抜粋-->
<?php the_excerpt(); ?>
<p class="link-next"><a href="<?php the_permalink() ?>">「<?php echo(get_the_title('', '', false)); ?>」の続きを読む</a></p>
<!--/本文抜粋-->

</div>
<?php endwhile; endif; ?>
<?php wp_reset_query(); ?>

コチラのコードを表示させたい固定ページのテンプレートに書き込みます。

絞込み、特定のカテゴリ、記事を指定をしたいとき

上記のコードの一番上のquery_postsの( )内をカテゴリidや記事idに変更します。
※カテゴリや記事idは管理画面のツールバーから見ることができます。

カテゴリを指定

<?php query_posts('cat=1,2,3'); ?>

記事を指定

<?php query_posts('p=6'); ?>

タグ名を指定

<?php query_posts('tag=cooking'); ?>

※参照:テンプレートタグ/query posts

この方法で読んでもらいたい記事をピップアップして表示させることができます。

関連記事リスト

投稿する画像を任意のサイズに変更するワザ
WordPressでブログを投稿していると何かと面倒になってくるのが、...

カテゴリごとに異なる画像やテキストを表示させるWordPressプラグイン(Category Meta plugin)
カテゴリページごとに違う画像やテキストを挿入したい場合に使えるプラグイ...

WordPress関連のコンテンツ移転
WordPressのカスタマイズ関連の情報がこれから多くなりそうなので...

カスタム投稿タイプを使ってカメラ専用のページを作る①
カスタム投稿タイプを使ってカメラ専用のページを作りました。プラグインの...

【覚書】ポスト記事の下に同カテゴリ内の関連記事をサムネイルつきで表示させる
個別ポスト記事(single.php)で、記事下に同カテゴリ内の関連記...

WordPress親固定ページで子ページの記事一覧を表示させる方法
サイト型アフィリエイトサイトを作る時に便利なのが固定ページの利用です。...

コメントスパム対策プラグインAkismetのAPIキー(無料)を取得する方法
コメントスパム対策プラグインAkismetのAPIキー(無料)を取得す...

WordPressでAPIを使ったサイト構築方法:ハーブティー専門店検索サイト編
WordPressでAPIを使ったサイト構築方法:ハーブティー専門店検...

キャッシュプラグインを入れてもサイト表示が遅い!を解決する方法
キャッシュプラグインを入れてもまだサイト表示が遅いので、DBをキャッシ...

あるとちょっと便利なWordPressプラグイン3個
最近はサイト作りはWordPressが基本なのですが、入れているプラグ...

コメントを残す

このページの先頭へ