WP ULikeでハートの色を変える方法

WP ULikeでハートの色を変える方法

シェアする

kaboompics / Pixabay

WP ULike Settingsにアクセスする

WP ULikeをプラグインの新規追加でダウンロード後、「有効化」する。

WP ULike > WP ULike Settings

“Posts”タブをクリックし、ハートを選ぶ。

下の方の項目も確認する。表示したくない項目にチェックマークを入れる。

最初の設定の色

グレーと赤

カスタマイズ

“Customize”タブをクリックして、「Custom Style」のボタンを右にスライドする。

少ししたへスクロールすると、Custom CSS ボックスがある。
途中の “Button style”と “Counter Style” を操作しても、ハートの色は変わらない。CSSで指定する必要がある。

緑色へ変更

Custom CSSボックスに↓のCSSコードをコピペする。

CSSコード入力前。

<オリジナル>

“Save Settings”ボタンのクリックを忘れないように。


色指定はHTMLカラーコードでも、darkgreen、whiteのような色名でもOK。

ピンクに変える

赤いハートを好きな色に変えてしまおう。



さっきと同じように、↓のコードをCustom CSS box に入れる.


できあがり。

お役に立てたら↓のハートをぽちっとお願いします。