【AFFINGER6】カテゴリー一覧のスライドショーの作り方を解説！トップページをおしゃれにしよう！

みなさんこんにちはコイトです。

今回はトップページをオシャレにする方法として、『記事一覧スライドショーの設定』について解説します。

やり方がわからないとトップページはそのままになってしましますよね。

悩む人

AFFINGER6のブログトップページのデザインを変更したい。

そんな方にぜひ読んでいただきたいと思います。

トップページはサイト内を解説している場所といっても過言ではありません。

記事一つを読んでもらった後に他にもいい記事が無いかと探してくれる時にトップページが充実しているのとしていないのとではかなり反応が変わってきます。

今回はAFFINGER6(アフィンガー6)の機能を使いながら、トップページをオシャレにしていきましょう。

今回設定するAFFINGER6の記事一覧スライドショーの完成形

コイト

一見難しそうですが、やってみると意外と簡単に設定ができるのでぜひやってみてください！

固定ページの作成

まずは固定ページを作成しましょう。

ホームページ欄の「新規固定ページを追加」から新たにトップページを作成しましょう。

追加が完了したら上のあたりにある公開を押して完了です。

記事一覧スライドショーの設置

先ほど作ったトップページの設定を開きましょう。

記事一覧スライドショーはAFFINGER6ならかなり簡単に設定することができます。

編集画面が表示されます。

を選択しましょう。

すると編集画面にコードが出力されます。

1. st-catgroup cat="カテゴリID"
2. page="表示する記事数"
3. orderby="ID"
4. child="子カテゴリー表示のonとoff"
5. slide="スライドショーのonとoff"
6. slides_to_show="列数"
7. slide_more="続きを読むのonとoff"

カテゴリIDが0と入力する場合は自動で新着記事が表示されるので便利ですよ。

後は公開を押すとトップページが編集されていますのでやってみてください。