この記事がお勧めな方
- AFFINGER6でサイトのメインカラーを変更したい方
- AFFINGER6でサイトデザインを変更したい方
- AFFINGER6のカラーパターンとデザインパターンの実際表示を確認したい方
メインカラーの変更方法
AFFINGER6ではサイトのヘッダーやフッターなどのメインとなる色を一括して変更することができます。
変更できるカラーパターンは１３種類あります。
メインカラーはサイトの雰囲気に大きく影響するので、最初に設定しておくことがお勧めです。
メインカラーは「AFFINGER6管理」→「全体設定」で設定することが可能です。
| 赤（エレガント） | 青（ビジネス） |
| 緑（ナチュラル） | オレンジ（元気） |
| ピンク（可愛い） | グレー（ダーク） |
| 赤（やさしい） | 青（やさしい） |
| 緑（やさしい） | オレンジ（やさしい） |
| ピンク（やさしい） | グレー（やさしい） |
| リセット（カラー未設定） |
実際にどんな感じになるか確認してみます。
カラーパターン：赤（エレガント）
カラーパターン：青（ビジネス）
カラーパターン：緑（ナチュラル）
カラーパターン：オレンジ（元気）
カラーパターン：ピンク（可愛い）
カラーパターン：グレー（ダーク）
カラーパターン：赤（やさしい）
カラーパターン：青（やさしい）
カラーパターン：緑（やさしい）
カラーパターン：オレンジ（やさしい）
カラーパターン：ピンク（やさしい）
カラーパターン：グレー（やさしい）
カラーパターン：リセット（カラー未設定）
メインカラーを決定したら次にデザインパターンを設定しましょう。
デザインパターンの変更方法
デザインパターンでサイトのざっくりとした雰囲気を変更することができます。
デザインパターンは７種類（EX版限定を含む）あり、「AFFINGER6管理」→「全体設定」で設定することが可能です。
| デフォルト（グラデーション横） |
| ビジネス（グラデーション縦） |
| フラット（シンプル） |
| キューティー（ストライプ） |
| ブログ（初心者おすすめ） |
| EX（限定※チェックボックスがシンプルバージョンに変更） |
| リセット（設定なし※カラー含む） |
デザインパターン：デフォルト（グラデーション横）
※ カラーパターン青（ビジネス）設定での表示例になります。
デザインパターン：ビジネス（グラデーション縦）
デザインパターン：フラット（シンプル）
デザインパターン：キューティー（ストライプ）
デザインパターン：ブログ（初心者おすすめ）
デザインパターン：EX（限定※チェックボックスがシンプルバージョンに変更）
デザインパターン：リセット（設定なし※カラー含む）
コンテンツが無い状態のサンプル表示なので、デザインの違いがわかりにくかもしれません。
実際にAFFINGER６を使用している方は自分のブログで実際に試してみた方が解りやすいと思います。
ただし、作成した記事数が多い方は一度設定した全体設定のカラーやデザインパターンは変更しないことをお勧めします。
全体設定でカラーを変更しても個別で色を設定した箇所などの色は変わりません。
その為、変更前までは違和感がなかった部分を新しいカラーに合わせて変更する必要がでてくる可能性があります。
また、デザインパターンでも特に「見出し」のデザイン変化に伴って「ん～。違和感があるな。」と思うことが多いです。
記事数が多いと修正するのが大変になるので、初期の段階で全体設定のカラーやデザインパターンを確定してその後は変更しないことをお勧めします。
サイトのカラーやデザインについて自分でカスタマイズするのもいいですが、テンプレートを利用すると簡単にオシャレなサイトを作成することができます。
AFFINGER6では数種類のデザイン済みデータをテンプレートとして利用することができます。
デザイン済みデータはこんな感じです。
デザイン済みデータを設定するならサイトを作成した初期の段階で設定したほうがいいです。
別記事でデザイン済みデータを設定する方法を詳しく解説していますので、そちらを参考にしてみてください。
-
-
AFFINGER6：デザイン済みテンプレートを設定する方法【完全版】
2024/7/18 AFFINGER6（アフィンガー６）, AFFINGER６デザインカスタマイズ
AFFINGER6ではデザイン済みのテンプレートが数種類用意されています。 デザイン済みデータは公式マニュアルでダウロードできますが、それを設定する手順を説明していきます。 デザイン済みテンプレートを ...
デザイン済みデータの他にAFFINGER6ではデザインカードというテンプレートも利用できます。
デザインカードについてはこちらの記事をご覧になってください。
-
-
AFFINGER６：デザインカードプラグインでサイトデザインを変更する方法
2024/7/18 AFFINGER6（アフィンガー６）, AFFINGER６デザインカスタマイズ
2023年12月にデザインカードプラグインを利用して簡単にサイトデザインを変更することができるようになりました。 デザインカードの種類は公式サイトから確認できます。 → AFFINGER6公式サイト（ ...
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。
AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪
現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。
\\ 無料お試し利用がずっと可能なAIライティングツール//
-
-
無料お試しがずっと可能なAIライティングツール
「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...
AFFINGER6：記事一覧
- AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
- （通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
- AFFINGER6を実際に利用したガチ評価-２年以上愛用して感じたメリットとデメリット
- AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由
AFFINGER6の購入とインストール方法
- AFFINGER6の購入方法と購入プランの選び方
- AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
- AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法
AFFINGER6の設定関係
- AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
- AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
- AFFINGER６のアップデート方法（２パターンを解説）
- AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
- AFFINGER6：Googleサーチコンソールへの登録方法
- AFFINGER6のステマ規制対策-広告表記を表示させる方法