WordPress

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