テーマを Iconic One に変更

By | 2015年10月19日

Iconic One というテーマがシンプルで気に入ったので

変更してみることにしました。

Iconic One を そのまま適用するとブルー系の配色になるので

style.css のカラー指定を #16a1e7 → #e7a816 、#00A1E0 → #8c3d00 に

入れ替えました。

左端のラインの色も変更。

あとは、コメント欄に文字を記入しようとすると文字がちっちゃいので

style.css の

#respond form textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;               → 18px
line-height: 1.714285714;
padding: 10px;
width: 100%;
}

フォントサイズを変更すると、↓↓↓ になりました。

同じくコメント欄の「メールアドレス」欄と「ウエブサイト」欄を

消すために、/* Comment form */ のすぐ次に

.comment-notes,.comment-form-email{display:none;}
.comment-form-url{display:none;}

の2行を付け加えました。

最後は、デフォルトのままだと、

記事が先頭部分110文字の抜粋になってしまうので、

content.php の <?php the_excerpt(); ?> 部分を

<?php the_content(); ?> に置き換えて全文表示するように

しました。

と、なんだか、こともなさげに書いてますが、コメントの文字の

大きさを変える部分などは、一度はあきらめそうになるくらい

手間取りました。

 

2 thoughts on “テーマを Iconic One に変更

  1. 杉野

    Iconic Oneの全文表示のカスタマイズ成功しました。
    ありがとうございました!

    Reply
  2. 何処吹く風 Post author

    こちらこそ、少しでも役に立てたと
    知らせていただいてありがたく
    思いました。さらなるカスタマイズを
    したくなったら、また、コメントしてみて
    ください。でも、そのとき役に立てるか
    どうかは、わかりませんけど、一緒に
    考えることだけはできると思います。

    Reply

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語で書いてね。外国語わかんない。