サポート » 使い方全般 » フリーのテーマを使っていますが、CSSを変更したい

  • 解決済 canow

    (@canow)


    テーマのCSSを一部修正したいのですが(フォントの色とか)、反映されません。

    今は、ローカルで作っていまして、ローカルサーバはXAMPPで動かしています。

    どうして反映されないのか、と、どうやったら書き換えれるのかを、教えていただきたいです。

    お願いします。

15件の返信を表示中 - 1 - 15件目 (全15件中)
  • CG

    (@du-bist-der-lenz)

    キャッシュが効いているのか、クラスを間違っているか、スタイルシートの優先度によるものでしょう。

    トピック投稿者 canow

    (@canow)

    cgさま

    ありがとうございます。wordpressどころかいろいろとわかっていない僕がにわかに始めたことなので、質問も恥ずかしく思っています。

    さて。
    ご返答から察するに、通常、容易にCSSは書き換えれるものの様ですね。
    可能性は3つ
    1.キャッシュが利いている
    2.クラスのミス
    3.スタイルシートの優先度

    僕が使っているテーマはproper liteというフリーのテーマでして、用意されたCSSは1枚だと思いますが、そこでしっかり調べましたが、2と3の原因ではないと考えれました。
    残るは1ですが、1がよくわかりません。

    僕の考えているキャッシュは、パソコンに一時に記憶されているデータという風ですが、それだとあくまで一時的なので、1週間もすればcssが効いてくるという風でしょうか?
    それだと、例えば、外観>カスタマイズ・・・で行うスタイルの変更ができるのに、直接書き込む変更ができない理由に矛盾が出ると思えます。

    キャッシュの意味もよくわかっておらず申し訳ないです。

    解決のために、ここにスタイルを貼ったほうが良いですか?

    失礼ですが、もう少し情報をいただけないと回答のしようがありません。

    まずはどのような方法でCSSを記述したのか (テーマファイルを書き換えた・子テーマのCSSに書いた・カスタマイザーのカスタムCSSに書いた) のかを明確にしてください。

    カスタマイザー内のカスタムCSSは<head>内に直接書き込まれることになり、CSSのキャッシュとは全く関係ないです。

    トピック投稿者 canow

    (@canow)

    Miruconさま

    ありがとうございます。
    何を書いたら良いのか分かりませんが、可能な限り書いてみます。

    >>どのような方法でCSSを記述したのか
    とりあえず、フォントカラーを変えてみてCSSが反応するかどうかをやってみたのが、
    ダッシュボード>外観>テーマの編集で、右のサイドバーに「テンプレート」と下にスクロールすると「スタイル」が出てきまして、そこには、2枚のスタイルシートがあります。1枚は「スタイル シート(style css)」と2枚目は「RTL スタイル スタイルシート(rtl css)」です。その1枚目のcssで、変更したいフォントとして、## Posts and pagesの.page-entry-header .entry-title のフォントカラーをcolor:red; を入れてみましたが全く利かないという風です。(.entry-titleがそのフォントにあたります)

    もしかして、このファイルに直接入力して変更できるものではないとかですか?!?!

    こんにちは

    テーマは、これですか?

    https://ja.wordpress.org/themes/proper-lite/

    僕が使っているテーマはproper liteというフリーのテーマでして、用意されたCSSは1枚だと思います

    cssホルダーに以下の3つのファイルがありませんか?

    
    animate.css
    jquery.sidr.dark.css
    mt-column-clear.css
    

    style.css等のCSSファイルをカスタマイズする場合は、チャイルドテーマを作る必要があります。
    (追加CSSを使う場合は、わざわざチャイルドテーマを作らなくてもいい)

    理由:テーマを直接変更すると、テーマのアップデートの時にすべて削除されます。

    チャイルドテーマでググってみてください。

    CG

    (@du-bist-der-lenz)

    https://ja.wordpress.org/themes/proper-lite/
    テーマをインストール、有効化すると2つのプラグインの導入を推奨するメッセージが出ると思えます。その「Simple Custom CSS」プラグインでスタイルの変更が出来ませんか。
    そもそものところ、General Color と Fonts をカスタマイズできるのでタイトル見出しはスタイルシートの影響を受けないでしょう。

    Honda

    (@rocketmartue)

    ダッシュボード>外観>テーマの編集で、右のサイドバーに「テンプレート」と下にスクロールすると「スタイル」が出てきまして、そこには、2枚のスタイルシートがあります。1枚は「スタイル シート(style css)」と2枚目は「RTL スタイル スタイルシート(rtl css)」です。その1枚目のcssで、変更したいフォントとして、## Posts and pagesの.page-entry-header .entry-title のフォントカラーをcolor:red; を入れてみましたが全く利かないという風です。(.entry-titleがそのフォントにあたります)

    同様の作業を試してみましたが、きちんと反映されます。
    (ただし、テーマの style.css を直接編集することは、いろいろな理由でおすすめできません。)
    反映されないのは、CGさんがおっしゃっているようにキャッシュが効いているからです。
    パソコンには、一度閲覧したページをPC上に保存し、次に開く際のスピードを早くするキャッシュという仕組みがあります。ブラウザキャッシュとも言います。
    この仕組みのために一度読み込んだ style.css がPCに保存されていて、style.css を編集した後もPCに保存されている古い方(編集前)の style.css を読み込んでしまうことがあります。
    編集後の style.css を読み込ませるためには、キャッシュをクリアする必要があります。

    どうして反映されないのか

    の理由は以上です。
    キャッシュのクリア方法については「ブラウザキャッシュクリア リロード ショートカット」で検索してみて下さい。

    どうやったら書き換えれるのか

    については
    nobitaさん、CGさんが回答してくださっていますので、そちらの方法を試してみてください。

    CG

    (@du-bist-der-lenz)

    「とりあえず、フォントカラーを変えてみてCSSが反応するかどうかをやってみたのが、」カラーの変更だったのが、変更が「全く効かないというふう」になったのでしょう。初段階で行われることの多い、サイトの背景色、文字サイズ、文字色を、このテーマはカスタマイズに装備しています。タイトルフォントは「Fonts」

    同様に、タイトルColorは「Page Colors」に「Entry Title Color」項目があります。それらより高精度なカスタマイズを「Simple Custom CSS」プラグインで行う仕組みで用意されているのでしょう。

    トピック投稿者 canow

    (@canow)

    ご指南してくださった皆様へ

    今、チャイルドテーマを作ってみていますが、チャイルドテーマを有効化してもうまくいきません、という状況で、今しばらく時間が掛かりそうです。
    ひとつひとつやってみたいと思っていますので、少々時間が掛かると思いますが、後日、返信させていただきたく思います。

    取り急ぎでした

    色だけでしたら CG さんの言っているようにカスタマイザーの色設定から出来るのでそもそも CSS を書くことすら必要ないはずです。
    また、CSS をいじるだけであれば、子テーマを使わずともカスタマイザー内にある「カスタム CSS」でも十分かなと個人的には思います。

    トピック投稿者 canow

    (@canow)

    nobitaさま

    ありがとうございました。
    おそらく、解決策としてベストだと思います。
    容易にCSSを書き加えれるのと、合理的です。

    チャイルドテーマ、これは発見でした。

    ありがとうございました。

    トピック投稿者 canow

    (@canow)

    CGさま

    ありがとうございます。
    おっしゃっているCSSのプラグインですが、確かに便利で、僕も入れています。
    僕の思い違いがありまして、固定ページのCSSしか書きかえれないと思っていますが、そうではないのですかね?
    また、カスタマイズからでは扱えないCSSの変化を考えたとき、つまり、今回は結果が分かりやすいように”例えば”フォントカラーでしたが、回転させるなどというCSSはカスタマイズにはない項目になりまして、そういう時は、チャイルドテーマの方が便利ではないかと思いました。

    キャッシュはいまだによくわかりませんが、ともかく、上手くいく道筋を考えてくださり、方々からご意見をいただけましたので、テストがはかどりました。

    ありがとうございました。

    トピック投稿者 canow

    (@canow)

    miruconさま

    ありがとうございます。

    CSSを簡単にいじるだけならCSSのプラグインで十分だと思いました。
    必要なことを必要なだけで行うのは時間短縮になるかと思いますので大事かと思います。

    これはユーザーがどのようにページを扱いたいかで変わってくることでしょうかね。

    ご指南、ありがとうございます。

    ちなみに、分からないことがありますが、とりあえず、先には進めました

    トピック投稿者 canow

    (@canow)

    rocketさん

    ありがとうございます。

    キャッシュが原因かどうかすら今でもわかりません笑
    結局何をしたわけでもなく、チャイルドテーマで普通に変えることができるようになったので、その点が謎ですが。。。

    CG

    (@du-bist-der-lenz)

    テーマにオリジナリティを加える時チャイルド・テーマを使えば、新しい項目を追加したり、配列を並べ替えることが出来ます。それを知っていれば、今回の疑問は起こらなかったものです。
    どれほどのことが、チャイルドテーマを作るほどでないこともあり、カスタマイズの「追加CSS」で解決します。その「Simple Custom CSS」プラグインは、WordPressが未だ「追加CSS」の機能を標準装備する前によく利用されていました。「Proper Lite」テーマは2014年にリリースされたと記憶しています。
    利用度の多い、フォントやタイトルの変更にとどまれば「Simple Custom CSS」プラグインや、チャイルドテーマを必要としないような気遣いが感じられます。
    「固定ページのCSSしか書きかえれないと思っていても、そうではなく。クラス・セレクタの詳細度をあげていけば投稿ページだけを異ならせることが出来ませんかね?
    また、カスタマイズからでは扱えないCSSの変化を考えたとき、つまり、今回は結果が分かりやすいように“例えば”フォントカラーでしたが、回転させるなどというCSSはカスタマイズにはない項目で確かめるのが適用の優先度の影響を受けないでしょう。
    今回の、タイトルColorを赤色指定したのが効かなかったのは、最終的にカスタマイズでの指定に上書きされているのでしょう。スタイルシートはインラインで書かれたものが一番優先されますよね、勿論キャッシュも疑ってみるべきです。

15件の返信を表示中 - 1 - 15件目 (全15件中)
  • トピック「フリーのテーマを使っていますが、CSSを変更したい」には新たに返信することはできません。