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

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

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, 新着情報
-, , ,

執筆者:

関連記事

gifアニメーション

燃えるgifアニメーション文字の作成 ⇒ トップページの作り込み5

gifアニメーションとは 最近はSNSブームの関係でgifアニメーションが見直されているようだ。 基本的に動画ファイルではなく画像ファイルの拡張なので、動作やサポート状況は画像ファイルに準じ、これが長 …

フェイスブック

FacebookがついにYahooを抜いて世界第三位の巨大Webサイトになった

Amplify’d from jp.techcrunch.com 今年丸一年かけて、ついにこうなった。comScoreによると、FacebookはYahooを追い越して世界三位のWebサイトになった。 …

no image

0120921947

光サポートと名乗る会社から電話。 なぜ電話番号を知っているのか尋ねたら、電話帳で調べてかけていると返答。 電話番号を電話帳に載せていないのにw 個人情報の違法な取得の疑いがあるので説明を求めた。 「担 …

ナナコ

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

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

MacBook Pro with Retina Display

MacBook Pro with Retina Displayを設定した3日の戦い

MacBook Pro with Retina Display MacBook Pro with Retina Displayを購入した。 macでは実に4年ぶりとなるリプレイスで、今回初めてtime …