localから本番環境に正しく表記させたい。
ローカル環境のトップページの状態↓
本番環境トップページの状態↓
やはりタイプミスのような原因が多いのでしょうか？
プログラミングを始めて2週間ほどで、エラーの原因の特定の仕方もわからず困っています。
Really Simple SSLというプラグインを使用して、SSL化を行なった。
→変わらない。
画像を絶対パスで記入しているか、相対パスで記入しているか確認した。
→絶対パスで記入していた。
以上になります。
お答えいただける方、よろしくお願いいたします。
画像を絶対パスで記入しているか、相対パスで記入しているか確認した。
→絶対パスで記入していた。
絶対パスということはもしかしてlocalサイトの絶対パスになっているということでしょうか？
本番環境でのアドレスで絶対パスを指定されてみてはいかがでしょう。
ちなみに、WordPressでのcssの当て方は2種類ほどあります。
<link rel="stylesheet" href="<?php echo esc_url(get_template_directory_uri().'/css/....'); ?>">
というように直接記述する方法や、
以下のようにfunctions.phpに記述する方法です。
function theme_enqueue_styles_scripts() {
wp_enqueue_style('resetCss', get_template_directory_uri() . '/css/reset.css');
wp_enqueue_style('themeStyle', get_stylesheet_uri());
wp_enqueue_style('aboutStyleCss', get_template_directory_uri() . '/css/about.css');
wp_enqueue_script('originJs', get_option('site_url').'/wp-content/themes/mysite/js/origin.js');
}
add_action('wp_enqueue_scripts', 'theme_enqueue_styles_scripts');
functions.phpに記述する方法が一般的です。
「WordPress CSS パスエラー」で調べると色々出てきますので、
確認されてみても良いかもしれません。
@miyako1008
Questioner
書籍に沿って1から見よう見真似で記述したもので、何のコードがどんな出力をしているか、わからない部分もあって、、、
ご回答いただき、ありがとうございます！
まずはいただいた2点試してみます。
エラーの原因の特定の仕方もわからず困っています。
ブラウザのキャッシュを削除してから目的のページを要求して表示し、ブラウザのディベロッパーツールを見るだけでも CSS が期待通り適用されているか否かが分かると思いますけど？
例えば、この Qitta のページを見ると以下のようになっており、style-9818a...7.min.css という外部 css ファイルのスタイルを適用しているのが分かります。
html ソースを見ると以下のように link タグで https://cdn.qiita.com/assets/public/style-9818a01f3fb56b7dd30688ae8d417657.min.css という css ファイルを cdn から取得しているのが分かります。
上の https://cdn.qiita.com/assets/public/style-9818a01f3fb56b7dd30688ae8d417657.min.css をクリックすると css ソースが表示されます。
ローカル環境と本番環境でその違いを見比べてみれば、そこにヒントが見つかるのではないですか？
追記：現在一冊ですべて身に付くWordPress入門講座という書籍で、架空のサイトを作成して勉強しているところでした。今回のご質問は、そのサイトの質問となります。
