Stork19 マーカーの色(文字に引く線)の変え方。カスタマイズするコード


※ キャッシュが原因で反映されないことがあります。別のスマホやアプリからも確認してみてください(同じスマホならシークレットモードで確認してね☆)。

スポンサーリンク

Stork19 マーカー色の変更 CSSコード


CSSにコードを追加すると、こんな感じでマーカーの色を変えられるようになるぞ。

やりかたはOPENCAGEの平田さんにメールで教わりました。

ありがとう、OPENCAGEの平田さん。キミたちも平田さんに感謝しろよな!

/*イエロー*/
.span-stk-maker-yellow {background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffffff 50%);}
/*ピンク*/
.span-stk-maker-pink {background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffffff 50%);}
/*ブルー*/
.span-stk-maker-blue {background-image: linear-gradient(to right, rgba(222, 255, 255, 0) 50%, #ffffff 50%);}
/*グリーン*/
.span-stk-maker-green {background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffffff 50%);}

上記のコードをコピーして、stork19の子テーマ『style.css』の最下部に貼り付ける

(『style.css』には、外観→テーマファイルエディターから行けるぞ)。

…………。

……。

そして、『#ffffff』の部分を好きなカラーコード(#??????)に変更すれば完成。

rgba(255,255,255,0)の部分は変更しなくても問題はなかった。

『#ffffff』の部分を変更するだけでOK。

ココね

プレビューを見れば反映されているはず(記事編集画面は初期のまま)。

変更は必ず子テーマでやること!

バックアップも一応しときな。

カラーコードは配色の見本帳などを見ればいいと思うぞ。

ちなみに僕のカラーコードは、イエローが『FFE8AF』。ブルーが『CFF5F1』グリーンが『efe0ff』。

できれば自分の色を見つけて、自分好みのブログにしてくれると嬉しいな(完璧に同じようなブログを作られると困る)。

ちなみにカラーコードは小文字でも大文字でもどちらでも大丈夫だよ。

コメントは承認制です

CAPTCHA