コピー2021.05.19この記事は約5分で読めます。こんにちは!すみろんです。すみろん今日はブログ本文の一部の文字色を好きな色に変更する方法を試したのでご紹介します。Pressでブログ編集しているときに読者に読みやすい記事を作成するため、強調したい文字に色をつけますよね。私もよく使うのですが、デフォルトの文字色は青・赤・緑の3つだけなのです。「全体のテーマカラーのブラウンが活かせていないな...」と、少し悩んでいました。Gutenberg」を導入しました。設定もほとんど無く、記事作成の効率が大幅アップしてとてもおすすめできると思いましたのでご紹介します。文字背景色の変更がテーマに設定された31色から選べるようになります。投稿編集画面でブロックを選択した時に右側のブロック設定画面に以下の項目が追加されます。クリック自分のブログの雰囲気にあった色をパレットに追加するCocoonでは31色のパレットのうち6色は自分の好きな色を登録できます!上の図の通りパレット最下段の6色はCocoon設定>エディタータブより自分で指定することができます。いうことで文字色をブログの雰囲気に合わせるための色探しをしました。6色追加できますが色数が多いと統一感がでないので、メインでつかう2色を決めて残り4つはその色に近いものや邪魔しないものを選びました。本文装飾用カスタムカラー6色を決める・メインで使いたい色を自分のブログ全体の雰囲気から2つ探す・見つけた二つの色から、ツールを使って馴染む配色を探すブログのスクリーンショットをとり、パワーポイントのスポイト機能でカラーコード(各色が持つ#に続く番号)の確認をしました。画面でよく目立つピンクを一番のメインに選びました。枠線や文字色は基本的にこの2色を使用して統一感を出します。※スポイトでとった色のままでは薄くて文字が読みづらかったので色を濃くしました。#FFE8F0背景用この4色はメインの補助として使用するために、メインと喧嘩しない色を無料ツールを使って探しました。青・赤色はOKやNGなどの色の持つイメージを活かすために欲しかったので、それぞれメインカラーのピンクと調和のとれる色を選びました。COOLORSのカラーピッカー機能でピンクのカラーコード#C87E9Dを入力すると、ぴったりな配色・明暗・見やすい背景などを表示してくれます。]まとめ以上、CocoonのGutenbergで文字色を自分の好みの色に変更する方法を紹介しました。自分の使いたい色を一度設定してしまえば、その後の記事作成時に色選びに困らなくなりますし、読者が記事の中で色に違和感を感じなくなります。いうと、ブログ全体のテーマと同じ色を文字や枠の色に使用することで読者からこの色はこのブログの色だと印象強く持っていただけることもあります。ツールを使うことで失敗すること無く配色もできますし、プラグインを入れれば記事編集画スムーズになるので本当におすすめできます。良かったらぜひ取り入れてみてください。access)が表示される時の対処法。パソコンスキルよく使われる画像の拡張子を紹介!JPG、PNGの違いパソコンを触っているとよく目にする、画像のファイル名に必ずついているjpgやPNG、GIFなどの拡張子。何の役割があってそれぞれ使い分けられているのか、わからないですよね。X]を使用して作ってみました!フォント数が1000種類以上と非常に豊富で、簡単におしゃれなロゴ作成ができたのでその方法を紹介します。ブログ自宅で楽しくブログ作業を継続するために環境を整えよう!ブログや勉強の継続に、作業環境を整えることが効果的でした!この記事では私がこれで習慣化できるようになったと実感した作業環境のポイントを紹介します。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。ホームブログスポンサーリンクすみろんお絵描き大好きブロガーです。フィンのぼうけん」の作画も担当しています。↓インスタグラムにイラスト投稿しています。Sumiblog.メニューおうち時間パソコンスキルブログスキルプロフィールお問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。