ワードプレスのリンクが動くHTMLタグと設定

今回は「（リファイン）オンマウスでリンクが動く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」が右に動く距離です。

動画では設定の詳細を解説していますので、参考にしていただければと思います。

ABOUT ME

Naoto #じぶんライフ

会社に依存しない生き方をしようと決意し、全くの0の状態（貯金なし、スキルなし、学歴なし、人脈なし）でネット起業した結果、月100万円を超える収入（多いときはその10倍以上）をたった1人で得られるように。 好きな時に、好きな場所で、PC1台で自由に収入を得る自分らしいライフスタイル『じぶんライフ』をコンセプトに、凡人が人生を激変させるための情報を発信。

BLOG：https://jibun-life.jp/profile