ページテンプレートの追加

追加したのは「JavaScript」のページ。違いは、

1.左にサイドメニューの設置:これは、「sidemenu.php」というファイル名で設置した。このメニューは、画像や仕切り線を入れたくて、テーブル組みで作成。

2.新しいページテンプレートは、任意の名前で「pagejs.php」として作成。

3.ここで問題は、いままでのブログや固定ページの「ビジュアル編集」で入力した、いわゆる「content」の表示のスタイルが異なることであった。そのため、「JavaScript」のページだけに適用する「CSS」が必要になり、このページ用の「style-js.css」という名前で作成した。しかし、これをそのままヘッダーで読み込んだら「JavaScript」のページはOKでも、その他のページデザインが崩れてしまう。そこで、以下のように対応。

<?php if(is_page('17')): ?>
  <link rel="stylesheet" href="<?php echo home_url(); ?>
  /wp-content/themes/study/style-js.css" type="text/css" />
<?php endif; ?>

「if(is_page(’17’))」は、JavaScriptの固定ページの番号、尚このサイトでは、JavaScriptのメニューからリンクするページが複数あるので、これらページも上記のphp構文で対応する必要があった。

コメントを残す

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

トラックバック URL  :  http://nagai.icurus.jp/wp2/wp-trackback.php?p=333

コメントフィード