gush2

2018年4月5日

最近はアイコンフォントを使ったサイトを多くなりました。

サイドバーのSNSは「feedly」以外はアイコンフォントで表示してきましたが、
「feedly」だけアイコンフォントがなかった為画像を使っていました。

gush2

gush2のトップページ記事一覧をカード型デザインにする事によって、記事の区別
がはっきりしてゴチャゴチャ感がなくなり、オシャレでスタイリッシュですっきり
します。

 

トップページ記事一覧 ...

gush2

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

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

  ...

gush2

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

 

既存のコード

 

 

ここで紹介するgush2 ...

gush2

ワードプレスのテーマであるgush2のメイン上部にあるアドセンス広告ですが、時々下のほうが途切れて表示される事があったので、それを修正しました。

なんでだろう? なんでだろう? なぜだ? なぜだ? なんでだろう?

gush2

gush2のカテゴリとタグ標記が同じところに並んで表示されています。 なので区別してわかり易いようにカスタマイズした。   カテゴリとタグ標記のカスタマイズ   ここで紹介するgush2のカスタマイズは、私の備忘録です。 ...

gush2

ナビメニューの背景をグラデーションにして差をつける   gush2は素でも使えるが人と同じでは差がつかない。なので個性を出すためにナビメニューをカスタマイズして差をつけよう! gush2でナビメニューのカスタマイズとして、背景をグ ...

gush2

ブログタイトルをスマホ表示の時のみ画像に変更 gush2のブログタイトルをスマホ表示時は画像を、PC等他はテキスト表示をさせるやり方を解説しています。   タイトルはブログの顔です。   ブログタイトルが長いブログでは、 ...

gush2

GUSH2 背景をカスタマイズして差をつけよう!   gush2は素のままでも使えますが、個性を出すためにヘッダーの背景・ボディーの背景とフッターの背景画像を変更してみました。 gush2は素でも使える。でも個性を出すためにカスタ ...

gush2

ブログテーマをstinger5からgush2に変更   ワードプレスのテーマ「gush2」のダウンロード方法や子テーマの作成方法などを 紹介しています。 ブログ開設時、stinger3に出合ってブログを運営していました。いろいろカ ...