自分力ブログ

自分なりの成功パターンでゆるく、楽しく、たくましく生きる方法を見つけるお手伝いをしています

サイドバーの人気記事をStinger5と同じ仕様にしてみたよ

      2016/02/14



やっぱりデザインが統一されてないと気持ちが悪い

 

先日プラグイン(Wordpress Popular Posts)を使ってサイドバーに人気記事を表示させることに成功しました。成功はしましたが、その表示が気になる。。。

 

ブログ全体の表示が統一されてないと気になるんですよね。。。

 

一度は細かいことは気にせず記事を書くことにしましたが、丁寧にその方法を説明してくれているサイトを見つけた&その方法が意外に簡単そうだった という理由で挑戦してみることにしました。

新着記事

 

こちらが新着記事の表示です。Stinger5のもともとの仕様なのでいいかんじに表示されてます。

人気記事

 

で、こちらが先日設置した人気記事の表示です。。。

 

写真のぎゅうぎゅう感がすごくて息苦しい(‘A`)タイトルがリンク表示で青色の下線つきです。。。タイトルの文字も少し小さいですね。。。

 

今回のカスタマイズでこれを新着記事と同じ表示にします(´∀`)

 

参考にしたのはこちらのサイト  WordPress Popular PostをStinger5と同じ表示にカスタマイズ

 

ウィジェットから編集します。単純にコピペするだけなので3分もかからずできました。

人気記事

 

見て見て!!いい感じに表示されました(´∀`)こんなに簡単なことだったんですねぇ(´∀`)

 

Stinger5は使っている人が多いテンプレートなので情報もたくさんネット上にあります。自分にできそうなものからチャレンジしてみてくださいね(゚∀゚)

 - stingerカスタマイズ

Comment

  1. 隊長 より:

    さすがにトップ15は多いかもですねw
    スマホでの表示を考えるとどれくらい影響があるかですね。

    でもやっぱ見栄えは良くなりましたね。

Message

メールアドレスが公開されることはありません。

  関連記事

意外な盲点!!文字を大きくするだけで読まれるブログになる!!

既にある自分の強みをテーマに考えてました。   見つけました。私が人に …

【Stingerのカスタマイズ】グローバルナビゲーションをつけたい

グローバルナビゲーションをつけて分かりやすく メニューバー、ナビバーなどいろいろ …

ワードプレスの個人情報って簡単に流出しちゃうんですね(汗)今回私がした対策

とあるブログに助けられた。無知って怖い。。。   とあるブログとは、私 …

【Stingerのカスタマイズ】Googleアドセンスを初めてブログに貼ってみた

ブログを始めたらGoogleアドセンスに申し込み ブログを始めて記事を書いたらG …

【Stingerのカスタマイズ】プロフィール欄をつくろう

スティンガーのカスタマイズでお困りの方は   Stingerのカスタマ …

【Stingerのカスタマイズ】『WordPress Ping Optimizer』でPing送信をする

Ping送信ちゃんとしてますか?? ブログを始めたばかりで右も左もわからない。黙 …

やっと重い腰をあげて人気記事表示とヘッダーの改造をやってみた

アクセスアップしたいならやっといたほうがいいこといくつできました?   …

【Stingerのカスタマイズ】記事に見出しをつけたい

見出しをつけて記事を読みやすくしよう 見出しをつけると、文章にメリハリがでてぐっ …

【Stingerのカスタマイズ】アイキャッチ画像を記事トップに表示させる

アイキャッチ画像を設定しよう   グーグルアドセンスの申請中だったので …

ワードプレスが全くわからない1年前の自分に読ませたい記事を書きました

去年の今頃私は焦ってました。   ワードプレスでブログを始めようとした …