Wordpress スタイルシートが反映されない

解決済

質問者：whitireia
質問日時：2012/06/13 11:24
回答数：2件

Wordpress 初心者です。

「Wordpress レッスンブック」という本を見ながら学習中なのですが、サンプルテーマのスタイルシートで設定した内容が全く反映されません。ネットでいろいろ調べたのですが解決方法が見当たりません。
どのような原因が考えられますでしょうか？よろしくおねがいします。

Sample Theme: メインインデックスのテンプレート (index.php)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>;charset=<?php bloginfo ('charset'); ?>" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php bloginfo ('stylesheet_url'); ?>" type="text/css" />
</head>
<body>


<div id="header">
<h1><a href="<?php echo home_url(); ?>">
<?php bloginfo('name'); ?></a></h1>
<p id="desc"><?php bloginfo('description'); ?></p>
<p id="image"><img src="<?php bloginfo('template_url'); ?>/header.jpg" alt="*" width="760" height="200" /></p>
</div>

</body>
</html>

Sample Theme: スタイルシート (style.css）
/*
Theme Name: Sample Theme
Theme URI: http://makoto.pcnoah.com/wp/
Dscription: This is my sample theme.
*/

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

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

div#header p#desc{font-size: 0.75em;
color: #444444;
margin: 0;
float: right;
margin-top: 18px}

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： outbrave
回答日時：2012/06/13 14:59

特に問題なくスタイルシートも反映されているようですが。

何を元にスタイルシートが反映されていないと判断されたのでしょうか。

テンプレートの内容ではなく、ページを表示してソースから確認してみてください。

- 0
- 件

通報する

この回答へのお礼

再度確認したらきちんと反映されていました。何度も変更保存して表示させてみたのですが。。。何らかの不具合だったのかもしれません。ご迷惑おかけしました。ありがとうございました。

通報する

お礼日時：2012/06/13 19:54

No.2

回答者： taloo
回答日時：2012/06/13 15:57

どちらかというと、HTMLやCSSを勉強してからWordpressを始めた方がいいんじゃないでしょうか。

HTML(PHPファイル）/CSSファイルに書かれている通りに表示されているようですが、
思った通りにならないっていうだけではないでしょうか？
それが、質問者さんの頭の中で思い描いた通りかどうかまではわかりませんので。

もしかすると、頭の中に描いたのはこういう状態で、そのように表示したい場合はどうすればいいか？という質問の仕方をされれば、より的確な回答が得られると思います。