ブログテーマをSimplicityにすることにしました・・・

2016年5月8日

時間ができたので、ブログの外観テーマを変更したことと、選んだ外観テーマでフッター部分の表示に不具合があることに気づいたことを記事にしました。

しかし、この不具合を改善する手立てを見つけることができませんでした。そこで、外観テーマをいままで使っていたsimplicityにもどすことにしました。

不具合に気づいた作業中に知ったIwataという外観テーマのデザインが気に入ったので、それを意識してカスタマイズしてみました。

背景色の変更

まず、背景色とメニューバーの色の変更をしました。simplicityの場合、カスタマイザーが最初から用意されているので簡単に変更することができます。今回は、とりあえずIwataのオリジナルと同じ色#00A0D7に設定変更しています。そのうち、たぶん変更すると思います。

サイトタイトルのフォントサイズなどの変更

次に、サイトタイトルのフォントの大きさと太さ、それからヘッダーの高さを変更しました。子テーマにSimplicityのstyle.cssの一部をコピーして貼り付け、次のように書き換えました。

[css]
#site-title{
margin-top:16px;
margin-bottom:10px;
font-size: 40px;/*30px;*/
line-height: 100%;
}

#site-title a{
text-decoration:none;
color:#222;
font-size: 40px;/*30px;*/
font-weight:bold;/*normal;*/
}
[/css]

コメントアウトがついている箇所が変更した部分です。

メニューバーの表示位置の変更

それから、メニューバーの位置を右側に移動しました。そのために、style.cssで変更したのは、次の箇所です。

[css]
#navi ul > li{
float: right;/*left;*/
list-style:none;
position: relative;
}
[/css]

これも、コメントアウトがついている箇所が変更した部分です。

さて、この作業を行って改めて気づいたことがあります。それは、Simplicityはカスタマイズが簡単にできるテーマなんだということです。Simplicityは、Wordpress初心者にやさしいテーマだと思います。