CSS？なにそれ美味しいの？どうもてとこん(@tetokon)です。
HTMLやCSSの知識が浅いながら、ブログのレイアウトを色々いじったので、備忘録がてらメモしておこうと思います。
目次
最近の投稿をサムネイル付きで表示してくれるプラグイン「Newpost Catch」
▲今まではこんな表示。
▲「Newpost Catch」を導入してこんな感じでサムネイルの表示ができるようになりました。
「Newpost Catch」について詳しくは作者様のブログを御覧ください。
Facebookソーシャルプラグインを導入
まだまだFacebookについてよくわかっていませんがイイねして頂ければ泣いて喜びます！
「jQuery lazy load plugin」で画像を順番に読み込む
一度に読みこむと画像が多い場合に時間がかかってしまいますからね。
ちょっと設定が必要なので@conchikuwaさんのブログを見てやりました。
[wordpress]スクロールに合わせて画像を読み込むプラグイン「jQuery Image Lazy Load WP」を導入する際にやったほうがいいおまじない。 | こんちくわのぶろぐ
@conchikuwaさんありがとうございます。
ブログのカラム幅を変更
ブログに載せている画像の横幅が500pxなのでそれになじむようにメインカラムを狭くして、その分サイドバーを広くしました。
関連記事を紹介する「LinkWithin」の導入
デフォルトで表示される文字は@OZPAさんのブログを見て変えました。
関連記事を表示するブログパーツ「LinkWithin」を任意の場所に入れる方法と「You might also like」を好きな文章に変える方法 | OZPAの表4
ありがとうおつぱし！
「zenback」の導入
これも前のブログでも使っていたのですが、最近何だか表示もいい感じになっているので入れてみました。
▲記事の下の方に表示されているこういうヤツです。
関連する記事何も出てねぇｗｗｗ
まぁ出るまで気長に待ちます。
他にも色々変更したけど…
私IT屋さんだけどWeb屋さんじゃないのでCSSの知識がまったくないんですよね…
仕組みはなんとなくわかってるんだけどどういう風に書けばどんな効果があるのかとかまったくわからないので、一個一個調べながらでやたら時間がかかります…
サイドバーのh3タグの文字の大きさ変えるのに相当苦労した…
何でh3タグの文字の大きさがあんなに小さい設定なのtwenty eleven…
こういうのは色々やりながら覚えていくしかなんでしょうかねぇ？？
いい勉強法あったらどなたかご教授下さいませ。
ドットインストールのCSSのレッスンやってみるかなぁ。