AFFINGER６：スライドブロックの使い方【初心者向け】

AFFINGER6：「スライドボックス」機能とは？

「スライドブロック」機能はクリックするとスライド式にコンテンツが表示できる機能です。

例えば、下の部分をクリックしてみてください。

こんな感じで、クリックするとコンテンツを表示させることができる機能です。

「スライドボックス」機能の使い方

「スライドボックス」機能の基本的な使い方を解説していきます。

STEP.1 「AFFINGER:スライド」を選択する。

STEP.2 　コンテンツ内容を作成します

スライドして表示させる部分のコンテンツを作成します。

コンテンツ内容は通常の記事作成と同様にテキストや画像なども載せることができます。

STEP.3 　クリック部分のテキストを変更する

右のテキスト入力欄でクリック部分のテキストが変更できます。

STEP.4　ボーダーを設定する

ボーダー設定は「なし」を含めて５種類から選択できます。

具体的には下のような感じです。

STEP.5　クリック部分のテキスト色を変更する

クリック部分のテキストの色を変更できます。

テキスト色を赤に変更すると下のようになります。

STEP.6　背景色を変更する

スライド部分の背景色を変更できます。

補足：　クリック部分のテキスト前にアイコンを設定する

アイコンクラスの入力欄にクラス名を入力することで、クリック部分のテキスト前にアイコンを設定することもできます。

※　アイコンのクラス名はアフィンガーの公式マニュアルに記載されているので、確認してみてください。

１００種類以上のアイコンを設定することができますよ。

「スライドボックス」機能を使用する機会

「スライドボックス」機能を使うと記事をスマートに見せることができます。

記事が長文になってしまうと読んでいる方には負担になってしまいますし、敬遠されてしまう可能性もあります。

「スライドボックス」機能のメリットとデメリットを考えると記事が長文になってしまう場合などに、補足事項などに利用してスマートに見せるのがお勧めです。

重要な内容は読んでもらえない可能性があるので、スライドボックスの色を変更したり印象の強いテキストを使用したりするなどクリックを促す工夫が必要です。

以上「スライドボックス」機能についての解説になります。

AFFINGER6の使い方

AFFINGER6の使い方については、このブログで詳しく解説しています。

AFFINGER6：関連記事