自分力ブログ

糖質制限で加齢の食い止め、睡眠の短時間化、ビジネススキルの向上を目指します٩( ᐛ )و

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

      2016/02/14



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

 

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

 

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

 

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

新着記事

 

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

人気記事

 

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

 

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

 

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

 

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

 

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

人気記事

 

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

 

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

 - stingerカスタマイズ

グーグルアドセンス 記事下

スポンサーリンク

グーグルアドセンス 記事下

スポンサーリンク

Comment

  1. 隊長 より:

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

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

Message

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

  関連記事

【Stingerのカスタマイズ】文字を大きく・行間を広くする

【Stingerのカスタマイズ】で私が最初にやったこと   ワードプレ …

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

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

ブログの表示速度が遅くなっているですと!?原因は画像の重さ?『EWWW Image Optimizer』を設定

グーグルさんが表示速度遅いですよ!!と教えてくれた   いつものように …

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

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

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

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

スパムコメントを撃退する『Akismet』の設定でヒヤっとしました。。。

なんという間抜け野郎なんだ。。。   初めてスパムコメントを受け取った …

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

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

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

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

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

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

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

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