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

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

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

執筆者:

関連記事

フェイスブック

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

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

ツイッターvsフェイスブック

facebookにtwitterを連動させることは禁じ手なのか?

最近爆発的に普及してきたソーシャルメディア。 私もfacebook、twitter、mixi、GREE、myspaceなど、いろいろなSNSを利用している。 しかしそれぞれのSNSで個別に発言していく …

ブログの書き方

ブログを書く時の適切な文字数は何文字か

「ブログを書く時の適切な文字数は何文字ですか?」 勉強会で質問され、思わず詰まってしまった。   一般的には400字詰め原稿用紙で何枚、と言う言い方をするので、それからすると800文字とか1 …

メダルの背後にiPadあり 世界バレーで眞鍋監督が使っていたアプリの正体

Amplify’d from www.itmedia.co.jp  チームを指揮&#123 …

中小機構セミナー

高松でセミナー講師として8月7日登壇します

下記要領で開催されるセミナーの講師として、登壇することとなりました。 GMOメイクショップ株式会社代表取締役社長の向畑憲良様と一緒にお話しさせていただきます。 今回はまだネットショップをオープンしてい …