ワードプレスのリンクが動く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」が右に動く距離です。

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

>会社に依存しない自由な生き方をWebで実現

会社に依存しない自由な生き方をWebで実現

リバティーツアーでは、僕が知識0、スキル0、資金ほぼ0、パソコンなしの状態から、どのようにして月700万を稼げるようになり、自分らしいライフスタイルを送れるようになったのか?という物語を、成功・失敗事例を交えて、ありのままお伝えします。【今なら、0から月収100万を達成する秘密をギュッと詰めた教材をプレゼント】

CTR IMG