今回は「(リファイン)オンマウスでリンクが動くHTMLタグと設定」についてお話しします。
ワードプレスのテンプレートRefineで、リンクにカーソルを合わせるとリンクが動く設定とHTMLタグについてです。
設定はワードプレスの外観⇒テーマ編集⇒custom.phpから行います。
custom.phpのソースに以下のHTMLタグを挿入します。
/* オンマウスでリンクが動く */
a:hover {position:relative; top:1px; left:1px;}
リンクの動く幅は「top」と「left」の数値で設定できます。
a:hover {position:relative; top:1px; left:1px;}
「top」が下に動く距離、「left」が右に動く距離です。
動画では設定の詳細を解説していますので、参考にしていただければと思います。