twenty twelve のカスタマイズ

こんにちは、ファルコンMです。

WordPress のサイトをよくするため、テーマを選び、カスタマイズすることししました。テーマは、Twenty Twelve としました。Twenty Seventeen でもよかったのですが、固定ページとカラムの設定がどうもうまくいかず妥協しました。Twenty Twelve がシンプルでよかったので、それにしました。

サイトをカスタマイズしようとしたのですが、子テーマを作ったり、css を直接編集したりする必要があります。WordPress を使えばいいデザインは作れそうですが、カスタマイズしようとするとかなり骨が折れる作業です。私はプログラマの仕事をやってましたので知識はありましたが、初心者が本格的にカスタマイズしようとすると、ハードルが高いです。

子テーマの設定

以下のサイトを参考に子テーマを設定しました。

親テーマが更新したら、css をいじったところが初期化されてしまう可能性があるので、子テーマは設定したほうがよさげ。

style.css の修正

とりあえず、見出しのみの修正。投稿や固定ページのh2 だけを修正。

.entry-content > h2{
  font-size: 18px !important;
  color: #333333 !important;
  margin: 5px 0px !important;
  padding: 5px 15px !important;
  border-left: 7px solid #cc7a28 !important;
  border-bottom: 1px solid #cc7a28 !important;
  background-color: #ffffff !important;
}

という感じで、記述します。

もっといいデザインになるようにサイトを改造していきます。