WordPressテーマ「Grider (tcd015)」

WordPressテーマ「Canvas (tcd017)」

WordPressテーマ「Chill (tcd016)」

© STUDIO-colorz All rights reserved.

201710/4

TCDのWordPressテーマ「Grider」をカスタマイズ ふわっと白く変化するHover

TCDのWordPressテーマにはいつもお世話になっております。
なかでも、「Grider」が気に入って、かれこれ4年使用させて頂いています。
ありがとうございます(*^^*)


気に入っているテーマですが、レスポンシブに対応していなかったり、リンク部分のHoverのエフェクトが今風ではなかったりして、そろそろテーマを変更する時期かしらと考えていました。
GRIDデザインが気に入っていたので、同じGRIDデザインの「FOCUS」というテーマがいいかな?  ・・・なんて


詳細はこちら:WordPressテーマ「FOCUS (TCD030)」


でも・・・やっぱりこの長年使っている「Grider」が好きっ!(T-T)

ということでw 
まずはHoverのエフェクトをカスタマイズしていくことにしました。


WordPressのカスタマイズはCSSを直接編集しない

テーマのカスタマイズをする前に、プラグインをインストールしましょう。
理由は、CSSファイルを直接編集すると、テーマの更新が行われたとき上書きされてしまうので、せっかくカスタマイズしても元通りになってしまうからです。
それを防ぐために、更新のときに影響が出ないようCSS編集できるプラグインから、編集するようにします。

これポイントです!

おすすめのプラグインはこちら。


おすすめのプラグイン

・JetPack
・Simple Custom CSS


私は「JetPack」を使用しています。

CSS編集だけでなくいろいろな機能もついてくるプラグインで結構重宝していますが、いろいろ機能を増やしたくない、CSS編集だけの機能が欲しいという方には「Simple Custom CSS」をおすすめ致します。


カーソルを乗せたときにふわっと変化させたい!

この表現分かるかなぁ・・・
カーソル乗せたときにパッとすぐに色が変わったり下線がつくんじゃなくて、ふわっとしたいんですよね。
カテゴリのボタンやその他のリンク部分、すでにカスタマイズしていますので、ふわっと変わる感じを体感して頂けたらと思います。

ね? 違うでしょ?
今っぽいでしょw


施したCSSはこちら

transitionを使って時間を遅らせて反応することで、ふわっと変化するエフェクトを表現できます。
ぜひお試しあれ♪

PS:TCDのWordPressテーマ「Grider」はコチラから購入できます。






null

関連記事

201710/18

もしもディズニープリンセスが現実に存在したら?

ディズニーのプリンセスたちはとってもキュートに描かれているけど、想像上のキャラクターなだけに現実とはかけ離れているパーツの大きさだったります…

201710/17

今すぐ使えるHalloweenのかわいくておしゃれなイラスト無料素材

Halloweenの雰囲気を作るのに欠かせないのは、かわいくておしゃれなイラスト素材! 無料の素材の中でも厳選して、かわいくておしゃれな、…

201710/16

【2017年版】忘年会の招待状無料テンプレート作りました。

忘年会シーズンに向けて、そろそろ幹事さんが忘年会のプランを練る時期ではないでしょうか。 今回は忘年会の招待状テンプレート作ってみました。 …

201710/15

【Disney】ディズニーキャラクター(悪役)をモチーフにした香水瓶シリーズ『Disney Villains Perfume』が素敵すぎる

この、香水は日本人アーティスト、ルビー・スパークさんがデザインした、香水瓶シリーズ『Disney Villains Perfume』 ディ…

201710/14

【2018版戌年】年賀状に使える無料イラスト素材

年賀状はいつもご自身で制作する方は必見! 年賀状に使える無料イラスト、来年は戌年なので戌年のイラストも集めました。 使いやすいイラストが…

ページ上部へ戻る