貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント
投稿日：2019年4月28日 更新日：
Facebookなどをやっていると、ホームページから誘導したくなる。
そこでリンク用のアイコンを表示させることにした。
いわいるソーシャルアイコンというやつだ。
随分前にホームページを作った時に設定したままで、ソーシャルアイコンを表示させていないままだった(汗；)
そこで、サイドバーウィジットにjetpackの「SNSアイコン」を追加した。
これでソーシャルアイコンが表示される。
これだけではアイコンが幅幅一杯に表示されてしまうので、小さく並べて表示するようcssを設定。
.jetpack-social-widget-list .icon{
height: 48px;
width: 48px;
}
.jetpack-social-widget-list li{
float:left;
}
これでよし。
執筆者：amiensjp
関連記事
STINGER8でwordpess構築しpagespeed insightで満点を取る方法 ⇒ カスタマイズの手順と方法を順番に解説
STINGER8とは STINGER8は国産wordpressテーマであり、SEOに強いことで知られる。 現在STINGER8の系統のテーマは4つあり、そのうち2つが無料テーマだ。 STINGER8は …
コードが見にくい preタグでコードを表示した時に困るのが、いまいち見づらいことだ。 コードのハイライト表示を導入したことで、多少は見やすくはなっていた。 google code-prettifyでコ …
fontawsomeでお手軽バッジ バッジを使うことは意外と多い。 特にネットショップの場合はランキングを表示することがほとんどで、その順位を表すのにバッジがよく使われる。 今までは画像でバッジを作っ …
cssのanimationで文字に変化を付ける ⇒ トップページの作り込み1
animationとは cssのanimationを使うことで簡単に動きを付けられる。 animationプロパティは、要素にキーフレームアニメーションを適用する場合に、 アニメーションについてまとめ …
今まで自社ホームページはドリームウィーバーで制作してきたのだが、積極的に露出を図りたいと一念発起し、wordpressに移植することにした。
2019/05/23
2019/05/22
2019/05/21
2019/05/20
2019/05/19
