【超簡単】Simplicity2カスタマイズ②(小見出し、ウィジェット編)

当ブログで変更したタイトル(小見出し、ウイジェット)カスタマイズの備忘録。

シンプルさと見易さと簡単さを重視しました。


ごりら
今回も基本的にコピペするだけです

小見出し

まずは記事本文の小見出しをカスタマイズしましょう。

<完成見本>

以下のコードを、style.cssの一番下にコピペしてみてください。(見出し2)

(見出し3)

これだけです。

サイドバーの装飾

タイトル

本文の見出し同様、サイドバーの見出しのデザインも変更していきます。

こちらも同じくstyle.cssにコピペでOK。

するとこのような感じになります。

リンク文字

細かいところですが、サイドバーのタイトルではない文字の部分を少しだけ大きくしました。

これで完成です。

色の変更

色を変更させたいという方は、コードを少しだけ変更させてみましょう。

コード中の

#〇〇〇〇〇〇

の部分が色を変更させる役割をしているので、そこを変更させることでお好みの色にカスタマイズすることが出来ます。

例えば

#ffffff; を #000000; に変更すると、

だった部分がに変わります。(※半角で入力)

色によって対応する英数字が異なるので、その辺りは以下の記事を参考にしてみてください。

CSS色見本

参考記事

カスタマイズにあたって、以下の記事を参考にさせて頂きました。

http://besak.net/side
わいひらさんが使用している見出しタグについて
Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › わいひらさんが使用している見出しタグについて このトピックには3件の返信が含まれ、2人の
スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加
スポンサーリンク