【有料テーマAFFINGER5カスタマイズ】2画面分割トップページの作り方

悩む人

アフィンガーでトップページを作りたいのですが、やまゆーさんのような記事が2分割でトップページはどのように作っているのですか?

今回はこのような質問にお答えします。

当サイトのトップページ(追記:以前に作成したものです)

コチラのトップページはTwitterのフォロワーさんからもどのように作成しているのか質問を頂いたりしています。他の方とも被りづらいので、新鮮なのではないでしょうか。

本記事では、このトップページの作成方法を無料で公開しますので、有料テーマ【AFFINGER】を購入された方はお試しください。

アフィンガーでシンプルでおすすめなトップページの作り方

AFFINGER5

<トップページの作り方>

トップページ作り方

AFFINGER5管理画面の「トップページ」→「挿入コンテンツ」から作成します。

ここに入力したテキストがサイトに反映されます。

トップページ作成の流れ

  • 画面を2分割にする
  • 写真とタイトルを挿入する
  • 写真やタイトルにリンクを付ける
やまゆー
とても簡単なので、ブログ初心者にオススメです。

画面を2分割にする

「タグ」→「レイアウト」→「全サイズ」→「左右50%」をクリックすると2分割されます。

写真とタイトルを挿入する

2分割になるので写真はなるべく大きいサイズを使いましょう。

僕は「1200×630」の画像を使用しています。

タイトルも小文字太字にしておくと見やすいので良いですよ。

画像やタイトルにリンクを付ける

仕上げに記事のリンクを付けて完成です。

やまゆー

とっても簡単なので30分もあれば完成できます

アフィンガーおすすめトップページ作り方のメリット

アフィンガートップページ作り方のメリット

今回作成したおすすめトップページは2つのメリットがあります。

メリット

  • 人気記事に注目を集めることが出来る
  • 初見での記事の情報量が豊富

余計なものを入れず記事に焦点を当てているので、読者が記事に集中しやすいメリットがあります。また、2画面に分割していることでマウスのスクロールが少なくても多くの記事が目に入ることも読者の離脱を防ぐメリットとなります。

やまゆー
読者に関心がある記事が1つでも目に入ると見てくれやすくなります

アフィンガーおすすめトップページ作り方のデメリット

アフィンガートップページ作り方のデメリット

逆にデメリットとなる部分も2つあります。

デメリット

  • 画像の使用が多いとページ速度に影響する
  • 自己ブランディングに弱い

記事の量が増えると画像の量も増えてしまうので、サイトスピード遅延の原因になることもあります。多くても8記事くらいに留めておきましょう。さらに、良くも悪くも読者は記事に目がいくので、トップページで自己ブランディングを狙いたい人にはあまり向いているとは言えません。

やまゆー
ブログの目的に合わせたトップページ作りをしたいですね。

ブログのトップページは顔です

ブログのトップページは顔

人と初対面の時、まずは顔をみてなんとなくこんな人なのかなと想像しますよね?ブログも同じでトップページによって相手に与える印象が変わったりするので、是非その辺りを意識して挑戦してみて下さい。

今回作成したトップページは有料テーマ「AFFINGER5」で簡単に作成できます。

まだ導入してない方は、こちらの記事で導入を検討してみると良いですよ。

【AFFINGER5】アフィンガー(有料テーマ)を導入したらブログの楽しさが3倍以上になった話

続きを見る

-💻ブログ運営

Copyright© おとな育てブログ , 2021 All Rights Reserved.