Newpost CatchでCSSを分けて記述することは可能か？

  • 解決済 tomi747

    (@tomi747)


    3年、 7ヶ月前

    現在、Newpost Catchというプラグインを用いて投稿ページの一覧を表示するサイトを制作しております。サイトでは、固定ページとウィジェットの２箇所に投稿ページの一覧を表示しております。一覧の見た目を調整するため、プラグインファイル内の「style.css」にCSSを記述しました。
    しかし、同じCSSが固定ページとウィジェットの両方に反映されてしまうため、見た目のズレなどが生じています。
    そのため、固定ページとウィジェットに別々のCSSを記述して反映させることは可能なのか。もし可能なら、記述方法をご教示いただきたいです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Aki Hamano

    (@wildworks)

    3年、 7ヶ月前

    @tomi747 さん

    はじめまして。

    固定ページではおそらくショートコードで追加されてると思うのですが、固定ページ・ウィジェットの両方ともに「#npcatch」というIDが付与されているため、style.cssに記述したスタイルがどちらにもあたってしまっているのだと思います。

    色々やり方はあるのですが、「固定ページ側（ショートコード側）で別のIDを指定する」という方法が簡単だと思います。
    （HTMLルール的にも、重複したIDが同じページ内に存在する事はよろしくありません）

    具体的には、ショートコードにIDを指定するオプションがあるので、固定ページ側でショートコードを記述する際に[npc id="npcatch_page"]と書きます。
    そうすれば、

    #npcatch ～ {
  // ウィジェットだけに当てたいスタイルを記述
}

#npcatch_page ～ {
  // 固定ページだけに当てたいスタイルを記述
}

    と、別々にスタイルを当てる事が出来ます。

    • この返信は3年、 7ヶ月前にAki Hamanoが編集しました。
    トピック投稿者 tomi747

    (@tomi747)

    3年、 7ヶ月前

    ご回答ありがとうございます！！
    教えていただいたとおりにCSSを記述したところ、無事固定ページとウィジェットを分けてスタイルを変更することができました！！
    ありがとうございました！！

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Newpost CatchでCSSを分けて記述することは可能か？」には新たに返信することはできません。