[st-kaiwa2]AFFINGER6(アフィンガー)のリストの数字やチェックの色を変えたいなぁ。初期設定のままなんだよな。だれかAFFINGER6(アフィンガー)の数字やチェックの色を設定する方法を教えてください。[/st-kaiwa2]
このような疑問を解消します。
この記事を書いているぼくは『AFFINGER6(アフィンガー)』を約2年ほど使用しています。『AFFINGER6(アフィンガー)』のおかげでブログPV数やアドセンス収入を大幅に伸ばすことができました。
今回は「AFFINGER6のリスト(数字やチェック)の色を設定する方法【3分で可能】」を解説していきます。
上の画像は、「AFFIGER6の初期設定のままの数字やチェックの色」です。
手順をマネしていただければ、3分程度でカスタマイズできてしまうので、ぜひマネしてみてくださいね。
それでは、さっそく手順を見ていきましょう！
れっつご(・ω・)ノ
AFFINGER6のリスト(数字やチェック)の色を設定する方法
それでは、ここからAFFINGER6(アフィンガー)のリストの数字やチェックの色を設定する方法を解説していきます。
手順としては、以下のとおり。
[st-mybox title=”” webicon=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]
- WordPressの管理画面⇒外観⇒カスタマイズ
- オプション(その他)⇒リスト(数字・チェック/ボックスタイプ)
- 色を変えて「公開」を押して完了
[/st-mybox]
上記の3ステップだけでカンタンにできちゃいます。
AFFINGER6の初期設定状態でのリスト(数字やチェック)の色
上の画像は、数字やチェックのカラーがAFFINGER6の初期設定のカラーとなっています。
これを手順通りカラーを変更することで、
AFFINGER6でカラー変更したあとのリスト(数字やチェック)の色
どうでしょうか。
多少、見やすくなったと思います。(もっとネイビーにしたいですね。)
ということで、こんな感じでサクッと色を変更できます。
それでは、画像付きで詳しく見ていきましょう。
①：WordPressの管理画面⇒外観⇒カスタマイズ
まずは、①：WordPressの管理画面⇒外観⇒カスタマイズです。
まずは、WordPress(ワードプレス)の管理画面を開き、「外観」から「カスタマイズ」をクリックします。
②：オプション(その他)⇒リスト(数字・チェック/ボックスタイプ)
次は、②：オプション(その他)⇒リスト(数字・チェック/ボックスタイプ)です。
「オプション(その他)」をクリックします。
「リスト(数字・チェック/ボックスタイプ)」をクリックします。
③：色を変えて「公開」を押して完了
そして最後は、③：色を変えて「公開」を押して完了です。
あとは色を変更していきましょう。
ぼくは、基本的にシンプルでいきたいので、「ナンバー背景色」だけをカラー変更しました。
今回は画像のとおりでして、「青色」を選択してみました。
[st-cmemo myclass=”st-text-guide st-text-guide-sankou” webicon=”st-svg-quote-left” iconcolor=”#919191″ bgcolor=”#fafafa” color=”#000000″ bordercolor=”” borderwidth=”” iconsize=””]もちろん、「右のバーを動かす」or「色の番号を入力」などで、細かい色の調整が可能です。[/st-cmemo]
他の「チェック(マル)リスト」などのカラーも変更しおわったら、右上の「公開」をクリックします。
「公開済み」となりました。
あとは、ブログ記事をプレビューしたり、もしくは自分の書いた過去の記事で「数字やチェックのリスト」の部分を見てみると、カラーが変わっていればカラー変更は成功です。
[st-kaiwa4]わーい、できました！3分ですぐにできちゃいました！[/st-kaiwa4]
ということで、AFFINGER6のリスト(数字やチェック)の色を設定する方法は以上となります。
まとめ：AFFINGER6(アフィンガー)は本当に便利なので、導入推奨です
今回は、AFFINGER6のリスト(数字やチェック)の色を設定する方法【3分で可能】を解説しました。
内容をまとめると、以下のとおり。
[st-mybox title=”” webicon=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]
- WordPressの管理画面⇒外観⇒カスタマイズ
- オプション(その他)⇒リスト(数字・チェック/ボックスタイプ)
- 色を変えて「公開」を押して完了
[/st-mybox]
上記の3ステップとなります。
今回は「水色⇒青色」へとカラー変更をおこなったので、すこし見栄え的にも落ち着いていて、見やすくなったと思います。
やはり、「サイトのデザイン」や「フォント」などは地味にブログ運営では大事なポイントですね。
ぼく自身、この『AFFINGER6』を約2年ほど使用していますが、「カスタマイズ」が初心者でも分かりやすく、直観的で使いやすいです。
アフィンガーは、他にも
[st-mybox title=”” webicon=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]
[/st-mybox]
こんな感じのアイコンを出せたりすることができます。
元々は、『Cocoon』(コクーン)という無料のWordPressテーマを使用していましたが、圧倒的に『AFFINGER6』の方が使いやすいです。
※『Cocoon』も無料テーマの中だと1番使いやすいです。
[st-mybox title=”” webicon=”” color=”#757575″ bordercolor=”#ccc” bgcolor=”#ffffff” borderwidth=”2″ borderradius=”2″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]
もし、まだ「AFFINGER6を使ったことがない！」という方は、この機会に購入して実際に使って、この直観的な使いやすさを体験してみてください。
» AFFINGER6(WordPressテーマ)を見てみる
[/st-mybox]
ということで本記事は以上となります。
最後までお読みいただきありがとうございました。
あなたのアフィンガーライフの参考になれば幸いです。
次の記事：【WordPress】アフィンガー6で記事を「noindex,nofollow」設定する方法【SEO改善】
[st-mcbutton url=”https://www.infotop.jp/click.php?aid=397319&iid=75194″ title=”『AFFINGER6』(アフィンガー)を見てみる” rel=”” webicon=”” target=”” color=”#fff” bgcolor=”#43A047″ bgcolor_top=”#66BB6A” bordercolor=”#81C784″ borderwidth=”1″ borderradius=”5″ fontweight=”bold” fontsize=”120″ width=”90″ webicon_after=”st-svg-chevron-right” shadow=”#388E3C” ref=”on” mcbox_bg=”#fafafa” mcbox_color=”” mcbox_title=”＼ブログ収益を上げるならこのテーマ／” beacon=””][/st-mcbutton]
コメント