どうも。WordPressの葬るのにはまっている@geekboyです!
少し時間が出来たので、《沖縄写真Lab》で使っているWordPressのTwenty Tenをいろいろカスタムしてみました。
前から触っていたのですが、ちょっと飽きて来たのと最初予定していた内容とブログ内容が変わってきたので。少しのつもりが、楽しくてずっと触ってしまいました(笑)
まったく知識がなく、何もかも調べながらなのですが大変な分少しうまくいったら、めちゃくちゃ嬉しいです。前のデザインはこんな感じです!iPhoneからのスクリーンショットしか残っていませんでした…
この時からのTwenty Tenのカスタム
- Twenty Tenを2カラムから3カラム
- ヘッダー画像の大きさと画像をランダムに表示する
- ブログタイトルにロゴ画像を使う
- ナビゲーションバーの色とかをオレンジに変更
- フォントや、メニューや細かいレイアウトを変更
とか、そんな感じでした。
で、今回はこんな感じになりました!まだ、途中なので観てくれてる今は違うかもしれませんが。
今回の変更点!
•赤丸の箇所の余白を小さくしました。タイトルロゴの上下と、ウィジェット間の上下、記事とナビゲーションメニューの間など、無駄なスペースがあったので少しすっきり!
•緑のナビゲーションメニューバーは、基本白でマウスオーバーや選択でオレンジ色になるようにしました。あと、子カテゴリが出てくるようになりました。
•黄色の箇所はランダムで大きな写真を表示していましたが、最新エントリーをサムネイル付きで表示するようにしました。記事を見ている時は、同カテゴリーの最新記事が表示されます。PM Thumbnail Picture Menuというプラグインを利用させて頂ました。
WP用ヘッダーサムネイル画像メニュープラグイン:“PM Thumbnail Picture Menu”公式プラグインディレクトリーにて公開 | [Mu]ムジログ
•青色の箇所は、jetpackの[人気の投稿とページ]と言う、ウィジェットを利用して人気の記事をサムネイル付きで表示する事ができました。[WordPressPopularPosts]を使っていたのですが、どんなに頑張っても奇麗にサムネイル表示できなかったので…
[Q-miz blog]さまのサイトを参考に、自分用にカスタムしました!私は3カラムで幅が狭かったので、上に画像下にタイトルが収まるようにしました。
WordPressプラグイン「Jetpack」で人気記事を表示。そしてサムネイルのサイズを変える | Q-miz blog(きゆみずぶろぐ)
他にも、[WP Social Bookmarking Light]をアップデートしたら、今までのツイート数やいいね!数が0になっちゃったので、[忍者おまとめボタン]に変更しようとしましたが、どうしてもうまく表示できませんでした…また、いつか挑戦します。
て事で、今回は完璧に自分のメモのなってしまいました。レイアウトとか見た目だけじゃくて、中身の記事をちゃんと書かないとな(笑)
気に入ってくれたらRSS登録!!ランキングにもご協力下さい。