WordPressのトップページをphpファイルやCSSファイルから編集したい。

Question

前提・実現したいこと

　WordPressを管理画面やプラグインなどを使用せずにphpファイルやCSSファイルからソースコードを書き換えて、編集したいです。

発生している問題・エラー

　main.cssを書き換えても変更が反映されない。
（例、main.cssの.h3{　の中のフォントサイズのpxを変更しても、home.phpの<h3>タグで囲まれた文字の大きさが変わっていないなど。

試したこと

main.css以外の.cssのファイルの値を変更してみたが、全て結果が反映されない。

補足情報（FW/ツールのバージョンなど

home.phpからトップページの文字を変更することはできました。
functions.phpからサイトバー等を消去することもできました。

情報不足で申し訳ありません。宜しくお願い致します。

Comments

[kei344]

WordPressの表示はテーマに依存します。使用されているテーマは自作テーマでしょうか？それとも公開されているテーマでしょうか？後者の場合は入手先をリンクつきで質問文に追記してください。

Answer 1

まずh3タグを書き換えた後に、chormeのデペロッパーツールを開いてみてください。
h3にかかるCSSを確認し、書き換えたfont-sizeが打消し線で無効になるか、または一切反映されないかで対応がかわります。

打消し線で無効の場合は優先順位が低いので、!importantなどで優先順位を上げます。

一切反映されない場合、記述が認識されていないので
・記述場所の再確認（該当ページは本当にmain.cssを読み込んでいるか）
・スペルミスなどの確認
などが考えられます。

実際のサイトを確認できないので、明確なお答えではないかもしれませんが…
ご参考いただければと思います。

Comments

[matilda12]

otamunote　様

回答して頂きまして、誠にありがとうございます。

また、お返事が遅くなってしまったことをお詫び申し上げます。

拙い質問に答えて頂いて、感謝しております。

単純なスペルミスが原因と、反映されるまでのタイムラグがあったようで、再起動してみると反映されていました。

[matilda12]

otamunote　様

回答して頂きまして、誠にありがとうございます。

また、お返事が遅くなってしまったことをお詫び申し上げます。

反映されるまでにタイムラグがあったようで、再起動すると反映されておりました。

詳しく解決方法を記述していただき、感謝しております。

Answer 2

WordPress は多くの処理の「追加/削除」が自在にカスタマイズできることでシェアを伸ばしてきた CMS です。
出力された内容からだけだと、なかなか該当箇所の特定に至れないケースもあります。

該当箇所の特定には、実際のコードをステップ実行して追ってみるのが確実です。

が、それ以前に、基礎知識を習得してください。
基礎知識の習得には、以下のサイトが適しています。
WordPress Codex 日本語版

Comments

[matilda12]

te2ji　様

回答して頂きまして、誠にありがとうございます。

また、お返事が遅くなってしまったことをお詫び申し上げます。

te2ji様がおっしゃる通り、まずは基礎知識の習得に励みます。
URLの添付、ありがとうございます。とても為になるサイトでした。