アミアンインターナショナル

貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント

CMS css 新着情報

ソーシャルアイコン追加-サイドバーメニューの成形(2) ⇒ STINGER8設定その4

投稿日:2019年4月28日 更新日:

ソーシャルアイコン追加

Facebookなどをやっていると、ホームページから誘導したくなる。

そこでリンク用のアイコンを表示させることにした。

いわいるソーシャルアイコンというやつだ。

随分前にホームページを作った時に設定したままで、ソーシャルアイコンを表示させていないままだった(汗;)

そこで、サイドバーウィジットにjetpackの「SNSアイコン」を追加した。

これでソーシャルアイコンが表示される。

アイコンのサイズ調整

これだけではアイコンが幅幅一杯に表示されてしまうので、小さく並べて表示するようcssを設定。

.jetpack-social-widget-list .icon{
height: 48px;
width: 48px;
}
.jetpack-social-widget-list li{
float:left;
}

これでよし。

-CMS, css, 新着情報
-, , ,

執筆者:

関連記事

バッジ

バッジの表示 ⇒ トップページの作り込み10

fontawsomeでお手軽バッジ バッジを使うことは意外と多い。 特にネットショップの場合はランキングを表示することがほとんどで、その順位を表すのにバッジがよく使われる。 今までは画像でバッジを作っ …

H2タグ

H2タグを修飾 ⇒ STINGER8設定その9

H2タグの設定 サイドバーのデザイン設定はひとまず終えたので、コンテンツエリアの設定を始める。 まず気になっていたのが、H2のバランスが悪いことだ。 STINGER8のデフォルトでは、上下にsolid …

ツイッター鯨

twitterは死んだのか?

ツイッター大丈夫? 友人と話をしている際に、「最近ツイッターが元気が無いのではないか?」という意見が出た。 どうやら、最近はフォロワー数の伸びに以前のような勢いが感じられないらしい。 また別の友人の意 …

Googleリアルタイム検索の「上位順の最新情報」にはユーザーのオーソリティが関係している

Amplify’d from www.suzukikenichi.com 「上位順の最新情報」に表示するユーザーは何を基準に選んでいるのだろうかと疑問に思っていたのですが、ツイートしたユーザーの“Au …

ナナコ

日本のキャッシュレス決済の先行きは怪しい

現金→nanacoでは払えない 先日セブンイレブンを利用した時に、ちょっとしたトラブルがあった。 現金とnanacoを併用して支払おうとしたら、拒否されたのだ。 ちなみに、セブンイレブンとしてはこの可 …