wordpressのブロックエディタを使ってdiv要素全体にリンクを貼る方法
ブロックエディタでは、リンク出来る要素が決っておりそれ以外の要素にリンクを貼る事が出来ない。
この手法を使えば、カラムにもリンクを貼る事が出来る。
使う出番は少ないと思うけど。
例
高度な設定＞追加CSSクラス の設定
カラム（内側） button
段落 button-a
CSS
/* マウスオーバー時のカラー */
.button:hover {
background-color: #b97ebb;
}
/* リンクの文字の下線 */
.button a , a:hover {
text-decoration: none;
}
/* リンク領域のスタイル */
.button-a {
display: grid;
padding: 7px 0;
}
予備
/* リンクの色 */
.button-a {
color: #fff;
}
/* マウスホバー時のカラー*/
.button-a:hover {
color: #fff;
}テキストブロックで指定が可能な設定
- テキストの位置
- テキストのリンク色
- 枠線