AFFINGER

AFFINGER5でスライドショー設定&カスタマイズする方法【初心者でも簡単にできます】

困ってる人
●WordPressテーマAFFINGER5を購入したけどスライドショーの設定方法がわからない。。

●スライドショーのカスタマイズ方法をどうやればいいのかわかってない。。

 

今回はこんなお悩みに答えていきます。

 

こんな方におすすめ

  • WordPressブログ初心者
  • 有料テーマAFFINGER5(アフィンガー)の初心者
  • AFFINGER5の設定がうまくできない方

 

本記事の信頼性

当サイトではAFFINGER5を使用しています。初心者でも簡単にスライドショーの設定ができるように画像を使って丁寧に紹介します。

 

AFFINGER5(アフィンガー)は簡単にスライドショーを作れてプログラミングができなくてもおしゃれなサイトが簡単に作成できます。

 

しかしAFFINGER5(アフィンガー)はカスタマイズ設定が豊富にできる一方、初心者がいきなり扱うのは少し難しく感じることもあると思います。

 

今回はそんなAFFINGER5を導入したばかりの方でも、簡単にスライドショーの設定ができるよう画像を使って丁寧に開設していきます。

 

本記事を読めば、スライドショーの設定がすぐにできるので、ぜひ参考にしてみて下さい

 

スライドショーを使ってるだけでおしゃれに見えるので、ぜひ使ってみましょう。

 

ちなみに当ブログでは『AFFINGER5』を使用していますが、WordPressテーマ導入に迷われてる方は、『WordPressブログのおすすめ有料テーマ7つを徹底比較』を参考にしてみて下さい。

 

関連記事
WordPressブログのおすすめ有料テーマ
【2021年】WordPressブログのおすすめ有料テーマ7つを徹底比較

続きを見る

 

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

 

 

【AFFINGER5】そもそもスライドショーとは何か?

【AFFINGER5】そもそもスライドショーとは何か?

 

悩んでいる人
AFFINGER5(アフィンガー)で使えるって聞いたけど、スライドショーて何なの?

 

スライドショーとは、記事を自動スライド形式で閲覧表示することができる機能のことです。

 

具体的には下記のような表示ができます。

 

2021/4/4

ブログをアクセスアップする方法5つ&役立つツールを解説【初心者向け】

困ってる人●ブログをアクセスアップしたい。記事を書きまくってるのに全然アクセスが増えない。 ●ブログをアクセスアップする方法や役立つツールについて教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ ブログをアクセスアップしたい方 ブログアクセスアップしない原因がわからない ブログをアクセスアップして収益を伸ばしたい方   本記事の信頼性 副業ブロガー。アクセスをアップさせ、ブログ収益月5桁を達成しています。   ブログのアクセスアップが ...

ReadMore

2021/4/6

Rank Tracker(SEO検索順位チェックツール)の登録方法・使い方をレビュー

困ってる人●SEO検索順位をチェックしたいけど、何かいいツールはないかな? ●Rank Trackerてツールが良いって聞いたけど料金や使い方がわからないなあ。詳しく教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ SEO検索順位チェックツールを導入したい方 ブログ収益を伸ばしていきたい方 リライトすべき記事がわからない方   本記事の信頼性 この記事を書いる僕は今まで150記事以上を執筆している副業ブロガーです。当ブログもRank Track ...

ReadMore

2021/4/3

タウンライフアフィリエイトの評判・口コミは?登録方法・審査基準を解説

困ってる人●タウンライフアフィリエイトって高単価でいいって聞いたけど実際評判てどうなの? ●タウンライフアフィリエイトの登録方法や審査基準について詳しく教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ タウンライフアフィリエイトの評判ついて詳しく知りたい方 タウンライフアフィリエイトに登録する手順を知りたい タウンライフアフィリエイトのメリット・デメリットを知りたい   タウンライフアフィリエイトは知名度があまり高くないですが、高単価な案件が多 ...

ReadMore

2021/3/21

AFFINGER5でコピーライトを変更・削除する方法【プラグインなしでもOK】

困ってる人●AFFINGER5を使用しているけど、コピーライトを変更したい。 ●アフィンガー5の初期クレジットのコピーライトを変更する方法がわからない。   今回はこんなお悩みにお答えします。   こんな方におすすめ AFFINGER5初心者 AFFINGER5でコピーライトを変更したい方 AFFINGER5のコピーライトプラグインなしで変更したい方   本記事の信頼性 当ブログもAFFINGER5を使用しています。アフィンガーでコピーライトを変更する方法を超わかりやすく解説 ...

ReadMore

2021/3/19

ブログ記事に目次はいらない?必要?目次の作成方法を解説【初心者向け】

困ってる人●ブログに目次は必要ですか?ほとんど見てる人がいないようだし目次はいらないのでは? ●ブログ記事の目次の必要性について教えてください。   今回はこんなお悩みに答えていきます。   こんな方におすすめ ブログに目次がいらないか迷ってる方 ブログの目次の必要性について詳しく知りたい ブログ記事で目次を作成する方法がわからない   ブログ記事に目次が必要か不要かどうかは状況によって異なります。   しかし特にブログ初心者であれば、目次は作成しておくのが無難です ...

ReadMore

 

こんなスライドショーはプログラミングができないと、作れないんじゃないの、?とWordPressブログを始めた時は思っていました。

 

しかし『AFFINGER5』であれば簡単に設定ができます。

 

僕自身もTOPページにスライドショーを使っています。

 

それではAFFINGER5でのスライドショーの設定方法について解説していきますね。

 

【AFFINGER5】スライドショー設定方法について手順を解説【3パターン紹介】

AFFINGER5スライドショー設定方法3パターン

 

それではAFFINGER5(アフィンガー)のスライドショー設定方法について解説します。

 

下記3パターンの設定方法があります。

 

AFFINGER5でスライドショー設定方法3パターン

  • ①トップページヘッダー部分にスライドショーを表示する
  • ②記事投稿内にスライドショーを表示する
  • ③ウィジェットを使って、フッターサイドバーなど自由に表示する

 

1つずつ解説してきます。

 

①トップページのヘッダー部分にスライドショーを表示する

 

1つ目はトップページのヘッダー部分にスライドショーを表示させる方法です。

 

画面左側の『AFFINGER5 管理』をクリックします。

AFFINGER5管理をクリック

 

AFFINGER管理の中の『ヘッダー』という項目をクリックします。

 

AFFINGER5⇒ヘッダーをクリック

 

上記のような画面になるので、下にスライドしていくと下記画面のような『記事スライドショー設定』という項目があります。

 

スライドショー設定

 

上部にある『ヘッダーに記事をスライドショーで表示する』にチェックを入れます。クロールして下にある『保存』をクリックすれば完了です。

 

もともとは下記のようなヘッダーでした。

TOPページの例

 

設定後は下記のように変更できました。

 

ヘッダー部分にスライドショーを適用

 

ヘッダー部分は一番最初に目に入る部分なので、スライドショーを活用するのもよいと思いますよ。

 

②記事投稿内にスライドショーを表示する

 

2つ目は記事投稿内にスライドショーを表示する方法です。

 

こちらも方法は簡単です。

投稿内で『タグ⇒記事一覧⇒カテゴリ一覧(スライドショー)』をクリックします。

 

タグ⇒記事一覧/カード⇒カテゴリー一覧(スライドショー)をクリック

 

クリックすると下記のようにショートコードが表示されます。

スライドショーのショートコード

 

これで記事内にスライドショーが表示されました。

 

2021/4/4

ブログをアクセスアップする方法5つ&役立つツールを解説【初心者向け】

困ってる人●ブログをアクセスアップしたい。記事を書きまくってるのに全然アクセスが増えない。 ●ブログをアクセスアップする方法や役立つツールについて教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ ブログをアクセスアップしたい方 ブログアクセスアップしない原因がわからない ブログをアクセスアップして収益を伸ばしたい方   本記事の信頼性 副業ブロガー。アクセスをアップさせ、ブログ収益月5桁を達成しています。   ブログのアクセスアップが ...

ReadMore

2021/4/6

Rank Tracker(SEO検索順位チェックツール)の登録方法・使い方をレビュー

困ってる人●SEO検索順位をチェックしたいけど、何かいいツールはないかな? ●Rank Trackerてツールが良いって聞いたけど料金や使い方がわからないなあ。詳しく教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ SEO検索順位チェックツールを導入したい方 ブログ収益を伸ばしていきたい方 リライトすべき記事がわからない方   本記事の信頼性 この記事を書いる僕は今まで150記事以上を執筆している副業ブロガーです。当ブログもRank Track ...

ReadMore

2021/4/3

タウンライフアフィリエイトの評判・口コミは?登録方法・審査基準を解説

困ってる人●タウンライフアフィリエイトって高単価でいいって聞いたけど実際評判てどうなの? ●タウンライフアフィリエイトの登録方法や審査基準について詳しく教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ タウンライフアフィリエイトの評判ついて詳しく知りたい方 タウンライフアフィリエイトに登録する手順を知りたい タウンライフアフィリエイトのメリット・デメリットを知りたい   タウンライフアフィリエイトは知名度があまり高くないですが、高単価な案件が多 ...

ReadMore

2021/3/21

AFFINGER5でコピーライトを変更・削除する方法【プラグインなしでもOK】

困ってる人●AFFINGER5を使用しているけど、コピーライトを変更したい。 ●アフィンガー5の初期クレジットのコピーライトを変更する方法がわからない。   今回はこんなお悩みにお答えします。   こんな方におすすめ AFFINGER5初心者 AFFINGER5でコピーライトを変更したい方 AFFINGER5のコピーライトプラグインなしで変更したい方   本記事の信頼性 当ブログもAFFINGER5を使用しています。アフィンガーでコピーライトを変更する方法を超わかりやすく解説 ...

ReadMore

2021/3/19

ブログ記事に目次はいらない?必要?目次の作成方法を解説【初心者向け】

困ってる人●ブログに目次は必要ですか?ほとんど見てる人がいないようだし目次はいらないのでは? ●ブログ記事の目次の必要性について教えてください。   今回はこんなお悩みに答えていきます。   こんな方におすすめ ブログに目次がいらないか迷ってる方 ブログの目次の必要性について詳しく知りたい ブログ記事で目次を作成する方法がわからない   ブログ記事に目次が必要か不要かどうかは状況によって異なります。   しかし特にブログ初心者であれば、目次は作成しておくのが無難です ...

ReadMore

 

↑こんな感じで表示できたと思います。投稿内であれば、好きな場所に設定できますよ。

 

③ウィジェットを使って、フッター・サイドバーなど自由に表示する

 

3つ目はウィジェットを使ってフッターやサイドバーなどに表示する方法です。

 

まずは、先ほど『②投稿内でスライドショーを表示』で使ったショートコードをコピーします。

 

次に『外観⇒カスタマイズ』をクリックすると下記画面のようになります。

 

ウィジェットをクリック

 

ウィジェットとは?

各場所ごとにコード、テキスト、広告などを配置できるようにした配置ボックスのようなものです。

ウィジェットを使えば、フッターやヘッダーなどの任意の場所に自由にテキスト、広告などを入れられます。

 

僕も最初はよくわかっていませんでしたが、『サイト内を自由にカスタマイズするための機能』くらいにとらえておけばOKです。

 

脱線しましたが、話を戻します。

 

ウィジェットをクリックするとトップページやヘッダーなど表示を追加したい場所を選択できます。

 

今回はトップページ上部ウィジェットを例にします。

 

 

上記のような画面になるので『ウィジェットを追加』をクリックします。

 

トップページ上部でテキストを選択

 

上記のように追加するウィジェット(機能)が表示されるので『テキスト』をクリックします。

 

ここに先ほどコピーしたスライドショーのショートコードを入力すればOKです。

 

 

後はテキストに貼り付けて『公開』をクリックすれば、表示されます。

 

以上3パターンの表示方法を紹介しました。では次にスライドショーのカスタマイズ方法について解説しますね。

 

AFFINGER5 スライドショーのカスタマイズ方法【各項目の見方も解説】

AFFINGER5カスタマイズ方法

 

AFFINGER5のスライドショーカスタマイズ方法について解説していきます。

 

投稿内でタグ⇒記事一覧⇒カテゴリ一覧(スライドショー)でスライドショーを表示させると初期は下記画像のようになっています。

 

スライドショーのショートコード(画像が小さいので拡大 orパソコンから閲覧してください)

 

各項目の見方は下記で解説します。

 

スライドショー各項目カスタマイズ方法について

・cat="0" :カテゴリIDを入力(初期は0で設定。カテゴリー欄を確認してIDを入力します。)
・page="5":表示する記事の総数
・order="desc" :日付ごとに表示する順番を設定できます。
(新しい記事から「desc」、古い記事から[asc」
・orderby="id": 記事の並び方を選択
・child="on" :子カテゴリIDの表示(カテゴリーを階層に分けて作成してる場合)
・slide="on" :スライドショーをONにするかOFにするか選択
・slides_to_show="3,3,1":1つの画面にスライドショーを表示する数
(先頭の数字だけを変更します。)
・ slide_date="" :日付の表示をする「on」しない「「off」を選択
・slide_more="ReadMore":続きを読むのタイトルを表示する(変更可能)
・slide_center="on" :モバイル端末で表示するかしないか
・fullsize_type="":スライド記事の表示を選択
「画像のみ表示”"card"」「画像とテキスト表示"text"」「全て表示""」

 

orderbyは初期のIDでもOKですが、下記のようにカスタマイズも可能です。

・id:投稿IDで並ぶ
・title:タイトルで並ぶ
・type:投稿タイプで並ぶ
・date:日付で並ぶ
・modified:更新日で並ぶ

 

ちなみに当サイトのスライドショーは下記のような表示にしています。

 

当ブログTOPページカスタマイズ例

 

2021/4/4

ブログをアクセスアップする方法5つ&役立つツールを解説【初心者向け】

困ってる人●ブログをアクセスアップしたい。記事を書きまくってるのに全然アクセスが増えない。 ●ブログをアクセスアップする方法や役立つツールについて教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ ブログをアクセスアップしたい方 ブログアクセスアップしない原因がわからない ブログをアクセスアップして収益を伸ばしたい方   本記事の信頼性 副業ブロガー。アクセスをアップさせ、ブログ収益月5桁を達成しています。   ブログのアクセスアップが ...

ReadMore

2021/4/6

Rank Tracker(SEO検索順位チェックツール)の登録方法・使い方をレビュー

困ってる人●SEO検索順位をチェックしたいけど、何かいいツールはないかな? ●Rank Trackerてツールが良いって聞いたけど料金や使い方がわからないなあ。詳しく教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ SEO検索順位チェックツールを導入したい方 ブログ収益を伸ばしていきたい方 リライトすべき記事がわからない方   本記事の信頼性 この記事を書いる僕は今まで150記事以上を執筆している副業ブロガーです。当ブログもRank Track ...

ReadMore

2021/3/19

ブログ記事に目次はいらない?必要?目次の作成方法を解説【初心者向け】

困ってる人●ブログに目次は必要ですか?ほとんど見てる人がいないようだし目次はいらないのでは? ●ブログ記事の目次の必要性について教えてください。   今回はこんなお悩みに答えていきます。   こんな方におすすめ ブログに目次がいらないか迷ってる方 ブログの目次の必要性について詳しく知りたい ブログ記事で目次を作成する方法がわからない   ブログ記事に目次が必要か不要かどうかは状況によって異なります。   しかし特にブログ初心者であれば、目次は作成しておくのが無難です ...

ReadMore

2021/3/19

ブログでwebライティングスキルが上達する方法を解説【すぐにできるコツあり】

困ってる人●ブログを書いていますが、ライティングスキルが上達しません。webライティングスキルを上達させる方法について教えてほしい。 ●初心者でもライティングスキルは上達するのか不安です。上手くなる感じがしていません。   今回はこんなお悩みに答えていきます。   こんな方におすすめ Webライティングスキルを伸ばしたい方 文章力を上げて記事を長く読んでほしい方 ブログ初心者でWebライティングスキルに自信がない方   本記事の信頼性 ブログを150記事以上執筆し月5桁収益を ...

ReadMore

2021/3/19

Strongタグの多用はペナルティになる?SEOへの悪影響と対策方法

困ってる人●ブログでStrongタグを多用するとどうなるの? ●Strongタグを使いすぎるとSEOへ悪影響があるって本当?   今回はこんなお悩みにお答えします。   こんな方におすすめ Strongタグについて詳しく知りたい StrongタグのSEOへの影響を教えてほしい ブログがペナルティを受けないか不安な方   ブログを書いている人なら誰でも使うStrongタグですが、使いすぎるとSEOへ影響があると噂を聞きます。   結論からいうと、Strongタグの多用 ...

ReadMore

2021/3/17

ブログ収益化まで期間はどれくらいかかる?必要な時間・やるべきことを解説

困ってる人●ブログを収益化するまでにはどれくらい時間がかかるのでしょうか? ●ブログを始めて稼ぎたいと考えていますが、収益化できるか不安です。どれくらいの期間で収益を上げれるか教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ ブログをこれから始めたい方 ブログ収益化するのにかかる時間が知りたい方 ブログ収益化の期間を把握しておきたい方   ブログを始めて収益化を目指したい方にとっては、どれくらいの時間で収益を達成できるのか知りたい方も多いはず。 ...

ReadMore

2021/3/16

ブログは専門性がなくても始めてOKです【専門性の高め方も解説】

困ってる人●ブログを始めたいけど自分には専門性がありません。こんな状態でブログを始めても良いのでしょうか? ●ブログの専門性がないですが、高める方法について教えてほしい。   今回はこんなお悩みに答えていきます。   こんな方におすすめ ブログをこれから始めたい方 ブログに専門性がなく進め方に迷ってる方 ブログの専門性を高めて収益化していきたい方   本記事の信頼性 ブログ初心者でしたが、半年で月4桁以上稼げるようになりました。ブログの専門性について詳しく解説できます。 &n ...

ReadMore

 

こんな感じで表示されます。

 

自分で好きにカスタマイズしてスライドショーは作れるので、ぜひ試してみて下さい。



まとめ:AFFINGER5の機能を活用して簡単にスライドショーを作成しよう

AFFINGER5を活用してスライドショーを作成しよう

 

今回はAFFINGER5(アフィンガー)のスライドショー作成方法について解説しました。

 

アフィンガーのショートコードを使えば、ワンクリックで簡単にスライドショーが作れます。

 

カスタマイズ方法も難しくないので、本記事を参考にぜひ実践して下さい。

 

おしゃれスライドショーはクリック率も上がりやすくなるので、おすすめですよ。

 

本記事が参考になれば幸いです。最後まで読んで頂きありがとうございました。

 

それでは、本日はこの辺りで!

 

その他AFFINGER5の設定方法について

関連記事
【AFFINGER5】超簡単!会話ふきだしを右側から表示させる方法

続きを見る

関連記事
【AFFINGER5】ブログカード・ラベルの作成方法を紹介【簡単カスタマイズ】

続きを見る

-AFFINGER

© 2021 tetsu Powered by AFFINGER5