h2のデザインを変える方法を教えてください。

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも h2のデザインを変える方法を教えてください。

2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #39033
      カボスケ
      ゲスト

      初歩的なことなのかもしれませんが、どなたか教えてください。
      simplicity2をダウンロードして使用させていただいてます。

      h2のデザインを変えたいのですが、

      1)子テーマ?をインストールしたほうが良いのでしょうか?

      2)h2のデザインを変更するには、どのファイルを弄れば良いのでしょうか?

      初心者なもので、こんな質問ですみませんが、宜しくお願いします。

    • #39038
      Hidekichi
      ゲスト

      カスタマイズするなら子テーマは必須です。
      親テーマのみでもカスタマイズはできますが、アップデートの際に親テーマは全て上書き保存されます。つまり手を入れたカスタマイズは全てクリアされることになります。
      子テーマは親テーマとは別物なので親テーマのアップデートでも影響を受けません。

      子テーマは親テーマを継承して値を上書きします(一部違うものもありますが)、なので子テーマ単体では動作せず必ず親テーマが必要になります。アップデートの度に全部やり直しするなら親テーマのみでも構いません。

      h2だけではなくほとんどのcssは、どのセレクタにどんなプロパティが書いてあるかがわかる必要があります。それを知るためには、ブラウザについているデベロッパーツール等を利用します。

      firefoxやchromeならF12キーもしくは、メニュー等にも開発ツールとして起動させるコマンドもありますし、調べたい要素で右クリックして要素を調査、あめいは検証などを選ぶとデベロッパーツールのパネルが開きます。

      左側にhtml、右側にそのプロパティが表示されます。ここから必要なセレクタを選択し、右側からプロパティを見て、必要なものを追加する、あるいは初期化するなどしてスタイルします。

    • #39120
      アバター画像わいひら
      キーマスター

      1.長く続けるのであれば、子テーマはインストールしたほうがいいと思います。

      2.本文内のh2を変更するなら、一般的な方法であれば以下のようにします。

      .article h2{
        /*ここにスタイルを書く*/
      }

      スタイルは、スタイルシートリファレンス(目的別)などで調べてみてください。

      あと、「Simplicity 見出し」で検索してみると、いくつかサンプルコードも出てくると思います。

2件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)