アフィンガー5（Affinger5）カスタマイズ：数字丸囲みやボックスの種類･色変更の方法！

こんにちは！ブリコラブログ！です。

今回は、人気ブログテーマのひとつ『Affinger5（アフィンガー5）』で

記事作成する際、全体の色彩統一によるデザイン性のUPやアクセントを効かせるのに

効果的なカスタマイズ＝『アイコン』や『数字丸囲み』『✔ボックス』の設定方法や

色の変更についてお伝えします！

こちらの記事をご覧いただくと、以下　↓↓　のような色の設定や変更の他に、

TOPページの右下にある「TOPにもどるアイコン」デザインをカスタマイズすることが

可能になります！

TOPへもどるボタン　↓↓　の　色や形　カスタマイズ可能です！

それでは、早速一緒にやり方を学んでいきましょう！

当ブログテーマ　Affinger5

色やアイコンの設定は『外観』→『カスタマイズ』から！

・丸数字の背景や文字、チェックボックスの“✔”色の変更、TOPへもどるボタンの変更は、

基本的にダッシュボードページの左側にある「外観」→「カスタマイズ」→「オプションカラー」の順に進んで設定していくことになります！

これは、以下の各種設定や変更の説明で共通の事項となります！

❶数字丸囲みの背景色・数字の色をカスタマイズする方法！

・「外観」→「カスタマイズ」→「オプションカラー」と進んだあと、

「リスト（数字・チェック/ボックスタイプ）」を選択してください。

・次に「数字リスト」の項目から数字丸囲みの“数字色”を変更するには「ナンバー色」、

数字丸囲みの“背景色”を変更するにはその下の「ナンバー背景色」を

お好みの色に変更します！

・色を選択後、「公開」ボタンを押します。

すると、選択した色　↓↓　へ変更されています！！

完成です！マスターおめでとうございます、簡単ですよね！！

❷丸チェックの背景・チェック色のカスタマイズ方法！

・「外観」→「カスタマイズ」→「オプションカラー」と進んだあと、

「リスト（数字・チェック/ボックスタイプ）」を選択してください！

・次に「（マル）リスト」の項目から丸チェックの“✔色”を変更するには「チェック色」を。

また、丸チェックの“背景色”を変更するにはその下の「チェック（マル）背景色」を

お好みの色に変更します！

・色を選択後、「公開」ボタンを押します。

すると、選択した色　↓↓　へ変更されています！！

完成です！マスターおめでとうございます、こちらも簡単ですよね！！

❸チェックボックスの枠線・チェック色のカスタマイズ方法！

・「外観」→「カスタマイズ」→「オプションカラー」と進んだあと、

「リスト（数字・チェック/ボックスタイプ）」を選択してください！

・次に、「チェックリスト（ボックスタイプ）」の項目から

チェックの“✔色”を変更するには「チェック（ボックスタイプ）色」を。

また、チェックボックスの“枠色”を変更するには、

その下の「チェック（ボックスタイプ）の枠線色」をブログ記事や雰囲気に合わせて

お好みの色に変更します！

・色を選択後、「公開」ボタンを押します。

すると、選択した色　↓↓　へ変更されています！！

完成です！マスターおめでとうございます、またまた簡単ですよね！！

❹TOPへもどるボタンの形状・色のカスタマイズ方法！

・「外観」→「カスタマイズ」→「オプションカラー」と進んだあと、

「TOPに戻るボタン」を選択してください！

・次に、ボタンの形状と色をお好みのものを選択し「公開」ボタンを押します！

※ちなみに、当ブログで使用のネイビー系の色は「#0066bf」です。

・変更後に、あなたのブログのTOPページをご覧ください。

設定内容に変更されているはずです！

アイコンやボックスのカスタマイズ方法・まとめ！

いかがでしたでしょうか？？

細かなポイントではありますが、『細部にこそ神は宿る！』（←好きな言葉です）

こだわりは必要かなと個人的には考えております！

ブログ記事の魅力度UP・カスタマイズに関連する過去記事も、

よろしければご参考までにご覧ください！

最後までご覧いただきありがとうございました！

それでは、次回のブリコラ！でまたお会いしましょう！