Subscribed unsubscribe Subscribe Subscribe

oinume journal

Scratchpad of what I learned

WordPressのテーマをHello :Dに変更

WordPress

長らく使用していたiNoveですが、黒とグレーで覆われたカラーがダークな印象を与えているようで嫌だったので、もうちょっと優しい色のテーマを探していました。色々探したところHello :Dがなかなかいい色使いだったので重い腰を上げてテーマを変更。

 

デフォルトのままだと幾つか気になる点があったので以下の点を変更しました。これでだいぶ見やすくなってかなり満足です。

 

サイドバーのリンク

右側のサイドバーのリンクはアンダーラインがなくてリンクだと認識されにくかったので、下線を引くように修正しました。

 

Index: css/default.css

===================================================================

--- css/default.css (revision 33)

+++ css/default.css (working copy)

@@ -350,7 +354,6 @@

 

#sidebar a {

color: #333;

-text-decoration: none;

}

 

#sidebar a:hover {

 

 

既読リンクの色を変えるように

デフォルトでは未読リンクも既読リンクの色も同じだったのですが、個人的なユーザビリティ哲学として既読リンクはわかるようにしたかったので、これを紫にするように修正。

 

 

Index: css/default.css

===================================================================

--- css/default.css (revision 33)

+++ css/default.css (working copy)

@@ -38,7 +38,7 @@

text-decoration: none;

}

 

-h1 a:hover, h1 a:active {

+h1 a:hover, h1 a:active, h1 a:visited {

color: #fff;

}

 

@@ -130,6 +130,10 @@

text-decoration: none;

}

 

+a:visited {

+color: purple;

+}

+

a {

color: #0063DC;

text-decoration: underline;

 

@@ -269,6 +269,11 @@

text-decoration: underline;

}

 

+.title h2 a:visited {

+color: #369

+text-decoration: none;

+}

+

.postdata {

color: #690;

margin-left: 0.8em;

 

 

パンくず

iNoveではデフォルトで表示されていたパンくずですが、Hello :Dでは表示されないのでこれを表示されるように。

 

 

Index: single.php

===================================================================

--- single.php (revision 33)

+++ single.php (working copy)

@@ -3,7 +3,7 @@

 

 

 

-

+

Home » »

 

 

 

 

 

ページメニューの強制大文字化を解除

ヘッダー部分のページメニューで "Apache" というページがなぜか "APACHE" となっていたのでこれを解除。つーか、ユーザが入力したページ名を尊重しようよ。

 

Index: css/default.css

===================================================================

--- css/default.css (revision 36)

+++ css/default.css (working copy)

@@ -181,7 +181,6 @@

top: 25px;

height: 35px;

margin: 0;

-text-transform: uppercase;

}

 

 

投稿内のh3タグをわかりやすく

投稿内で見出しとして使用するh3タグがあまり見出しとしての視認性を発揮していなかったので、サイドバーで使用されている画像をつけるように修正。

 

@@ -286,6 +291,8 @@

 

.entry h3 {

font-size: 1.3em;

+background: url(../images/widget_title.png) no-repeat;

+padding-left: 25px;

}

 

 

ロードするjQueryのバージョンを変更

header.phpを見てみると、タグ内でGoogle AJAX Libraries API を使ってjQueryをロードしているのですが、jQueryのバージョンが1.2.6なのでこれを1.3にします。

 

Index: header.php

===================================================================

--- header.php (revision 35)

+++ header.php (working copy)

@@ -11,7 +11,7 @@

 

-