クラス名・ID名の変更

このトピックには2件の返信が含まれ、1人の参加者がいます。3 週間、 2 日前 クロエ さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #62084

    クロエ

    現在トップページ(記事一覧)のカスタマイズを行っており、このページを構成する#mainを何か別のID名に変更したいと思っています。理由としては、例えば#mainのpaddingを0にしてしまうと自動的に個別投稿ページの記事本文部分のpaddingも0になってしまうからです(同じIDが当てられているので当然なのですが)。これはどのファイルで行えば良いでしょうか。PHPに詳しくなく、とても初歩的な質問ですみません。よろしくお願いいたします。

  • #62085

    Akira

    親テーマの header.php を子テーマにコピペし、子テーマに設置した header.php の 1 番下の 85 行目(2019 年 9 月 22 日時点)の変更でご希望のカスタマイズができます。

    https://github.com/yhira/simplicity2/blob/master/header.php#L85

    ※PHP の条件分岐を使う必要があります。

    ただ、ご提示の例のような CSS のために、id を変更する必要はありません。というのも、body タグにページ固有の class が付くためです。

    例えば、トップページの body タグには、固有の class 名の home が付きます。 この home を使えば、トップページのみに適用する CSS を書けます。

    .home #main {
      padding: 0;
    }

    ※投稿ページの固有の class は、single や single-post などです(class に home は付かない)。なので、 ↑ の CSS は投稿ページに適用されない。

  • #62086

    クロエ

    早速ありがとうございます!Akiraさんの的確なアドバイスで、すぐに解決しました。大変助かりました。

トピック「クラス名・ID名の変更」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)