stinger 5

 

stinger5のサイドバー見出し(タイトル)の背景をグラデーションにしてアイコンフォントも挿入してオシャレにカスタマイズした。

私のブログの色はブルー系(ロイヤルブルー)を基調としています。

gush2

サイドバーの背景を半透明化と「NEW エントリー」を区別化するためにカード型に変更するカスタマイズ方法を解説しています。

また、サイドバーの背景を白色にして半透明化する事でコンテンツを観やすくした。

  ...

gush2

サイドバートップにあるSNSボタン箇所に、「feedly」ボタンの追加とそれらのボ
タンを装飾してみた。

 

既存のコード

 

 

ここで紹介するgush2 ...

stinger 5

2015年2月13日

stinger5のSNSシェア用のボタンはよ~く観ると、デザインだけでなく、大きさまでばらばらだったりします。

SNSボタンの数も「ツィッター」・「フェースブック」・「グーグル」・「ハテナ」の4個です。

いまや ...

stinger 5

2015年3月12日

stinger5見出しをカスタマイズしてドレスアップ

 

stingerのhタグ(見出しは)とてもシンプルで使いやすいですが、多くのstingerを使ったブログで同じ見出しを見かける。なので自分だけの見出しを作って ...

stinger 5

stinger5 サイドバーとnew post記事の区別化 カスタマイズ     サイドバー「new post」を区別化するためにカード型に変更するやり方と サイドバーの背景を半透明化するやり方を解説しています。 ...

stinger3 備忘録

ワードプレスのサイドバーにツイッターを表示させる   Facebook,Twitter,Google+などから出来るだけユーザーを集めまし ょう! 今回はツイッター(Twitter)のタイムラインをワードプレスのサ イドバーに表示 ...

stinger3 備忘録

スクロールすると追尾するサイドバーにする   stinger3に付随している「スクロール広告用」と、サイドバーを追 尾させるプラグインの検証をしてみました。   テキスト量が少なくて、あまりスクロールしないような記事であ ...

stinger3 備忘録

サイドバーをカスタマイズ   1.タイトルの背景の変更 2.アイコンの変更 3.タイトルフォントの変更   以下記事はワードプレス(WP)や、テーマのstinger3をカスタマイズ したやり方等を忘れないために書き留めた ...