クラス名・ID名の変更

  • このトピックには2件の返信、1人の参加者があり、最後にクロエにより4年、 7ヶ月前に更新されました。
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さんの的確なアドバイスで、すぐに解決しました。大変助かりました。

2件の返信スレッドを表示中
  • トピック「クラス名・ID名の変更」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)