AFFINGER

【AFFINGER6】トップページカード型の作り方は?子テーマJETなしで無料で作るやり方を紹介!

2020年11月18日

この記事ではアフィンガー6の初心者の方向けに、ブログのカスタマイズ方法について解説します。

 

ムロ
このブログは、AFFINGERのテーマを買ったけど使い方がわからない!?そんな初心者さんに、記事作成に役立つツールや、AFFINGERでSEOを効率よくするための記事を書いているブログです( ^ω^ )

私も、AFFINGERのテーマを購入したときはかなり苦戦しました。そんな経験を元に使い方を記事で紹介していきます。

 

注意

アフィンガー6には『JET』という子テーマがあります。

カード型のトップページを作る場合、通常は『JET』を使用します。

でも『JET』は有料の子テーマで4,980円かかってしまいます。

 

この記事を読めば、子テーマの『JET』を使わずにカード型のトップページを作ることができます。

 

本来は、JETの子テーマがないとできないカード型のトップページを無料でカッコ良いものを作ることができます。

 

 

わかりやすく解説しますので、アフィンガー6を使っている方は是非試してみてください!!

 

『AFFINGER6』公式サイトです

最強のブログテーマAFFINGER6

>>WPテーマ 「WING(AFFINGER5)」多くのブロガーに愛されているテーマ

  • 「もっと美しく、簡単に。」基本デザインパターンも48種!

無駄な時間はとことん省く、通常なら知識が必要な時間かかるカスタマイズもAFFINGERならクリック1つ

記事がサクサク書ける!豊富で自由度の高いデザインパーツ

記事作成に欠かせない様々な装飾をクリック1つで設定できる

 

 

\当サイト限定特典付き/

AFFINGER PACK3ショップはコチラ

 

では、最後まで読んでくれると嬉しいです♪( ´▽`)

 

【AFFINGER6】カード型のトップページとは?

 

こんな感じの、トップページがAFFINGERなら作れます。

 

このカード型トップページにするだけで、12%以上もブログ回遊率が上がりました。

 

 

どうですか?カード型を試してみたくなりました??

 

やり方を紹介していきます。

 

【AFFINGER6】カード型スタイルを作る!

 

それでは、カード型のトップページを作成する方法を解説していきます。

 

この記事では、カテゴリ別の記事一覧を2列で表示する方法を解説します。

 

できあがりの目標はこんな感じです。

 

 

トップページは、こんな感じでインパクトありますね!!

 

かなり見やすいデザインです。

 

では、作り方を解説していきます

 

簡単な流れ

  • サムネイルの画像を決める
  • トップページに左右50%のレイアウトを設定する
  • 記事IDをカードタグに入れる
  • スタイルでカードスタイルに設定
  • 完成

 

注意

サムネイルは1200×800のサイズを基本的に使っています。

【AFFINGER6】カード型スタイルを実際に作ってみる

 

step
1
サムネイル画像の設定をする

 

 

 

AFFINGER5管理 →デザイン →サムネイル画像設定を開く

 

 

フルサイズにするを選択←ここ重要です。

 

 

step
2
左右50%のレイアウトを設定する

 

新規作成画面から

 

 

タグ →レイアウト → 全サイズ→ 左右50%をクリック

 

左BOX(lbox)と右BOX(rbox)の2箇所に記事を表示させる準備ができました。

 

step
3
カードタグの作成

 

 

カード →   IDに記事I D番号を入れる(表示させたい記事)

 

 

ポイント

  1. ダッシュボードで投稿一覧をクリック
  2. 記事一覧でカテゴリーIDを確認

 

 

step
4
カードの表示を設定する

 

 

 

記入したショートコードを選択 → 選択した状態で、 スタイル → レイアウト→ カードスタイルをクリック

 

右のレイアウトBOXも同様にカードスタイルを設定します。

 

step
5
完成 

 

プレビューで確認し完成

 

以上でカード型トップページの基本的な設定は終わりです。

 

後はカテゴリのタイトルや見出しを追加してカード型トップページの完成です。

 

 

【AFFINGER6】カード型のトップページのまとめ

 

AFFINGERの有料子テーマ『JET』を使わずに、標準機能だけを使ってカード型トップページの作成方法を解説しました。

 

AFFINGER5はとてもカスタマイズしやすいテーマです。

 

『AFFINGER5』公式サイトです

最強のブログテーマAFFINGER5

>>WPテーマ 「WING(AFFINGER5)」多くのブロガーに愛されているテーマ

  • 「もっと美しく、簡単に。」基本デザインパターンも48種!

無駄な時間はとことん省く、通常なら知識が必要な時間かかるカスタマイズもAFFINGERならクリック1つ

記事がサクサク書ける!豊富で自由度の高いデザインパーツ

記事作成に欠かせない様々な装飾をクリック1つで設定できる

 

 コチラも読まれています

>>【AFFINGER6】ブログのトップページをカスタマイズするやり方

>>【AFFINGER6】スライドボックスを作り、枠で囲む作り方

>>【AFFINGER6】バナーリンクの作り方、ブログはオシャレになる【バナーリンク】

 

 

人気記事一覧

1

悩む男性アフィリエイトで稼ぐコツが知りたい。いま、個人ブログを運営しているけど月1,000円未満です・・月5万円を目指したい。   悩む女性収益化するためには、どうしたらいいですか? &nb ...

2

  悩む女性個性的なブログはアクセスあるの?   悩む男性ブログの独自性ってどうすればいいの?   悩む男性オリジナリティって一体なに?     こん ...

3

悩む男性ブログの書き方がわかりません、どうすれば良い記事が書けるようになるんでしょうか   悩む女性ブログの構成ってどのようにづればいいいですか?   悩む男性どのように書けば読ま ...

-AFFINGER

© 2021 MURO BLOG Powered by AFFINGER5