サポート » 使い方全般 » 記事ごとに枠で囲むときのdivタグは?

  • 解決済 mafeng

    (@mafeng)


    @nifty の cocolog から WordPress に移行しているところです。
    記事ごとに div で囲って、border-color を設定して box-shadow で影を付けたいのですけど、どの div タグに対して CSS を当てればいいのかわかりませんでした。

    現状のサイトは http://pocolog.cocolog-nifty.com/ です。このように、記事ごとに枠をつけたいのです。

    よろしくお願いいたします。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • LABE

    (@latobeam)

    その <div> タグに class を付ければいいと思います。
    投稿ごとに、それぞれの情報を含んだクラスを付ける関数 post_class() もあります。

    トピック投稿者 mafeng

    (@mafeng)

    LABEさん

    「どのdivタグ」に CSS をあてればいいのか、わからないのです。
    無学で申し訳ありません。
    自分で div タグを追加するのは、さけたいです。

    よろしくお願いいたします。

    • この返信は5年、 6ヶ月前にmafengが編集しました。

    テーマを決めれば、おのずとどの<div>かは決まってくるでしょうが、テーマ未定では漫然とした答えしか返ってこないと思いますよ

    トピック投稿者 mafeng

    (@mafeng)

    npssl さん
    ご回答ありがとうございます。
    確かにそうですね、大事なことを書き忘れました。
    今使っているテーマは twentyseventeen です。

    よろしくお願いします。

    CG

    (@du-bist-der-lenz)

    デベロッパーツールでクラスの判別は出来ますよ。
    投稿一覧でのことでしょうが、TwentySeventeen では、投稿フォーマットでスタイルが変化するので、Article要素でくくられています。

    トピック投稿者 mafeng

    (@mafeng)

    Chrome のデベロッパーツールですね。

    Chrome のイントールからやりたいと思います。

    ご報告は来週末にします。

    よろしくお願いします。

    CG

    (@du-bist-der-lenz)

    Chrome に限らないですよ

    トピック投稿者 mafeng

    (@mafeng)

    Du bist der Lenz さん

    Article 要素に CSS をかませたら、無事自分の思っていたことが実現できました。
    ありがとうございました。

    CG

    (@du-bist-der-lenz)

    CSSで出来ることはデベロッパーツールで詰めましょう。WordPressのフォーラムなので、今回のように Twenty Seventeen に関しては、お答えしやすいので幸いでした。

    トピック投稿者 mafeng

    (@mafeng)

    Du bist der Lenz さん

    初心者の無作法な質問にお付き合いいただきありがとうございました。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • トピック「記事ごとに枠で囲むときのdivタグは?」には新たに返信することはできません。