新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

ワードプレス(WordPress)でコンテンツをデザインする方法 #wp

      2014/11/09

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

トップページができたら引き続き各コンテンツページをデザインする方法です。
コンテンツページは固定ページとして作ります。
そして、固定ページのデフォルトテンプレートは「page.php」です。
従ってこいつを修正してあげれば良いのです。

スポンサーリンク
 

といったところでさっそく「page.php」を見てみましょう。

<?php get_header(); ?>
 
<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依存の「固定ページ」なのであっさりと以下のようになりました。

<?php get_header(); ?>
 
<div id=”naiyo”>
  
<?php
  
get_template_part( ‘loop’, ‘page’ );
  
?>
 
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

ただし、ここで一つ問題が発生。
サイドメニュー下に入っているバナー広告はトップページだけに入れたいバナー広告。
従って、sidebar.phpを書き換える必要がでてしまったのです。
ではどうするか?

ここで数の論理で「sidebar.php」はコンテンツページのデザインに合わせることにしました。
従って「sidebar.php」を以下のように修正。
□ sidebar.php

 <div id=”memu”>
 <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

<?php get_header(); ?>
 
<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

<?php get_header(); ?>
 
<div id=”naiyo”>
  
<?php
  
get_template_part( ‘loop’, ‘page’ );
  
?>
 
</div>
<?php get_sidebar(); ?>
↓以降追加
  </div>
 
</div>
</div>
↑ここまで
<?php get_footer(); ?>

さあ、これで固定ページ(コンテンツ)をバリバリ作りまくれるぞ~~!

 - CMS, WordPress, デザイン, プログラミング , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

クラスは自作できる(ActionScript3.0勉強中! #4)

1年以上前の記事です。内容が古い可能性があります。「オブジェクト指向プログラミン …

ワードプレス(WordPress)で「続きを読む」を実装する方法 #wp

1年以上前の記事です。内容が古い可能性があります。ワードプレス(WordPres …

ツイッター(Twitter)を新しいレイアウトにしてみた

1年以上前の記事です。内容が古い可能性があります。最近、ちょこちょこ今までのレイ …

さくらのレンタルサーバー+ラピッドSSLを使ってWordPressをhttps化するときの注意点

1年以上前の記事です。内容が古い可能性があります。さくらインターネットで非常に安 …

no image
Ajaxもどき第一弾 CSS切替スクリプト

1年以上前の記事です。内容が古い可能性があります。以前、お話したCSSをフォーム …

SNS(ソーシャルネットワークサービス)のプロフィール写真の服は赤がモテる

1年以上前の記事です。内容が古い可能性があります。青い色は信頼、誠実を感じる。赤 …

WordPress(ワードプレス)で半角スペース付きのタグが使えるようになっていた

1年以上前の記事です。内容が古い可能性があります。これ、ちょっと嬉しいです。 い …

ワンクリックアップデートでワードプレス終了。「更新の必要はありません この WordPress のデータベースはすでに最新のものです」と出て先へ進めなくなった時の対処法

1年以上前の記事です。内容が古い可能性があります。いや、ビックリしました。 これ …

no image
デザインイメージは9パターン用意しろ

1年以上前の記事です。内容が古い可能性があります。本日、打ち合わせでかつてソニー …

ネットで印刷、印刷通販の「グラフィック」を使ってみた【入稿編】

1年以上前の記事です。内容が古い可能性があります。さて、ここまでは驚くほど順調に …

血液型オヤジ