SWELL装飾練習

(=ﾟωﾟ)ﾉいつもお世話になっております。伊藤です。

「せっかく書いた記事なのに、なんだかパッとしない…」「読者の心をつかみきれない…」そんなモヤモヤを感じたことはありませんか？ もしそうなら、今こそ「装飾」の力を解き放つときです！

装飾はただの飾りではありません。読者の心をつかみ、最後まで読み進める魔法のテクニックです。たった一つの工夫で、ブログの印象がガラッと変わり、あなたの想いが直接に伝わります！これはもう、

ブログをもっと熱く！もっと魅力的に！するための練習記事ですｗ

文字の色、

赤色の文字　赤色の背景 　大事なこと

青色の文字　青色の背景　ネガティブイメージ？

緑色の文字　緑色の背景　ポジティブイメージ？

橙色の文字　橙色の背景　テーマ色と被るので使わない

背景が薄い赤色・赤色の文字

背景が薄い青色・青色の文字

背景が薄い緑色・緑色の文字

背景が薄い橙色・橙色の文字

アンダーマーカーは使わない　使うなら背景色

(=ﾟωﾟ)やっぱ使うかも・・・

ふきだし

(=ﾟωﾟ)ﾉ女帝はどっちにしようかな・・・写真よりイラストの方が見やすいかも、女帝3作らなきゃな

ブロック装飾

シンプルな装飾

線枠ボックス

２重線ボックス

点線ボックス

グレー色ボックス

アクセントの聞いた装飾

ストライプ

方眼

角に折り目

スティッチ

かぎ括弧

かぎ括弧(大）

窪み

浮き出し

左に縦線

付箋

吹き出し

吹き出し２

アイコン付きボックス（小）

グッド

バッド

インフォ

アナウンス

ペン

本

アイコン付きボックス（大）

ポイント

チェック

バツ

はてな

アラート

メモ

(=ﾟωﾟ)ﾉグッド　バット　くらいしか使い道が見当たらない
シンプルに使っていこう

ボタン

<100％オフで購入できるのは今だけ>

押したら殺す 

いいや！限界だ、押すね！

色が変わるぜ

(=ﾟωﾟ)ﾉ立体は押してる感じがいいね、キラは目立つけど主張がいやらしいなぁ

リスト装飾

デフォルト

• 編集長
• 女帝
• 女帝２
• 伊藤

丸数字

• 編集長
• 女帝
• 女帝２
• 伊藤

丸

• 編集長
• 女帝
• 女帝２
• 伊藤

横並び＋チェック

• 編集長
• 女帝
• 女帝２
• 伊藤

下線＋バツ

• 編集長
• 女帝
• 女帝２
• 伊藤

背景グラデーション

• 編集長
• 女帝
• 女帝２
• 伊藤

(=ﾟωﾟ)ﾉグラデーションなんて使い道あんのか？

アコーディオン

(=ﾟωﾟ)ﾉ上をクリック

キャプションボックス

デフォルト

枠上２

枠上

(=ﾟωﾟ)ﾉ最後のまとめに使えそう

Q&A

伊藤はイケメンですか？

いいえ、ゴリラです

虫歯があるのですが、どうすればいいですか？

歯医者に行ってください

ステップ

デフォルト

ビッグ

(=ﾟωﾟ)ﾉ解説系で使えそう

今回参考にしたブログ、動画

(=ﾟωﾟ)ﾉブログは想いを形にする最高のステージです！

デザインひとつでその魅力は何倍にも膨らみ、自分らしさをしっかりと詰め込めば、読む人の心に響く唯一無二の空間が生まれます。

遠慮はいらない！

自分の想いを解き放ち読者を魅了するブログを書いてみよう。

【神機能】SWELLのブロックエディタの使い方12選！初心者でもおしゃれな記事を書けます。

SWELLの設定マニュアル

https://swell-theme.com/manual