WordPressテーマ：アフィンガー５の便利な機能　その１【スライドショー】

この記事の信頼性

この記事を書いている僕は、アフィンガー５を使用してこのブログを運営している、アラフィフ・ハゲ・ブロガーです。あ、ハゲは関係ないですね。(笑)

今回はアフィンガー５の便利な機能から、【スライドショー】をご紹介します。スライドショーを効果的にブログに取り入れることで、PV数の増加、ブログレイアウトが引き締まる、などの利点があります。

それでは始めていきますね。

アフィンガー５を詳しく知る

アフィンガー５のその他の『タグ』、『スタイル』機能の一覧は、下の参考記事から確認できます。

参考記事

アフィンガー５のスタイル一覧【記事作成時に役立つ！！】

続きを見る

スライドショーの設定方法・アレンジ

スライドショーの設定方法

スライドショーを設定する方法は、いくつかあります。

１つずつ解説していきますね。

①ブログのトップページに設定する方法

ブログのトップページに設定する場合、ワードプレス管理画面から、

『AFFINGER 管理』＞『ヘッダー』＞『記事スライドショー設定』の順にすすみます。

以上のように設定し、最後に画面下の『save』を忘れずに押しましょう。すると、ブログのヘッダーに下記のようなスライドショーが設定されます。

ブログのトップページにこのように表示されるので、大変目立ちますね。ちょっと、デカすぎるような気もしますね(笑)

おすすめは、固定ページでブログのトップページを作り、そこにスライドショーを設定することです。

こんな感じになります。

次の見出しで解説していきますね。

②固定ページ、投稿記事中に設定する方法

以下の画像のように、『タグ』＞『記事一覧／カード』＞『カテゴリ一覧（スライドショー）』の順にクリックしていきましょう。

ブロックエディタではスライドショーが選択できないので、クラシックエディタから設定していきます。

デフォルトだと、こんな感じのスライドショーが表示されます。

このままでもいいんですが、やっぱり、ちょっとはアレンジしてみたいですよね？

アレンジの方法は、次の見出しで解説していきますね。

アフィンガー５の機能を知る

スライドショーのアレンジ

スライドショーのコードは以下のようになっています。

[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="on" 
slides_to_show="3,3,1" slide_date="" slide_more="ReadMore" slide_center="on" 
fullsize_type=""]

それぞれのコードの意味と設定方法を解説しておきますね。

　ここの数字を変えることで表示する記事を選択できます。cat="カテゴリIDの数字"を入力しましょう。デフォルトであれば、すべてのカテゴリが表示されます。

アフィンガー５の機能を知る

いくつかの、設定済みスライドショーをご紹介しますね。

●記事数５・一度に表示する記事数３・投稿日・「ReadMore」・アイキャッチ＋記事タイトル・本文

●記事数８・一度に表示する記事数４・アイキャッチのみ

●記事数７・一度に表示する記事数４・アイキャッチ＋記事タイトル

スマホ・タブレットでの表示は、機種により異なるため、その都度ご確認ください。

アフィンガー５には、【スライドショー】以外にも数多くの機能があります。僕はブログ開設当初は、無料テーマを使用していましたが、アフィンガー５にテーマ変更して、本当によかったと思います。

以下の参考記事もお読みください。

参考記事

ブログ3か月の初心者がアフィンガー５にテーマ変更してみての感想！

続きを見る

参考記事

ブログ初心者卒業？【3か月が経過しての正直な感想・振り返り】

続きを見る

アフィンガー５は、ブログ初心者から、ベテランブロガーまで、必要な機能を満たしてくれる優れたテーマです。

導入されていない方は、一度ご検討してみてはいかがでしょうか？

アフィンガー５の価格・機能を知る

今回は以上になります。最後までお読みいただき、ありがとうございました。