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

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

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

執筆者:

関連記事

2段組

cssで2段組にする方法 ⇒ トップページの作り込み7

さらにコンテンツを増やす 引き続き、コンテンツを加える。 このブロックは、2段組にする。 <div id=”amiens-07″ class=”amiens-black”> <div …

テザリングをbluetoothでできない

iPhoneはテザリング「される側」にはなれない

iPhoneとiPadの2台持ちした時の悩み iPad miniを購入してからというもの、今までガシガシと酷使してきたiPhoneをとんと使わなくなった。 だって老眼にはあの画面サイズは小さすぎるから …

段組

アイコンを大量に並べる ⇒ トップページの作り込み9

段組数を自動調整させる 過去の実績を表示するのに、fontawsomeを利用し整列させることにした。 fontawsomeの使い方は、以前の手法と同じだ。 ピクトグラムでアイキャッチfontawsom …

アイキャッチ画像を追加する

アイキャッチ画像を表示させる ⇒ STINGER8設定その6

アイキャッチ画像が表示されない STINGER8では投稿ページにアイキャッチ画像が表示されない。 ちょっと寂しいので、アイキャッチ画像が表示されるようにしてみよう。 single.phpを変える 投稿 …

iphone4s

たった10秒でiPhoneで電話ができないトラブルを解決する方法

iPhone4Sにしてから、実に快適。かつ写真はキレイだしiCloudは便利だし、言うことない! と思っていたら、iOS5.0.1にアップグレードした際に電話の発信も着信も不可能になるというトラブルが …