【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法
みなさん、おはこんばんは😊
今回は、なんと初めてコメントを頂けましたので、そちらの質問について解説していきます☺️
質問:「スライドショーの下にお知らせを入れることは可能でしょうか」
可能です😊ウィジェットの機能を使うことで、実現ができます✨
ぜひ、参考にしてお好みのトップページを作ってみてくださいね🤗
コメントを頂き、ありがとうございます♪
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法①](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/e358c5581ee81581f75f24536279fb85-1024x576.jpeg)
それでは、解説していきます✨
【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法
step
1"外観"から"ウィジェット"を選択
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法②](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/e93b885cddc0a061e910cf32193f2e5f-495x1024.png)
step
2"ヘッダー画像エリア下のウィジェット"の をクリック
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法③](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/d594af940d7b6025263475607d89177d-1024x378.jpg)
step
3"00_STINGERカスタムHTML"を"ヘッダー画像エリア下のウィジェット"へドラッグ&ドロップ
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法④](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/f4533091e4e184aeb68385174bda019e-1024x378.jpg)
step
4"タイトル"にスライドショーと記入、"タイトルを出力しない"をチェック
こちらの作業はやらなくてもOKですが、数ヶ月後や数年後に「なんだ?これ??」となって時間をとっては無駄ですので、わかりやすく記入しておくことをおすすめします。
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法⑤](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/361697163bcfc9816066106855d22519-1024x522.jpg)
"内容"に挿入するスライドショーのコードを作成します。
step
5"を押す
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法⑥](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/2137390cfcf7313fa5c3eb564e7ac2c9-2-1024x799.jpg)
step
6ブロックのテキストから"クラシック"を選択
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法⑦](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/268357284f04ce7c602fe33268204d7e-1024x508.png)
step
7書く場所に出てきた"クラシック"をクリックする
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法⑧](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/9dfcfef075242360132731a487a6c797-1024x514.png)
step
8"タグ" " 記事一覧/カード" "カテゴリ一覧(スライドショー)" と進む
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法⑨](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/39957578facc18dfb9efd3a5c5e7acff-1024x474.jpg)
このコードが出てきますので、全てをコピー[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=""]
step
9コピーしたコードを先ほどのヘッダー画像エリア下のウィジェットの00_STINGERカスタムHTMLの"内容"にペーストし、"保存"をクリック
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法⑩](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/4cc25b279f7c62ae0184ada472331a78-1-739x1024.png)
step
10"完了"をクリック
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法⑪](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/e7f57017e2580f4e297a5607814a0158-840x1024.png)
step
11"07_STINGERお知らせエリア"をヘッダー画像エリア下のウィジェット内の"00STINGERカスタムHTML"の下へドラッグ&ドロップ
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法⑫](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/fd403da54f3da88402322ce47fdf3ba3-1024x396.jpg)
step
12"完了"をクリックで完了
![【AFFINGER6(アフィンガー6)使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法⑬](https://sp-no-enjoy-life.com/wp-content/uploads/2021/12/610cdb5e9e0c87efd74207b1e79a0c67.png)
以上の作業で、完了です☺️
また、スライドショーはコードのカスタマイズでさまざまな表示をすることができます。
スライドショーのカスタマイズについては、下記の記事で解説しておりますので、ぜひ参考にしてください😊
-
【AFFINGER6(アフィンガー6)使い方】〜トップページカスタマイズ〜カテゴリー一覧(スライドショー)の作成方法
【AFFINGER6(アフィンガー6)使い方】〜トップページカスタマイズ〜カテゴリー一覧(スライドショー)の作成方法 みなさん、おはこんばんは😊今回は、トップページのカスタマイズ法、カ ...
続きを見る
皆さまの理想のブログへ少しでも参考になれば、とっても嬉しいです✨
最後まで、読んでいただきありがとうございます😆
![](https://sp-no-enjoy-life.com/wp-content/uploads/2021/07/action_banar-1-1024x916.png)
AFFINGER6の使い方
AFFINGER6の使い方のページをご覧頂きありがとうございます🤗
こちらでは、「稼ぐ」に特化したWordPressテーマ〜AFFINGER6〜の使い方の解説をしてます。
初心者さまへもわかりやすくをモットーに書いております。
他のページでも絶賛解説中です。みなさまのブログ作成に役立てば嬉しいです。
こんなページもあります
トップページのカスタマイズ
お知らせの作成方法
タブ式カテゴリー一覧の作成方法
カテゴリー一覧(スライドショー)の作成方法
"TOPに戻るボタン"のカスタマイズ方法
ヘッダーカードの作成方法
ボックスメニューの使い方② サイドバーへの表示方法
スライドショーの下にお知らせを挿入する方法
流れる文字の表示方法
記事の書き方
ブロックエディタ基本的な使い方
ブロックエディタの装飾一覧
タグ機能の装飾一覧
光るボタンの作り方
文字にアニメーションをつける方法
フォント(Google Fonts)の設定方法
FontAwesome5のアイコンにアニメーションを付ける方法
ボックスメニューの使い方①
ブログカードの作り方&カスタマイズ方法
吹き出し・会話アイコンの使い方・設定・カスタマイズ方法