Test

新緑
  
１．ボックスを３つ（HTML編集）
BOX1
BOX2
BOX3
細部のレイアウトは、HTMLを使わないと出来ないようだ。
上のボックスに背景色｢background-color;｣を入れてみる。
１）BOX1(silver)は、CSSファイルを作成し、｢Header.php｣でこのファイルを読み込ませる方法
(1)CSSファイルの作成（例）
test_page_box1.css
(2)FTPアップロード上記のファイルを以下にアップロード
wp-content/themes/sample
(3)WordPressの｢外観｣の｢テーマ編集｣で｢header.php｣の修正
</head/>の前に以下を挿入
<link rel=”stylesheet” href=”wp-content/themes/sample/test_page_style.css” type=”text/css” />
但し、この方法だと全てのページに追加したCSSファイルが読み込まれてしまう。
利点はアップロードしたCSSファイルが｢外観｣の｢テーマ編集｣に表示されるので修正はここで出来る。
２）BOX2(cyan)は、追加したページに適用し、ブログページでは読み込ませないように。
手順は上記１）と同じで、｢header.php｣の部分を以下のように修正してみる。
<?php if(is_page()): ?>
<link href=”<?php bloginfo(“template_directory”) ?>/test_page_box2.css” rel=”stylesheet” type=”text/css” media=”all” />
<?php endif; ?>
３）BOX3(yellow)は、特定ページだけにCSSを適用させるプラグインを使ってみる。
使用プラグインは、｢add-css-js｣でこれを使うとそのページだけに挿入される。
abc