今回は、「WordPressでCSSファイルのパスを合わせる方法」について紹介します。
HTMLからWordPress化する際に必要な知識となっているので、是非参考にしてください。
WordPressでCSSファイルのパスを合わせる方法
HTMLコーディングした時は、以下のような相対パスでも表示されていたと思います。
<link rel="stylesheet" href="css/main.css">
しかしこのままだと、WordPressでCSSファイルが読み込まれません。
理由は、そもそもHTMLコーディングした時とWordPressでは用意されているファイルの階層が違うからです。
なので、WordPress化する際はCSSファイルの階層を整えてあげる必要があります。
その際に、CSSファイルに「<?php echo get_stylesheet_directory_uri(); ?>」を追加してあげればOKです。
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/main.css">
画像パスも同じコードで繋げてあげればOKです。
まとめ
以上が、WordPressでCSSファイルのパスを合わせる方法でした。
