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

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

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

執筆者:

関連記事

ワードプレス

wordpressでedit.phpとplugins.phpが真っ白になるトラブル

「投稿」を表示しようとしても画面が真っ白になるトラブルが発生するようになった。edit.phpとplugins.phpでエラーが発生しているっぽい。手動で再度wordpressを全ファイルアップロード。結果、正常動作するようになった。

marquee

marqueeで電光掲示板風に文字を流す ⇒ トップページの作り込み8

marqueeとは marquee(マーキー)はインターネット黎明期にはやったテクニックだ。 電光掲示板のように文字が流れていくテクニックを指す。 ニコニコ動画を想像すれば、分かるだろう。

Tポイントは衰退していくのか?

蔦屋書店でカードが使えない!? Tポイントは衰退していくのか?

蔦屋書店でクレジットカードもモバイルTカードも使えない 先日、高知蔦屋書店でランチを食べたのだが、その時に気になったのが支払いにカードが使えないことだ。 高知蔦屋書店 ⇒ 広い店内に多数のテナント 高 …

ロゴを表示する

レスポンシブ対応のロゴを表示する ⇒ STINGER8設定その11

ロゴを表示する STINGER8にして、アミアンインターナショナルのロゴが表示されなくなった。 これは少々まずい。 そこで、背景画像として表示させるようにした。 スマートフォン スマートフォンでは、現 …

parallax

パララックス効果で画像を動かす ⇒ トップページの作り込み2

パララックス効果とは パララックス効果は、2つの要素を別々に動かすことで視覚的な効果を与えることだ。 iPhoneを動かすと、iPhoneのホーム画面上でアプリのアイコンが微妙にずれる、あの効果だ。 …