wordpressでオリジナルテーマを作ってみよう⑦~コンテンツの中身を編集~

今回はコンテンツの中身を編集していきます。
なんとしてもこれをやらねば可読性がすごく低くなってしまうのでね。


もともとこんな感じでした。
フォントサイズが全部同じですごく読みにくいです。

 

「続きを読む」をボタン風にしたいと思います。

cssをいじってボタンの生成します。

浮きすぎですねw
コードはこんな感じです。

box-shadowを訂正し、横幅を大きくし、よりクリックしやすいようにしました。

コードはこんな感じです。

マウスカーソルを乗せたときに凹む挙動を示すようにhoverの欄で影を消し、オブジェクトを影の大きさ(4px)分だけ下にずらします。

他にはh1,h2,h3それぞれのフォントサイズを変更したり背景の色を訂正しました。

最後にcontentにbox-shadowを入れたりしていき・・。
見るには堪えるくらいにはなってきましたね。

コメントを残す