IT知識の貯蔵庫

前回の記事でテーマを適用してアクセスすると

こんな表示になりましたが、これはcssが正しく適用できないためです。 解決するにはindex.phpのスタイルシートのリンク設定を変更しましょう。

 <link href="style.css" rel="stylesheet" type="text/css" />

おそらく多くの人がこのようになっていると思いますが、以下のように変更します。

<link href="<?php bloginfo( 'stylesheet_url' ); ?>" rel="stylesheet" type="text/css" />

“<?php bloginfo( ‘stylesheet_url’ ); ?>”と記述することでスタイルシートのパスを出力してくれます。

画像を見るとイメージも持って来れてないみたいですね。イメージのリンクも同様に修正します。

修正前

　<img alt="Storehouseロゴマーク" src="images/logo.png" />

修正後。こちらは”/image”直前に”<?php bloginfo( ‘template_url’ ); ?>”と記述します。これによりテーマファイルのパスを出力してくれます。

　<img alt="Storehouseロゴマーク" src="<?php bloginfo( 'template_url' ); ?>/images/logo.png" />

これでスタイルが適用されました！

カテゴリー:WordPress タグ: PHP, WordPress, スタイルシート, テーマ, テンプレートタグ