Cocoonでマーカーの色を変更する方法!簡単に北欧風のかわいい色に変更しよう

cocoon マーカー

 

Cocoonのマーカー機能は標準的に使用できるのでとてもうれしいですよね。

 

 

でも、ちょっぴり色味が好みでないって思ったりしませんか?

簡単に変えれるので、自分のブログに合わせてかわいくカスタマイズしてみましょう◎

 



 

 

変更後のマーカーカラーイメージ

 

私の好みでカラーを選んでみました。

北欧のイメージが好きなので、くすみカラーに偏っています。

 

もし好みが合うようでしたら、CSSをコピーペーストしていただけるとそのまま使用することができます。

 

HELLO!  黄色マーカー

HELLO! 赤色マーカー

HELLO! 青色マーカー

HELLO! 黄色アンダーラインマーカー

HELLO! 赤色アンダーラインマーカー

HELLO! 青色アンダーラインマーカー

 

 

 

CSSコード(コピペ可)

 

まずはコピペ可能なコードを示します。

これをまるっと選択してctrl+cでコピーしてください。

 

 

 

 

カラーを反映する手順

 

続いて、メニュー内の「外観」から「テーマの編集」を選択します。

 

 

「テーマの編集」ページが表示されたら、右端のメニューから「スタイルシート」を選択します。

スタイルシートに先程コピーしたコードをctrl+vで貼り付けてください。

 

 

最後に「ファイルの保存」ボタンを押して完了です。

 

とても簡単ですね◎

 

できあがりはこんなイメージです。

 

 

以上、参考にしていただけると幸いです。

 

 

PVアクセスランキング にほんブログ村

 



 

コメント

タイトルとURLをコピーしました