Deerでできるブロックパターン

ああああああああ

あああああああああああああああああああああ

１．画像の装飾

1-1.画像に少しだけ影をつける↓

1-2.画像に少し枠を付ける↓

---

２．ボタンリンク

2-1.WordPressブロックエディターの機能でできるボタンリンク

通常のボタン

2-1-2.角の丸め具合の調整

角丸も調整可能(0px)

角丸も調整可能(3px)

角丸も調整可能(10px)

2-1-2.色のパターン（文字色＆背景色は自由に設定可能）

塗りつぶし

アウトライン

グラデーション

2-1-3.ボタンの幅も調整可能

何もしない場合はテキストの長さに合わせる

25%

50%

75%

100%

2-1-4.左・中央・右寄せも自由にできる

左寄せ

中央寄せ

右寄せ

ここまでできるのでボタン機能についてはWordPressブロックエディターの機能だけでも十分な気もしますが、更にDeerでもう少しボタンリンクのパターンを増やしています。

---

2-2.Deerが用意しているボタンの種類

2-2-1.マテリアルデザイン風

マテリアルデザイン風ボタン

もちろんアウトラインにもできます

2-2-2.立体デザイン風

立体ボタン

2-2-3.キラッと光るボタン

キラッと光るボタン

キラッと光るボタン

シンプルなフルワイドブロック

もちろん背景に画像も置くことができます。

4.カラム

4-1. 2カラム

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

4-1. 3カラム

3カラムもWordPress標準ブロックで十分対応可能です。

3カラムもWordPress標準ブロックで十分対応可能です。

3カラムもWordPress標準ブロックで十分対応可能です。

他にもカラムは３：７や７：３のカラムなどもできるので十分ですね。

5.リストのスタイル

デフォルトのリストスタイルがこちら。

• ああああああああああああああああああああああああああああああああああああああああああああああ
• いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
• うううううううううううううううううううううううううううううううううううううううううううううう
• ええええええええええええええええええええええええええええええええええええええええええええええ
• おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお

• ああああああああああああああああああああああああああああああああああああああああああああああ
• いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
• うううううううううううううううううううううううううううううううううううううううううううううう
• ええええええええええええええええええええええええええええええええええええええええええええええ
• おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお

• ああああああああああああああああああああああああああああああああああああああああああああああ
• いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
• うううううううううううううううううううううううううううううううううううううううううううううう
• ええええええええええええええええええええええええええええええええええええええええええええええ
• おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお

普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落

1. ああああああああああああああああああああああああああああああああああああああああああああああ
2. いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
3. うううううううううううううううううううううううううううううううううううううううううううううう
4. ええええええええええええええええええええええええええええええええええええええええええええええ
5. おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお

1. ああああああああああああああああああああああああああああああああああああああああああああああ
2. いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
3. うううううううううううううううううううううううううううううううううううううううううううううう
4. ええええええええええええええええええええええええええええええええええええええええええええええ
5. おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお

1. ああああああああああああああああああああああああああああああああああああああああああああああ
2. いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
3. うううううううううううううううううううううううううううううううううううううううううううううう
4. ええええええええええええええええええええええええええええええええええええええええええええええ
5. おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお

普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落普通の段落

見出し２デザイン

見出し２（ノーマル）

ああああああああああああああああ

ああああああああああああああ

ああああああああああああああ

ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用ここに引用

ここに引用元について書く

整形済みテキストブロック↓

整形済みテキスト整形済みテキスト整形済みテキスト整形済みテキスト整形済みテキスト整形済みテキスト整形済みテキスト整形済みテキスト整形済みテキスト整形済みテキスト

整形済みテキスト整形済みテキスト

整形済みテキスト整形済みテキスト

整形済みテキスト

コードブロック↓

main {
    background-image: url(image/abcdefghijklmnopqrstu.jpg);
    color: #333333;
    margin: 10px;
    padding: 5px;
        }

デフォルト↓

ストライプ↓

デフォルト

幅広線

ドット

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

注意事項を書く

Good!!　おすすめポイントなどを書く

Bad…　おすすめしないポイントを書く