ACTIONではワンクリックで実装できるデザインが多数追加されました。また従来のバージョン(WING)と比較してGutenbergブロックへの対応も大幅に強化されています。
デフォルトブロックやスタイル
画像ブロック
画像ブロックでは画像に以下のスタイルを設定できます
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/dog-190056_1280-1024x682.jpg)
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/photographer-865295_1280-1024x682.jpg)
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/warrior-498250_1280-1024x682.jpg)
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/sport-3365503_1280-1024x682.jpg)
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/paragliding-1245837_1280-1024x640.jpg)
ギャラリー
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/paragliding-1245837_1280-1024x640.jpg)
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/hip-hop-2159913_1280-1024x731.jpg)
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/sport-3365503_1280-1024x682.jpg)
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/people-2834080_1280-1024x658.jpg)
カバーブロック
段落スタイル
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/2021-01-05_10h41_52-1.gif)
段落(Pタグ)にも独自のスタイルを1クリックで反映させることができます。
これは段落スタイルです
これは段落スタイルです
これは段落スタイルです
これは段落スタイル(会話)です。2つまで設定できアイコンはテーマ管理で指定します
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/2021-01-05_10h53_00.gif)
見出しスタイル
全体に反映される見出し(hxタグ)のデザインはカスタマイザーで作成可能ですが、各見出しごとにGutebergブロックにてスタイルが指定できます。
これは見出しスタイルです
これはふきだしスタイルです
これは斜線スタイルです
これはカウントスタイルです
自動でカウントは増えます
なにかのガイドに便利です
これはステップスタイルです
これも自動でカウントは増えます
これもガイドに便利です
これは質問スタイルです
これは答えスタイルです
リストスタイル
![](https://action-sample.com/af6-sample-2/wp-content/uploads/2021/06/IMB_pUSdgM-1.gif)
リストスタイルも以下のデザインを用意
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
- これはダミーのリンクです
グループブロック
作成したコンテンツをグループブロックに変換することでスタイルや条件分岐による表示切替(PCのみ・スマホのみ・ログイン時のみなど)が追加できます
これはグループブロックのダミーです
これはグループブロックのダミーです
これはグループブロックのダミーです
オリジナルブロック
メモ ブロック
マイボックス ブロック
見出し付きフリーボックス ブロック
見出しテキスト
これはダミーのテキストです
見出しテキスト
これはダミーのテキストです
バナー風 ブロック
スライド ブロック
クリックで開くコンテンツを作成できます
カスタムボタン ブロック
段落スタイルとグループブロックを組み合わせることで以下のようなMC(マイクロコピー)ボタンデザインも作成できます。
太字のテキスト
※マイクロコピーを書いてみよう
後述するマイブロックに登録しておくと便利です
記事一覧
カテゴリのスライドショーや一覧を表示します
マイブロック機能について
![](https://affinger.com/action-manual/wp-content/uploads/2020/11/2020-11-19_20h13_39.jpg)
「マイブロック」ではよく使うブロックをパターンとして登録することができます。
登録したパターンはいつでも呼び出すことができ、投稿ごとに編集することが可能です。