Webの記録

WordPressでオリジナルテーマ作りにチャレンジ7【page.php編】

投稿日:

この記事は約 2 分で読めます。

WordPressのオリジナルテーマ作りにチャレンジしています。

前回までで一通り表示は出来るのですが、今回気になるのは固定ページ。

お問い合せフォームの上にページをいじった日付けが表示されている事や、コメント欄があるというのがヘンなので、この部分を消したいと思います。

そんなワケで今回は、固定ページの部分をいじってみたいので「page.php」を作りたいと思います。

詳しいファイルの階層(テンプレート階層)は、「WordPress日本語Codex」を参考にしたいと思います。

オリジナルテーマの制作の流れ。

  1. html+cssで作ったサイトをWordpressへアップする
  2. html+cssをWordpressへアップしたものをパーツテンプレートへ切り分ける
  3. header・footerを作成
  4. index.phpで各ページのベースを作成
  5. sidebar.phpでサイドバーを作成
  6. single.phpで記事の個別ページを作成
  7. page.phpで固定ページを作成 ←今回はココ。
  8. トップページを作ってみる

 

今回は比較的簡単♪
あっと言う間に終わりそう・・・です。

 

「page.php」を作る。

空の「page.php」ファイルを作って、前回作った「single.php」の中身をコピーして保存します。

 

日付け等の部分を削除

「index.php」や「single.php」で表示していた投稿日付けやカテゴリ、タグなどの表示を削除します。

 

前後の記事へのリンク削除

「single.php」でつけた前後の記事へのリンクを削除します。

 

コメント欄を消す

「single.php」でつけたコメント欄を削除します。

 

ここまででブラウザ表示確認をすると、不要だったものが消されてスッキリします。「page.php」のコードもすっきりしました♪

微妙な位置調整はスタイルシートでする事にします。

-Webの記録
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

スマホサイトの画像コピーガード対策

この記事は約 1 分で読めます。 スマホ向けのサイト制作の機会が増えました。 PC向けの時にいろいろとしていた画像コピーガード対策も、スマホ対応しなくてはならなくなってきました。 画面の長押しすると、 …

no image

レスポンシブに便利!様々な端末サイズでの見え方を確認できる「Viewport Resizer」

この記事は約 1 分で読めます。 レスポンシブサイトを制作途中、いろんな端末サイズでちょっと見え方を確認をします。 最終的にはやっぱり実機での確認なんですが・・・コーディング途中ではやっぱり手軽に確認 …

no image

jQuery「Supersized」でフルスクリーンのスライドショーを簡単設置

この記事は約 1 分で読めます。 大きな画像をフルスクリーンでスライドするjQueryライブラリ「Supersized」を試してみました。 画面のサイズが変わっても、画像の縦横比を維持したままキレイに …

WordPressのウィジェットに表示した「タグクラウド」をカスタマイズしてみる

この記事は約 2 分で読めます。 WordPressのタグクラウドを表示させる方法として、「ウィジェットに表示させる方法」と、「オリジナルのsidebar.phpにテンプレートタグを記述させる方法」と …

no image

Photoshop で入力したテキストの「縦書き」「横書き」を変更する方法

この記事は約 1 分で読めます。 Photoshopを使うようになってもう何年も経つのに、意外と知らずに無駄な事をしていたり・・・が多かったりします。。。 効率よく作業するには、やっぱり便利な方法は活 …