🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

1793閲覧

WordPressのスタイルシートを編集しても反映されません。

Miz_Miz

総合スコア5

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/12/16 10:01

編集2020/12/16 10:40

WordPressの編集をしていますが、反映されなくて困っています。

外観→テーマエディター→スタイルシートで編集しています。
子テーマで書き足して編集していたのですが反映されず、
親テーマを書き換えても反映されません。

プラグインは下記以外有効化解除しました。
Contact Form 7
UpdraftPlus

キャッシュ系プラグインを有効化していた時は、編集の度にキャッシュを消していましたが、それでも変わりありません。

こちらに掲載されている既出の質問も色々試しましたが、
何をやってもダメで、お手上げです。

質問は、
・編集を反映させるにはどうすればよかったでしょうか。
・そもそもイジるテーマは親テーマ、子テーマどちらが良いのでしょうか。

※追記
style.cssをダウンロード→ローカル環境で修正→アップロード
これでも反映されませんでした。もちろん、キャッシュ消し済です。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tabuu

2020/12/17 00:54

>・編集を反映させるにはどうすればよかったでしょうか。 基本的には問題なさそうですが提示されている情報だけでは何とも言えないです。 例えば、 ・修正するファイルが間違っている ・CSSの記述が間違っている ・他のCSSで上書きされている ・テーマが強制的にclassやstyleを書き換えている などが考えられます。 ブラウザのソースを表示してCSSのURLを探して、そのURLをブラウザのアドレスバーに入力して 想定通りに編集されているか確認。 Chromeの開発者ツールでスタイルの優先順を確認などしてみてください。 >・そもそもイジるテーマは親テーマ、子テーマどちらが良いのでしょうか。 子テーマを作成されているのであれば親テーマのファイルは修正しないほうがいいです。 その為の子テーマなので。
Miz_Miz

2020/12/17 16:48

tabuu様 対応ありがとうございます。 ・キャッシュ系プラグインを削除 ・子テーマ編集 でcss効きました! 初歩的な質問に丁寧に教えていただきありがとうございます。 ベストアンサーにしたいので、回答欄に同じ文章でも良いので記載お願いできますか。
guest

回答2

0

自己解決

・キャッシュ系プラグインを削除
・子テーマ編集
でcss効きました。

回答してくださった方々、ありがとうございました!

投稿2020/12/22 05:18

Miz_Miz

総合スコア5

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

テーマの読み込み部分を確認してみてください。
parent-style という親テーマのハンドル名を指定することで 親テーマ -> 子テーマ の順に読み込まれるようです。

子テーマ

php

1add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); 2function theme_enqueue_styles() { 3 wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); 4 wp_enqueue_style( 'child-style', 5 get_stylesheet_directory_uri() . '/style.css', 6 array('parent-style') 7 ); 8}

テーマに Version を記述している場合はこちら。
Child Themes - Theme Developer Handbook

php

1add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); 2function my_theme_enqueue_styles() { 3 $parenthandle = 'parent-style'; 4 $theme = wp_get_theme(); 5 wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css', 6 array(), 7 $theme->parent()->get('Version') 8 ); 9 wp_enqueue_style( 'child-style', get_stylesheet_uri(), 10 array( $parenthandle ), 11 $theme->get('Version') 12 ); 13}

投稿2020/12/17 01:01

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Miz_Miz

2020/12/17 16:52

kazweda様 ご返答ありがとうございます。 恥ずかしながら、もっと初歩的な段階でつまづいておりました。 記載いただいたものも、今後参考にさせていただくこともあるかと思います。 丁寧にご対応いただきありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問