30代は創造する

ヘッダ部の装飾を行います。
編集するファイルは、style.cssです。
style.cssの編集は、WordPress特有の書き方があるわけではないので、説明は省きます。

style.cssを読み込ませるために、
index.phpのhead要素内にlink要素を記述します。
・記述
<link rel="stylesheet" href="<?php bloginfo ('stylesheet_url'); ?>" type="text/css" />
・出力
<link rel="stylesheet" href="http://ranka.sub.jp/taroumatsu/wp-content/themes/sample/style.css" type="text/css" />

<?php bloginfo ('stylesheet_url'); ?>"は、style.cssのURLを出力します。



---- style.css -----
@charset "utf-8";
/*
Theme Name: Sample Theme
Theme URI: http://www.www.www/
Description: This is my sample theme.
*/

/* ヘッダー */
div#header h1 {
  font-size: 1.875em;
  margin: 0;
}

div#header h1 a {
  text-decoration: none;
  color: #000000;
}

div#header p#desc {
  font-size: 0.75em;
  color: #444444;
  margin: 0;
}

div#header {
  border-bottom: solid 5px #a3d2f2;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

[0回]