wordpress cssを反映させるには？

wordpress で自作テーマをアップしたのですが、cssがうまく反映されません。
なお、wordpress上のテキストエディタでcssに編集を加えても全く変化はないです。
個人的には、php初心者ですので

php
1<!DOCTYPE html>
2 <html lang="ja">
3  <head>
4  <meta charset="UTF-8">
5	  
6  <title>
7   <?php wp_title( '|',true, 'right'); ?>
8   <?php bloginfo('name'); ?>
9  </title>
10
11  <meta name="viewport" content="width=device-width,initial-scale=1.0">
12
13   <link rel="stylesheet" href="<?php echo get_stylesheet_uri( ); ?>"　>
14
15   <?php wp_head();?>
16  </head>
17<body <?php body_class();?>>
18	
19	<header>
20		<div class="site">
21			<h1>
22				<a href="<?php echo home_url();?>">
23				<?php bloginfo('name');?>
24				</a>
25			</h1>
26		</div>
27	</header>
28

css
1@charset "UTF-8";
2/*
3Theme Name: MY THEME
4Author: challenger
5Description: This is my original theme.
6Version 1.0
7*/
8
9
10body {
11	margin:0;
12	font-family:'メイリオ',
13		'Hiragino Kaku Gothic Pro',sans-serif;
14	line-height:1.5
15}
16
17@media (min-width:768px){
18	
19	.container:after{
20		content:"";
21		display:block;
22		clear:both;
23	}
24
25	.contents{
26		float:left;
27      width:70%;		
28}
29	.sub{
30		float:left;
31		width:30%;	
32	}
33	
34}
35/*--------------------------------------------------------------header----------------------------------------------------------------------------------------*/
36/*pradise */
37　
38.site h1 a {
39	color:#000000;
40    text-decoration:none;        
41}

php2
1  <?php get_header(); ?>
2    
3  <div class="container">
4   <div class="contents">
5	   CONTENTS
6	 </div>
7
8   <div class="sub">
9	   SIDEBAR
10	 </div>
11   </div>
12
13  <?php get_footer(); ?>
14

php3
1<footer>
2	FOOTER
3</footer>
4
5
6<?php wp_footer();?>
7</body>
8</html>

m.ts10806

2020/01/04 08:24

これ、そもそもPHPファイルに書いてるんでしょうか（HTMLのほう）

退会済みユーザー

2020/01/04 08:34

回答ありがとうございます。 PHPファイルにかいています。

m.ts10806

2020/01/04 08:35

あ、ごめんなさい。blog titleとか出てますね。失礼しました。あとはたぶんCSSへのリンク間違ってるかキャッシュでしょうね。

m.ts10806

2020/01/04 08:36

もっと簡単な指定、例えばbodyに背景色つけたりして動作確認してみてください

kei344

2020/01/04 08:57

エラーは出ていませんか？デベロッパーツールで確認してみてください。https://eng-entrance.com/javascript-display-error

行動規範の内容に同意します

回答4件

ファイル名はstyle.cssでしょうか？
get_stylesheet_uri()で返されるファイル名はstyle.css限定なので、それ以外はget_stylesheet_directory_uri()等を使ってください。

例

<link rel="stylesheet" id="hoge" href="<?php echo get_stylesheet_directory_uri(); ?>/hoge.css" >

投稿2020/01/04 08:17

退会済みユーザー

総合スコア0

退会済みユーザー

2020/01/04 08:29

回答ありがとうございますファイル名はstyle.css を使っております。

退会済みユーザー

2020/01/04 08:41

そうですか。確認すべき点はサーバーのログやブラウザの開発者ツール等を使って404エラーが無いかどうかです。パスが正しくなければ404エラーになりますので。あと、ブラウザのキャッシュを削除するなどもお試しください。

行動規範の内容に同意します

ベストアンサー

cssの反映はされていました。
ただ、一部、反映されない部分があるので、今から挑んでみます。

回答してくださった方々、本当に多くの方法をご提示していただきありがとうございました。
かなり勉強になりました。

投稿2020/01/04 09:26

退会済みユーザー

総合スコア0

get_header(), get_footer()を利用しないのであれば
以下のアクションを追加してWordPressの一連のアクションを動作させる必要があるかも知れません。

php
1<?php do_action('get_header');?>
2<html lang="ja">
3// 省略
4
5
6<?php do_action( 'get_footer' );
7do_action( 'wp_print_footer_scripts' );
8do_action( 'wp_footer' ); ?>