サポート » 使い方全般 » 固定ページのCSSが有効にならない

  • 固定ページにCSSを使ったボタンを作った所、CSS操作のページ固有のプレビューではうまくいっているのに
    うまく表示されません。
    CSSの優先度が問題と思われるのですが、どこで指定すればよいかよくわかりません。

    • このトピックは tuchidaが4 ヶ月、 1 週前に変更しました。
6件の返信を表示中 - 1 - 6件目 (全6件中)
  • CG

    (@du-bist-der-lenz)

    固定ページに作ったボタンのクラスを、決め打ちするなどスタイルシートの詳細度を上げてはどうでしょう。ボタンを使った固定ページが特定されるものだったら、インラインが向いてませんか。

    最初に
    外観→テーマの編集で「style.css」にクラスを追加したのですが効果がなかったため
    固定ページ付随のCSS編集画面でクラスをCSSに追加してみました。
    このとき、右側に表示される画面ではうまくいっていましたが、固定ぺージのプレビューではうまくいきませんでした。

    • この返信は4 ヶ月、 1 週前に  tuchida さんが編集しました。
    • この返信は4 ヶ月、 1 週前に  tuchida さんが編集しました。
    • この返信は4 ヶ月、 1 週前に  tuchida さんが編集しました。
    CG

    (@du-bist-der-lenz)

    「固定ページ付随のCSS編集画面でクラスをCSSに追加してみました。」というのは、カスタマイズではできているということですね。プレビューではなく、公開して確認してはどうでしょう。ソースで確認すれば優先度の糸口が見つかるでしょう。

    固定ページ付随のCSSと書きましたが、正確には「外観」→「カスタマイズ」→「固定ページのカスタマイズ」
    の中の追加CSSですが、このときのCSSファイル名は何になるのでしょうか?
    また、公開してもやはり結果は同じでした。

    shimakyohsuke

    (@shimakyohsuke)

    こんにちは

    > 固定ページ付随のCSSと書きましたが、正確には「外観」→「カスタマイズ」→「固定ページのカスタマイズ」

    こちらはなにかプラグインをお使いになられてますでしょうか?

    プラグインではなく WordPress 4.7以降に追加されたデフォルト機能の「追加CSS」(外観→カスタマイズ→追加CSS)のことであれば、追記された CSS はファイルではなく、HTML ソースの head タグ内に style タグに囲まれた状態で読み込まれてます。

    tuchida

    (@tuchida)

    お世話になっております。

    あれから色々調べてみたところ、フロントページの時に有効にならないようでした。
    結果的に
    Simple Custom CSS and JS
    というプラグインを追加し、このプラグインでCSSを追加した所、うまく動きました
    お騒がせしました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。