サイドバー

stinger 5

stinger5サイドバー見出しの背景をグラデーションにしてカスタマイズ

stinger5のサイドバー見出し(タイトル)の背景をグラデーションにしてアイコンフォントも挿入してオシャレにカスタマイズした。 私のブログの色はブルー系(ロイヤルブルー)を基調としています。 なのでサイドバー見出しの背...
gush2

サイドバーの背景を半透明化とNEW エントリーを区別化した

サイドバーの背景を半透明化と「NEW エントリー」を区別化するためにカード型に変更するカスタマイズ方法を解説しています。 また、サイドバーの背景を白色にして半透明化する事でコンテンツを観やすくした。 サイドバーの背景を半透明...
gush2

gush2 サイドバーSNSボタンの初期設定と装飾

サイドバートップにあるSNSボタン箇所に、「feedly」ボタンの追加とそれらのボ タンを装飾してみた。 既存のコード ここで紹介するgush2のカスタマイズは、私の備忘録です。 gush2は素でも使...
stinger 5

stinger5 SNSボタンが不揃いなのでカスタマイズしてサイドバーにも設置した

stinger5のSNSシェア用のボタンはよ~く観ると、デザインだけでなく、大きさまでばらばらだったりします。 SNSボタンの数も「ツィッター」・「フェースブック」・「グーグル」・「ハテナ」の4個です。 いまや「スマホ」の時代。...
stinger 5

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

stinger5見出しをカスタマイズしてドレスアップ stingerのhタグ(見出しは)とてもシンプルで使いやすいですが、多くのstingerを使ったブログで同じ見出しを見かける。なので自分だけの見出しを作って、ドレスアップして差...
stinger 5

stinger5 サイドバーとnew post記事の区別化 カスタマイズ

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

ワードプレスのサイドバーにツイッターを表示させる

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

スクロールすると追尾するサイドバーにする

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

stinger3 備忘録 10

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