wordpress

投稿日:2017年6月23日 更新日:

特定の固定ページのみ異なるヘッダーにする

特定の固定ページのみ異なるヘッダーにする方法

参考にしたサイト

1. 異なるヘッダーを使用するページ用のpage-new.phpを作成します。(ファイルネームは任意です)

2. page-new.php内の冒頭に下記の記述を行います。


(newの部分は任意です)

3. 異なるヘッダーを使用するページ用のheader-1.phpを作成します。

header-1.phpの記述をheader.phpとは異なった内容に編集します。

4. page-new.php内に下記の記述をし、header-1.phpを呼び出します。

5. page-new.phpとheader-1.phpをサーバ上のオリジナルテーマフォルダ内にアップロードします。

6. wordpressから新規に固定ページを作成します。編集画面右側の「ページ属性」内に「テンプレート」という項目が追加され、「new」という項目があります。

7. テンプレート newを選択し、ページを編集します。

この方法でpage-new.phpの編集をすると自由度の高いレイアウトが可能です。
コンテンツを100%表示にさせるには、
div class="st-main"の中身をdiv id="contentInner"内に持っていき、サイドナビ部のdiv id="side"を丸っぱ消してしまいます。

フッターなども必要に応じて編集します。
ランディングページや特集ページなどに利用できると思います。

ランディングページサンプル

- wordpress
-,

関連記事

カスタムタクソノミーのカテゴリーやタグを出力

カスタム投稿のカテゴリーはよく出力するけど、毎回調べている気がするので記録。 カスタム投稿名:news カスタムタクソノミー(カテゴリー):news-cat カスタムタクソノミー(タグ):news-t ...

パーマリンクの設定

stinger8のダウンロードサイトにはパーマリンク設定を"postname"にしているとあったのでそのように設定してみた。 で、実際に新規で記事を追加すると 記事のタイトルが反映されURLは以下のよ ...

wordpressのテンプレート階層

wordpress使用している時、時々どのファイルを参照しているのか分からなくなるので記録。 トップページ トップが固定ページ front-page.php page-[slug].php page- ...

投稿ページにアイキャッチ画像を追加

新規投稿した際に設定したアイキャッチ画像を 投稿ページにも表示するようにsingle.phpに以下を記載。 <?php if ( has_post_thumbnail() ): // サムネイル ...

the_excerpt();の文字数変更

functions.phpに記載 以下のコードをテーマのfunctions.phpにコピーします。 function twpp_change_excerpt_length( $length ) { r ...