ワードプレス(WordPress)でコンテンツをデザインする方法 #wp
2014/11/09
1年以上前の記事です。内容が古い可能性があります。
トップページができたら引き続き各コンテンツページをデザインする方法です。
コンテンツページは固定ページとして作ります。
そして、固定ページのデフォルトテンプレートは「page.php」です。
従ってこいつを修正してあげれば良いのです。
といったところでさっそく「page.php」を見てみましょう。
<div id=”container”>
<div id=”content” role=”main”>
<?php
get_template_part( ‘loop’, ‘page’ );
?>
</div><!– #content –>
</div><!– #container –>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
あれ? これと似たようなの以前見たような。。
そう、index.phpと殆ど同じですね。
そんなわけで今回はコンテンツがCMS依存の「固定ページ」なのであっさりと以下のようになりました。
<div id=”naiyo”>
<?php
get_template_part( ‘loop’, ‘page’ );
?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
ただし、ここで一つ問題が発生。
サイドメニュー下に入っているバナー広告はトップページだけに入れたいバナー広告。
従って、sidebar.phpを書き換える必要がでてしまったのです。
ではどうするか?
ここで数の論理で「sidebar.php」はコンテンツページのデザインに合わせることにしました。
従って「sidebar.php」を以下のように修正。
□ sidebar.php
<ul>
<li id=”introduction”><a href=”coach/introduction.html”>これからパソコンを始めたい方―パソコン導入サービス</a></li>
<li id=”web_d”><a href=”web/”>ホームページを持ちたい方―ホームページ制作</a></li>
<li id=”truble”><a href=”rescue/”>パソコンで困っている方―パソコンレスキュー [お電話一本すぐに解決!!]</a></li>
<li id=”coach”><a href=”coach/”>パソコン教室のご案内 [出張講習・マンツーマン指導]</a></li>
</ul>
<p id=”blog”><a href=”http://webdirector.livedoor.biz/” target=”_blank”>代表ブログ – ちほちゅう</a></p>
<div align=”center”>
※中略(全ページ共通バナー等)
↓以降をカット
併せて「index.php」及び「page.php」も以下のように修正しました。
□ index.php
<div id=”naiyo”>
<div id=”flashcontents”>
※中略(Flash)
</div>
<div id=”info”>
<h3>インフォメーション</h3>
<dl>
<?php
get_template_part( ‘loop’, ‘index’ );
?>
</dl>
</div>
<div id=”news”>
※中略(カレンダー)
</div>
</div>
<?php get_sidebar(); ?>
↓以降追加
※中略(トップページのみのバナー等)
</div>
</div>
</div>
↑ここまで
<?php get_footer(); ?>
□ page.php
<div id=”naiyo”>
<?php
get_template_part( ‘loop’, ‘page’ );
?>
</div>
<?php get_sidebar(); ?>
↓以降追加
</div>
</div>
</div>
↑ここまで
<?php get_footer(); ?>
さあ、これで固定ページ(コンテンツ)をバリバリ作りまくれるぞ~~!
アドセンス広告メイン
関連記事
-
-
ワードプレス(WordPress)の記事に簡単に地図や動画を貼り付ける「ショートコード」 #wp
1年以上前の記事です。内容が古い可能性があります。ショートコードって知ってますか …
-
-
cgi(perl)にhtmlを読み込ませる方法
1年以上前の記事です。内容が古い可能性があります。たとえば与えられた変数によって …
-
-
Webデザイン時のHTML・CSSコーディングにおけるCSSセレクタの優先順位の出し方
1年以上前の記事です。内容が古い可能性があります。WebデザインにおいてHTML …
-
-
一度見たFlashを見せない方法 2
1年以上前の記事です。内容が古い可能性があります。□一度見たFlashを見せない …
-
-
電源ボタンのマークの秘密
1年以上前の記事です。内容が古い可能性があります。電源ボタンにかならず付いている …
-
-
WordPressをhttps(SSL)化、さくらインターネットのレンタルサーバーでリダイレクトループさせない「.htaccess」の書き方【後編】
1年以上前の記事です。内容が古い可能性があります。以下の続きとなります。 Wor …
-
-
Googleに勧められたのでテキスト広告だけじゃなくイメージ広告も表示させるようにした
1年以上前の記事です。内容が古い可能性があります。先日、「Google AdSe …
-
-
2011年「初日の出」画像まとめ
1年以上前の記事です。内容が古い可能性があります。ツイッター(Twitter)で …
-
-
GIMP2(ギンプ2)はコピペでレイヤーが作れない
1年以上前の記事です。内容が古い可能性があります。お久しぶりに画像編集ソフトGI …
-
-
独自ドメインのWORDPRESS(ワードプレス)ブログを半日で作る方法(前編)
1年以上前の記事です。内容が古い可能性があります。ブログ移転後最初の記事はまさに …