ソーシャルリンク一旦開発完了

クラス名

bl_snsLink

マークアップ例

<nav class="bl_snsLink" aria-label="ソーシャルリンク">
<ul class="wp-block-social-links">
	<li class="wp-social-link wp-social-link-facebook wp-block-social-link">
		<a href="" aria-label="Facebook: https://www.facebook.com/" class="wp-block-social-link-anchor"></a>
	</li>
	<li class="wp-social-link wp-social-link-instagram wp-block-social-link">
		<a href="" aria-label="Instagram: https://www.instagram.com/" class="wp-block-social-link-anchor"></a>
	</li>
</ul>
</nav>
<!-- /.bl_snsLink -->

定義

機能
SNSのリンクを提供
WPのブロックを使うかも

あしらい・振る舞い
丸いボタンの中央に各SNSのアイコンを表示。

特記事項
WPのブロックに準拠

 

ファイルパス

assets/scss/block/sns-link

Change Log

  1. 開発開始:2021-10-04
  2. 最終更新:2021-10-21