WordPressテーマ制作-ステップ3-スタイルシートの適用

投稿日:

Pocket

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

004_Storehouse

こんな表示になりましたが、これは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’ ); ?>”と記述することでスタイルシートのパスを出力してくれます。

005_Storehouse

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

修正前

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

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

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

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

Pocket

カテゴリー:WordPress タグ: , , , ,

コメントを残す

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