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


どうも! Stork19を開発者の次に使いこなしている天才的な男、ニコアちゃんです。

今回は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』ね(2022年6月の時点では)。

できれば自分の色を見つけて、自分好みのブログにしてくれると嬉しいな(完璧に同じようなブログを作られると困る)。ちなみにカラーコードは小文字でも大文字でもどちらでも大丈夫だよ。