AFFINGER7には、記事をスッキリ整理できる便利な機能 「スライドブロック」 が用意されています。
しかし初心者の方の中には、
- スライドブロックって何に使うの？
- 設定方法がよく分からない
- 本当に使った方がいいの？
と疑問に感じている方も多いのではないでしょうか。
この記事では、AFFINGER7初心者向けにスライドブロックの使い方を詳しく解説しています。
※ この記事はAFFINGER6時代に作成した内容をAFFINGER7対応版として更新しています。
AFFINGER7：「スライドボックス」機能とは？
「スライドブロック」機能はクリックするとスライド式にコンテンツが表示できる機能です。
例えば、下の部分をクリックしてみてください。
こんな感じで、クリックするとコンテンツを表示させることができる機能です。
スライドブロックを使う手順【初心者向け】
「スライドボックス」機能の基本的な使い方を解説していきます。
「AFFINGER:スライド」を選択する
コンテンツ内容を作成します
スライドして表示させる部分のコンテンツを作成します。
コンテンツ内容は通常の記事作成と同様にテキストや画像なども載せることができます。
クリック部分のテキストを変更する
右のテキスト入力欄でクリック部分のテキストが変更できます。
ボーダーを設定する
ボーダー設定は「なし」を含めて５種類から選択できます。
具体的には下のような感じです。
クリック部分のテキスト色を変更する
クリック部分のテキストの色を変更できます。
テキスト色を赤に変更すると下のようになります。
背景色を変更する
スライド部分の背景色を変更できます。
補足： クリック部分のテキスト前にアイコンを設定する
アイコンクラスの入力欄にクラス名を入力することで、クリック部分のテキスト前にアイコンを設定することもできます。
※ アイコンのクラス名は公式マニュアルに記載されているので、確認してみてください。
100種類以上のアイコンを設定することができますよ。
スライドブロックのおすすめ活用シーン【初心者必見】
① 手順が長くなる説明に使う
記事の流れを止めず、「詳しく知りたい人だけ読む」構成が作れます。
② 補足説明・注意点をまとめたいとき
本文がゴチャつかず、スッキリした記事になります。
スライドブロックを使うときの注意点
重要な内容は隠しすぎない
記事の一番伝えたい結論をスライドブロック内に入れるのはNGです。
- 結論 → 通常表示
- 補足 → スライドブロック
この使い分けが重要です。
使いすぎると逆効果
多用しすぎると、「クリックが面倒な記事」になってしまいます。
1記事に 2〜4個程度 が目安です。
まとめ
- スライドブロックは「クリックで開閉できるブロック」
- 初心者向け記事との相性が抜群
- 使いすぎず、補足情報に活用するのがコツ
AFFINGER7スライドの使い方自体は簡単で直感的に使うことができると思います。
重要なのは使いどころですね。
重要コンテンツは避け、補足事項をスッキリ見せたい時に使用してみてください。
\\ 収益化に強い圧倒的人気テーマ！//
AFFINGER7がついにリリース！
AFFINGER6から更に機能がパワーアップ！
※ AFFINGER6は現在、AFFINGER7へと移行となりました。