主要なSocial Mediaのアイコンとリンクを並べたシンプルなブロック

 
サイトでSNSの内容を表示する必要はないが、SNSをやっていることは伝えたい。というような時に使えるBlock Design。
シンプルなモノクロのアイコンに、リンクデザインで枠などをつけたリンクボタンを横並びで配置しています。リンクボタンのボタンはスマホで横並びでは収まりきらないので、スマホでは表示されないようにリンクデザインの中に記述しています。また、アイコン(画像)のコメントにSNSの名称を記述しておき、パソコンとスマホで表示・非表示を切り替えるようにDressで設定しています。
 
social_008a
ブロックの幅(max-width)を設定して背景色の範囲を横幅いっぱいに広がらない設定。

 
 

FOLLOW US

最新の情報をお届けします

 social_008a

FOLLOW US

最新の情報をお届けします

Tablet View

SP View