【AFFINGER6（アフィンガー6）使い方】ブロックエディタの装飾一覧〜様々なデザインが可能です〜

【AFFINGER6（アフィンガー6）使い方】ブロックエディタの装飾一覧〜様々なデザインが可能です〜

みなさん、おはこんばんは☺️
今回は記事を書く際に参考にして頂きたい、
ブロックエディタの装飾を一覧にしてみました✨
バリエーションはたくさんあるので、イメージどおりの記事作成に役立てば嬉しいです😊

【AFFINGER6（アフィンガー6）使い方】ブロックエディタの装飾一覧〜様々なデザインが可能です〜

1.リスト

• リスト　デフォルト
• リスト　デフォルト
• リスト　デフォルト

• リスト　ドット下線
• リスト　ドット下線
• リスト　ドット下線

• リスト　マル
• リスト　マル
• リスト　マル

• リスト　マル＋ドット下線
• リスト　マル＋ドット下線
• リスト　マル＋ドット下線

• リスト　チェックボックス（※箇条書き）
• リスト　チェックボックス（※箇条書き）
• リスト　チェックボックス（※箇条書き）

• リスト　チェックボックス（※箇条書き）＋ドット下線
• リスト　チェックボックス（※箇条書き）＋ドット下線
• リスト　チェックボックス（※箇条書き）＋ドット下線

• リスト　チェックリスト
• リスト　チェックリスト
• リスト　チェックリスト

• リスト　ナンバリング
• リスト　ナンバリング
• リスト　ナンバリング

• リスト　ナンバリング四角
• リスト　ナンバリング四角
• リスト　ナンバリング四角

• リスト　ナンバリング四角＋ドット下線
• リスト　ナンバリング四角＋ドット下線
• リスト　ナンバリング四角＋ドット下線

• リスト　タイムライン（リスト）
• リスト　タイムライン（リスト）
• リスト　タイムライン（リスト）

• リスト　タイムライン（カウント）
• リスト　タイムライン（カウント）
• リスト　タイムライン（カウント）

2.引用

引用

引用元

3.コード

FontAwesome5のフォントを使うときに楽になるように、下記のコードをユーザー辞書"ふぉんと"で登録してます。

[st-i class="（クラス名）" add_style=""]

そうすれば、あとは（クラス名）の中に、コードを書くだけで使えます。

また、add_style=""の中に、

add_style="color:#〇〇〇〇〇〇"

と入力すれば、フォントの色を好みの色に変更することができます。

簡単に入力できるように、ユーザー辞書に"からー"で、

color:#

というコードを登録してます。

このような感じで、コードブロックを使うと、コードが変換されずにそのまま表記できます。

4.テーブル

5.画像

6.ギャラリー

7.カバー

牛丼とは…

8.動画

9.ボタン

10.カラム

右手から牛丼…左手からカツ丼…
究極合体魔法！！至福丼！！！

11.区切り

12.スペーサー

※ブロック間を好きな幅だけ空けることができます。

13.投稿カテゴリー

※投稿のカテゴリーを表示します。

14.投稿タグ

※投稿のタグを表示します。

15.STINGER:メモ

もっといろんなアイコンを使いたい人は、ぜひこちらのFontAwesome5の記事も参考にしてみてください✨

16.STINGER:マイボックス

※"STINGER:メモ"と同様にアイコン、カラー選択が可能です。

17.STINGER:見出し付きフリーボックス

※"STINGER:メモ"と同様にアイコン、カラー選択が可能です。

18.STINGER:バナー風ボックス

※"STINGER:メモ"と同様にアイコン、カラー選択が可能です。

19.STINGER:カスタムボタン

ポチがボタンをポチッとね

光るボタンが作れるブロックです。
実際の作成方法はこちらの記事にまとめておりますので、ご覧になってみてください。

20.STINGER:会話ふきだし

ただのでぶ

STINGER:会話ふきだし

STINGER:会話ふきだし　ショートコード設定　向き

ただのでぶ

21.STINGER:記事一覧(ID)

　全般設定　ランキング　

22.STINGER:カテゴリー一覧

　全般設定　スライドショー　

AFFINGER メイン

2022/1/14

【AFFINGER6（アフィンガー6）使い方】〜トップページのカスタマイズ〜 流れる文字の表示方法

【AFFINGER6（アフィンガー6）使い方】〜トップページのカスタマイズ〜 流れる文字の表示方法 みなさん、おはこんばんは😊今回は、トップページに流れる文字を表示する方法について解説します☺️動くものにはついつい目がいってしまいます✨ぜひ、素敵なブログのコンセプトやお知らせの一つに活用して、お好みのトップページを作ってみてくださいね🤗 こんな感じに流れる文字を加えることが簡単にできます😊ついつい見ちゃいませんか？？ ...

ReadMore

メイン 副業

2023/11/16

話題の副業〜スポットワーク（SpotWORK）〜をやってみた！

話題の副業〜スポットワーク（SpotWORK）〜をやってみた！ 話題の副業〜スポットワーク（SpotWORK）〜をやってみた！ スポットワーク（SpotWork）って？ 　スポットワーク（SpotWORK）とは、SpotWORK株式会社さんが行っている、スキマ時間を使って簡単にできるモバイルバッテリーを移動させるお仕事です。　モバイルバッテリーが十分足りている場所で回収作業をし、そのモバイルバッテリーを不足している場所へ補充をする作業。また、機械が汚れていれば、簡単に掃除をすることもあります。 　まずは、 ...

ReadMore

でVlog メイン

2023/11/16

【糖質制限ダイエットのやり方】#1　44日間で10.1kg減量達成

【糖質制限ダイエットのやり方】#1　44日間で10.1kg減量達成 【糖質制限ダイエットのやり方】#1　44日間で10.1kg減量達成 身長・体重 身長：180cm 体重：100.5kg（ダイエット開始時）　これまでの最高体重は103kgくらいだった気がします。 糖質制限ダイエットの成果 44日間で10.1kg減の記録　※ダイエット開始の11月13日の100.5kg時の写真は撮ってません。 お腹周りは減ってくるのは最後なので、10kg減っていてもあまり違いが分かりませんね。 実際の数値とグラフはこちら 食 ...

ReadMore

でVlog メイン

2021/12/27

[24時間365日、自分の好きな時に好きな場所で働ける！BIZcomfortが汐留にOPEN]　BIZcomfort ザ ロイヤルパークホテル アイコニック 東京汐留

24時間365日、自分の好きな時に好きな場所で働ける！BIZcomfortが汐留にOPEN　BIZcomfort ザ ロイヤルパークホテル アイコニック 東京汐留 みなさん、おはこんばんは😊今回は、ただのでぶもちょー愛用しておりますBIZcomfortの記事です✨ BIZcomfortさん、やってくれましたね😭めちゃくちゃ最高な拠点じゃないですか！！！！！！！！2021年12月22日に「BIZcomfort ザ ロイヤルパークホテル アイコニック 東京汐留」が ...

ReadMore

AFFINGER メイン

2021/12/27

【AFFINGER6（アフィンガー6）使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法

【AFFINGER6（アフィンガー6）使い方】〜トップページのカスタマイズ〜スライドショーの下にお知らせを挿入する方法 みなさん、おはこんばんは😊今回は、なんと初めてコメントを頂けましたので、そちらの質問について解説していきます☺️ 質問：「スライドショーの下にお知らせを入れることは可能でしょうか」 可能です😊ウィジェットの機能を使うことで、実現ができます✨ぜひ、参考にしてお好みのトップページを作ってみてくださいね🤗 ...

ReadMore

23.STINGER:スライド

〜今日の運勢を占う〜クリックしてね！