Web WordPress 全て

WordPressのTwenty Tenをいろいろカスタム!

投稿日:2013年1月24日 更新日:

どうも。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登録!!ランキングにもご協力下さい。            

                                     

スポンサーリンク

スポンサーリンク

-Web, WordPress, 全て
-, , , , ,

執筆者:

関連記事

うるま市にある「丸一食品」塩屋店のいなりとチキンが最高に美味しかった!

どうも。美味しい食べ物があれば幸せな@geekboyです! 写真部で海中道路に行く途中に寄った、いなり寿司とチキンで有名な「丸一食品」の塩屋店に行ってきました。 場所はこちらです。うるま市にあります! …

沖縄のお盆を5年ぶりくらいに体験

沖縄では旧暦の7月の13日から15日にお盆が行われます。2012年は8月30日から9月1日までの行われました。 初日はウンケーと言って祖先をお迎えします。供え物をしてウートートーをしてお出迎えします。 …

簡単にフライパンで作る。劇うまペペロンチーノパスタ!

一人暮らし時代、週に4回はパスタを食べていた@geekboyです。 今日は簡単に出来る失敗なしのペペロンチーノパスタの作り方を紹介します。 まずはフライパンでお湯を湧かします。 なぜ鍋じゃないかと言う …

沖縄最大級の滝「比地大滝」に行ったのに…

どうも。富士山とか登山してみたい@geekboyです! 3連休の中日に行った北部ドライブの続きです。本当の目的は比地大滝に行くためです!比地大滝は、沖縄で一番大きな滝で道も奇麗に整備されていて、キャン …

丸大内にオープンしたラーメン屋「らあめん花月嵐 南風原宮平店」に行って来た!

どうも。外食の7割ラーメン@geekboyです! 南風原に新しいラーメン屋がオープンしました。それは「らあめん花月嵐 南風原宮平店」です! 場所は南風原町の丸大の敷地内にあります。店舗は南風原町宮平店 …