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

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


「すまん、給料が払えない」

突然の出来事に、会社員を10年続けてきた僕は将来に絶望。

でも、それがキッカケで1億円以上の収入を得られるようになりました。
今では自宅にいながら月収100万が当たり前になり、ひと月に1,000万以上入金されることもあります。

僕に特別な才能があったわけではありません。
正直、外に出ずにパソコン1台で収入を得ることは誰でもできます。

なぜなら、僕は全くのゼロ(知識、経験、スキル、学歴、資格、更にはパソコンなし)の状態からスタートして今に至っているからです。

「給料未払いで将来に絶望した僕が1億円を稼ぐまでのストーリー」は以下の記事で赤裸々に語っています(証拠画像も掲載)。

0からWebで稼ぐための無料講座【有料級コンテンツを限定配布中!】

  • URLをコピーしました!
  • URLをコピーしました!

コメント欄

コメント一覧 (4件)

    • あさのさん、はじめまして。
      Naotoです。

      STINGER5の場合は「style.css」を編集して下さい。

      「style.css」をクリックして少し下にスクロールをすると、
      リンクの色やリンクにマウスオーバーした時の色の記述があるので、
      その辺りに

      /* オンマウスでリンクが動く */
      a:hover {position:relative; top:1px; left:1px;}

      このタグを入力して「ファイルを更新」すればOKです。

      それでは、宜しくお願いします。

  • ご返信有り難うございます。

    このサイトの「プリモボランのご購入はこちら」

    anabolic-steroid.info/archives/123

    というボタンありますが、
    自分のワードプレスに、こういう動くリンクボタンを設置するにはどうすればいいですか?
    そういうプラグインがあるのですか?

    • あさのさん、こんにちは。

      これはプラグインではないと思います。
      「ボタン アニメーション」で検索をすると、
      参考になるサイトがいくつも出てくるので、
      是非、確認してみて下さい。

コメントする

目次