読者です 読者をやめる 読者になる 読者になる

WordPress 複数の固定ページを1つのテンプレートで

固定ページpage.phpを『wp』(デフォルトのフォルダ名は『wordpress』)の中の『wp-content』の中の『themes』の中の『itnabi(自分で新しく作ったテーマフォルダ)』の中に作ります。

f:id:ts0818:20150318220236p:plain

 

 『themes』フォルダの中のフォルダがWordPressのダッシュボードの『外観』の『テーマ』のことです。

f:id:ts0818:20150320010228p:plain

 

 

f:id:ts0818:20150520193813p:plain

WordPressのダッシュボードに戻り、『固定ページ』で『新規追加』で飛ぶページの数だけ固定ページを作ります。

事業概要

会社概要

研修一覧

お問い合わせ

など(トップページはindex.phpにしたのでトップ以外を固定ページに。)

f:id:ts0818:20150318221654p:plain

 『固定ページ』の『テンプレート』を下記のように指定します。

 

f:id:ts0818:20150318221656p:plain

『固定ページを表示』をして『固定ページを編集』のページに戻るとアドレスバーに

表示されるURLの中のpost=50の数字の部分をpage.phpで使います。

他の『固定ページ』でも同じ作業をしてpostの数字を割り出しておきます。

 

f:id:ts0818:20150318221657p:plain

page.phpで呼び出される部分が『固定ページ』の『テキスト』部分です。

事業概要』、『会社概要』、『お問い合わせ』の『固定ページ』の『テキスト』部分も記述していきましょう。

 

f:id:ts0818:20150318221659p:plain

page.phpの記述

page.php

<?php
/*
Template Name:ITなびページ
*/
?>
<?php get_header( ); ?> //header.phpを呼び出す。

<!--『固定ページ』のタイトルが『事業概要』のテキスト部分を呼び出す-->

<?php if(is_page( '事業概要' )): ?> //is_page(' ')の ' ' の中身は『固定ページ』のタイトル。『固定ページ』のタイトルが『事業概要』のもの。
<?php
$post = get_page( '50' );  //get_page(' ')の ' ' の中身はpost=の数字
echo $post -> post_content;
?>
<?php endif; ?>

<!--『固定ページ』のタイトルが『会社概要』のテキスト部分を呼び出す-->

<?php if(is_page( '会社概要' )): ?>  //『固定ページ』のタイトルが『会社概要』のもの。
<?php
$post = get_page( '52' );
echo $post -> post_content;
?>
<?php endif; ?>

<!--『固定ページ』のタイトルが『研修一覧』のテキスト部分を呼び出す-->

<?php if(is_page( '研修一覧' )): ?>  //『固定ページ』のタイトルが『研修一覧』のもの。
<?php
$post = get_page( '54' );
echo $post -> post_content;
?>
<?php endif; ?>

<!--『固定ページ』のタイトルが『お問い合わせ』のテキスト部分を呼び出す-->

<?php if(is_page( 'お問い合わせ' )): ?>  //『固定ページ』のタイトルが『お問い合わせ』のもの。
<?php
$post = get_page( '69' );
echo $post -> post_content;
?>
<?php endif; ?>

<?php get_footer( ); ?>  // footer.phpを呼び出す。

 

再び『固定ページを表示』でアドレスバーに表示されるURLをコピーしてindex.php

header.phpやfooter.phpの<a href="">の中に貼り付けます。

f:id:ts0818:20150318221655p:plain

『固定ページを表示』でアドレスバーに表示されるURLを<a href= " " >の " " の中に

貼り付けていく。(英数字のわけ分からん羅列になりますが大丈夫だと思われます、たぶん。一応、リンク先にとべました。)

 index.php

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<title>ITなび</title>
<link rel="stylesheet" href="<?php bloginfo( 'template_url' ); ?>/style.css">
</head>
<body>

<div id="container">
<div id="header">
<h1>研修サービス</h1>
<div id="billbord">
<img src="<?php bloginfo( 'template_url' ); ?>/images/00.jpg">
</div><!--#billbord-->
<div id="nav">
<ul>
<li><a href="index.php">ホーム</a></li>

<!--『固定ページ』のタイトルが『事業概要』の『固定ページを表示』でアドレスバーに表示されるURLを貼り付け。-->
<li><a href="http://localhost/wp/%E4%BA%8B%E6%A5%AD%E6%A6%82%E8%A6%81/">事業概要</a></li>

<!--『固定ページ』のタイトルが『会社概要』の『固定ページを表示』でアドレスバーに表示されるURLを貼り付け。-->
<li><a href="http://localhost/wp/%E4%BC%9A%E7%A4%BE%E6%A6%82%E8%A6%81/">会社概要</a></li>

<!--『固定ページ』のタイトルが『研修一覧』の『固定ページを表示』でアドレスバーに表示されるURLを貼り付け。-->
<li><a href="http://localhost/wp/%E7%A0%94%E4%BF%AE%E4%B8%80%E8%A6%A7/">研修一覧</a></li>

<!--『固定ページ』のタイトルが『お問い合わせ』の『固定ページを表示』でアドレスバーに表示されるURLを貼り付け。-->
<li><a href="http://localhost/wp/%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B/">お問い合わせ</a></li>
</ul>
</div><!--#nav-->
</div><!--#header-->

<div id="content">
<h2>事業内容</h2>
がんばります。

</div><!--#content-->

<div id="footer">
<address>
&copy Hoge campany
</address>
</div><!--#footer-->

</div><!--#container-->

</body>
</html>

 

header.php

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<title>ITなび</title>
<link rel="stylesheet" href="<?php bloginfo( 'template_url' ); ?>/style.css">
</head>
<body>
<div id="container">
<div id="header">
<h1>研修サービス</h1>
<div id="billbord">
<img src="<?php bloginfo( 'template_url' ); ?>/images/00.jpg">
</div><!--#billbord-->
<div id="nav">
<ul>
<li><a href="../index">ホーム</a></li>
<li><a href="http://localhost/wp/%E4%BA%8B%E6%A5%AD%E6%A6%82%E8%A6%81/">事業概要</a></li>
<li><a href="http://localhost/wp/%E4%BC%9A%E7%A4%BE%E6%A6%82%E8%A6%81/">会社概要</a></li>
<li><a href="http://localhost/wp/%E7%A0%94%E4%BF%AE%E4%B8%80%E8%A6%A7/">研修一覧</a></li>
<li><a href="http://localhost/wp/%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B/">お問い合わせ</a></li>
</ul>
</div><!--#nav-->
</div><!--#header-->

footer.php

<div id="footer">
<address>
&copy Hoge campany
</address>
</div><!--#footer-->
</div><!--#container-->

</body>
</html>

blog.php(固定ページで新しいテンプレート)

<?php
/*
Template Name:社長のブログ  
*/
?>

// ↑『固定ページを編集』のテンプレート欄に『社長のブログ  』のテンプレートを追加。

<!--header.phpを呼び出す。-->
<?php get_header( ); ?>  


<?php $paged = get_query_var( 'paged' ); ?>

<!--「posts_per_page=10」の数字の所が1ページに表示される件数。らしいっす。-->
<?php query_posts( "posts_per_page =10&paged = $paged" ); ?>


<?php if(have_posts( )): while(have_posts( )): the_post( ); ?>

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

<?php the_content( ); ?>

</div>

<?php endwhile; endif; ?>

 <!--footer.phpを呼び出す。-->

<?php get_footer( ); ?>   

これで、『投稿』の記事を10件、タイトルが『社長のブログ』の『固定ページ』に表示できます。

 

 

 

広告を非表示にする