関連機器

【ワードプレス カスタム講座-画像やリンクの動かし方-】

スポンサードリンク





【ワードプレス カスタム講座-画像やリンクの動かし方-】

画像やリンクにマウスカーソルを合わせた時に、ちょっと動くWEBサイトがあります。

今回は、自分のワードプレスサイトでも同様の設定をしてみました。

設定の仕方は簡単です。

以下の手順で修正してみましょう。

—————————————

1.ワードプレスの管理画面に移動します。

2.外観⇒テーマ編集へ進みます。

3.右側よりcommon.cssを選択

4.Ctrl+Fで「hover」と検索し、以下のように修正する。

≪修正前≫

a:hover, a:active{ outline: 0;}

 

≪修正後≫

a:hover,

a:active{

outline: 0;

position: relative;

top: 2px;

left: 2px;

}

 

【動画でもわかりやすく説明しています】




 

以上で設定は完了です。

お疲れ様でした。
——————————

semi

 

ほんの少しでも役に立ったと感じたら1クリック応援お願いします♪


人気ブログランキングへ

コメントを残す

サブコンテンツ

このページの先頭へ