「Simplicity」で、ブログカードのマウスオーバーをおしゃれにみせる

Simplicityのブログカードをマウスオーバーした時、おしゃれにみせる方法をご紹介!

コピペするだけ、簡単です。

スポンサーリンク

「Simplicity」で、ブログカードのマウスオーバーをおしゃれにする

ブログカード とは

記事内に、カード型に表示されるリンクのことです。(↓)

「Simplicity」で標準搭載されている機能で、「外観」→「カスタマイズ」から細かい設定をすることができます。

ただの文字リンクより、断然おしゃれですし、アイキャッチが表示されるので、リンク先が見た目にもわかりやすい、素晴らしい機能です。

ただ、そのままだと、マウスオーバーした際(マウスをブログカードに合わせた時)、少し寂しいので、おしゃれにします。

やり方

1.style.css へ追記

「外観」→「テーマの編集」から、「Simplicity2 child」の「style.css」に、以下をコピーして、追加する。

以上で、完了です。

まとめ

こんな感じ(↓)になります。(ブログカードにマウスオーバーしてみてね(特に画像のところ!))

【コピペで簡単】「Simplicity」で、フローティングメニューを作る
【コピペで簡単】「Simplicity」で、フローティングメニューを作る
Simplicityのグローバルメニューを、スクロール追従させる方法をご紹介! コピペするだけ、簡...

折角のリンクなので、このような動きをつけて、存在感を出すといいですね。コピーした設定を追加するだけなので、とっても簡単です。ぜひ使ってくださいね!

狐火兎
フェード(薄くしていく)秒数やリンク色は、好みなものに変えて使ってね! では、また♪