AFFINGER6トップページのカスタマイズ方法【オシャレに差別化】 -biz-sel.com

AFFINGER6を使っているサイトと同じようなデザインになってしまう。

お悩みさん

AFFINGER6をカスタマイズして、人と違うデザインにしたい。

お調べさん

ゆめただ

同じテーマを使っていると、どうしても同じようなデザインになりがちです。

なぜなら、「デザインテンプレートをもとに自分好みにカスタマイズするから。」

本記事でわかるコト

本記事では、AFFINGER6で他サイトと違ったでデザインにする方法がわかります。
他のサイトと違うデザインにして、オシャレに差別化しちゃいましょう！

この記事を書いた人

ゆめ　ただ

グログ歴　５年目。
普通のビジネスマンとして働きながらFIREを目指す。
独学でゼロからブログを立ち上げる。
Dockerのローカル仮想環境を作りLinux環境も触るように。
４年目でSEO検定１級に合格し地道にスキルアップ。
次はWordPress以外のCMSに手を出そうか悩み中。

当サイト使用テーマ

「カスタマイズ性」「分析力」「レスポンスデザイン」「サポート」「実績」が凄い！

稼ぐなら、AFFINGER6一択！

【初心者にイチオシ　おすすめのテーマ】

AFFINGER公式サイトへ行く

本記事を音声で。

忙しいあなたへ

本記事【AFFINGER6トップページのカスタマイズ方法【オシャレに差別化】を

音声で聴けます。

再生時間は「６分３７秒」です。

ページのカラム数

ゆめただ

ページのカラム数は、デザインに影響します。

カラム数について整理します。

カラム数とは？

カラム数とは、Webサイトのページ構成で、縦に並んでいる要素の数のコトです。

このように、ヘッダーとフッターの間に、メインコンテンツがあります。

１カラムは、サイドバーが無いシンプルなデザイン。

２カラムは、横にサイドバーが付く縦に２カラムのデザイン。

３カラムは、両サイドにサイドバーが付くデザインです。

カラム数のメリット・デメリット

カラム数の数によって、メリット・デメリットがあります。

カラム数	メリット	デメリット
１	画面いっぱい使って記事内容を書けるので、一度に多い記事情報を表示することができる。	サイドバーがないので、サイト内の回遊率が低下する可能性がある。
２	記事内容に加えて、サイドバーに「記事を書いた人」や「関連記事」、「人気記事」、「目次」などを同時に表示することができるので、離脱率を改善することができる。	記事に割り当てられる表示幅が狭まり一度に表示できる内容が制限される。
３	一度に多くの情報が表示できるので、回遊率が高められる。	内容が多くなりすぎて、ごちゃごちゃしたデザインになりがち。

カラム数のメリット・デメリット

１カラムをおすすめする理由

yume-tada

ゆめただは、初めにこれを悩みました。

１カラムデザインに決めた理由はコレです。

１カラムに決めた【ポイント１】

SEO対策として、ユーザーにとって有益で高品質なコンテンツを提供するコト。記事内容を最優先に考えると１カラムが有利。

１カラムに決めた【ポイント２】

目次や関連記事は、AFFINGERには標準機能でカバーできる。自動で目次を表示したり、目次に戻れるアイコンを表示したり、関連記事を記事の最後に自動で表示する機能で充分。

１カラムに決めた【ポイント３】

パソコン画面のデザインと、スマートホンのデザインが両方１カラムでほぼ同じになり統一感が出る。

参考

AFFINGER6は、設定画面から設定を変更するだけで１カラム・２カラムを変更することができます。

トップアフィリエイターサイトのカラム数

トップアフィリエイターのブログサイトのカラム数も調べて参考にしました。

比較的新しいサイトは、１カラムにしているようです。

トップアフィリエイターサイト	カラム数	WordPressテーマ
tsuzukiblog	2	AFFINGER6
hidodeblog	2	JIN
kyoko先生	1	SWELL
みんなの副業ブログ	2	Cocoon
ENJIBLOG	1	AFFINGER6
副業コンパス	2	SANGO
マクリン｜ガジェット8割家電2割のレビューブログ	1	SANGO
副業クエスト100	2	AFFINGER5
作業ロケット	2	AFFINGER5
manablog	2	manabu