![](https://yousun.site/wp-content/uploads/CANVA|09FPキッズ|あせる_400x400-e1671551100836-150x150.png)
SWELLって装飾がいっぱいあって、使いたいのがどこにあるのかわからないよ…
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
それなら、SWELLでよく使う装飾の使い方をわかりやすく解説するよ!
SWELLの装飾っていっぱいあって、どこのボタンを押せば目当ての装飾が出てくるのかわかりづらいですよね。さらにGoogleで調べようと思っても「そもそも装飾の名前がわからない!」なんてこともよくあるでしょう。
そこで、今回の記事ではブログ執筆でよく使うSWELLの装飾12個をわかりやすく解説します。この記事を読めばSWELLの基本的な装飾の使い方をマスターできます。最後には、記事執筆速度が上がるショートカット方法も紹介するので、ぜひ最後までご覧ください。
SWELLでよく使う装飾12個をわかりやすく解説
![SWELLでよく使う装飾12個をわかりやすく解説](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-100-1024x538.jpg)
![SWELLでよく使う装飾12個をわかりやすく解説](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-100-1024x538.jpg)
ここではSWELLでよく使う装飾12個を、基本的な見出しの作り方からわかりやすく解説します。
見出し
まずは、ブログ執筆で重要な「見出し」の使い方を解説します。
![段落の右端の+をクリックし、出てきたBOX内の見出しを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-78-1024x538.jpg)
![段落の右端の+をクリックし、出てきたBOX内の見出しを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-78-1024x538.jpg)
![見出しの種類を選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-80-1024x538.jpg)
![見出しの種類を選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-80-1024x538.jpg)
見出しを呼び出すとH2のサイズで出てきますが、H3など他の種類を呼び出したい場合は、H2の項目をクリックして見出しのサイズを選択します。
太字
ここでは文字を太字にする方法を解説します。太字にする方法はとっても簡単です。
太字にしたい文字を選択し、ツールバーの「B」をクリックすると選択した文字が太字になります。
![太字にしたい文字をドラッグし、ツールバーの「B」をクリックすると選択した文字が太字になります](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-81-1024x538.jpg)
![太字にしたい文字をドラッグし、ツールバーの「B」をクリックすると選択した文字が太字になります](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-81-1024x538.jpg)
文字色変更
ここでは文字の色の変更方法を解説します。
色をつけたい文字を選択して、ツールバーのSWELLマークをクリック。最後にテキスト色をクリックし好きな色を選択すると文字の色が変わります。
![色をつけたい文字をドラッグし、ツールバーのSWELLマークをクリック。最後にテキスト色をクリックし好きな色を選択すると文字の色が変わります](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-83-1024x538.jpg)
![色をつけたい文字をドラッグし、ツールバーのSWELLマークをクリック。最後にテキスト色をクリックし好きな色を選択すると文字の色が変わります](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-83-1024x538.jpg)
マーカー
ここでは文字にマーカーを引く方法を解説します。
マーカーを引きたい文字を選択して、ツールバーのマーカーボタンをクリックします。そして、好きな色を選択すると文字にマーカーが引けます。
![マーカーを引きたい文字をドラッグし、ツールバーのマーカーボタンをクリックします。そして、好きな色を選択すると文字にマーカーが引けます](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-85-1024x538.jpg)
![マーカーを引きたい文字をドラッグし、ツールバーのマーカーボタンをクリックします。そして、好きな色を選択すると文字にマーカーが引けます](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-85-1024x538.jpg)
リスト(箇条書き)
ここでは「リスト(箇条書き)」の呼び出し方を解説します。
- このような
- 箇条書きの
- リストが作れます
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![リストをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-87-1024x538.jpg)
![リストをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-87-1024x538.jpg)
ふきだし
ここでは「ふきだし」の呼び出し方を解説します。
![](https://yousun.site/wp-content/uploads/CANVA|1.ふにゃくち_400x400-e1671190000199-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|1.ふにゃくち_400x400-e1671190000199-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|1.ふにゃくち_400x400-e1671190000199-150x150.png)
SWELLではこんな風なふきだしを
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
かんたんに呼び出せるよ!
ふきだしの呼び出し方を解説する前に、ふきだしの設定方法を解説します。
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
あらかじめ使うアイコンを設定しておくと便利だよ♪
![ダッシュボードの「ふきだし」を選択し、新規ふきだしをクリック](https://yousun.site/wp-content/uploads/3-8-1024x538.jpg)
![ダッシュボードの「ふきだし」を選択し、新規ふきだしをクリック](https://yousun.site/wp-content/uploads/3-8-1024x538.jpg)
![画像やふきだしの詳細を設定し、最後に登録をクリックすれば設定完了です](https://yousun.site/wp-content/uploads/4-4-1024x538.jpg)
![画像やふきだしの詳細を設定し、最後に登録をクリックすれば設定完了です](https://yousun.site/wp-content/uploads/4-4-1024x538.jpg)
画像やふきだしの詳細を設定し、最後に登録をクリックすれば設定完了です。
![](https://yousun.site/wp-content/uploads/43.ゼロイチくん|にこやか_1000x1000-e1684305214786-150x150.png)
![](https://yousun.site/wp-content/uploads/43.ゼロイチくん|にこやか_1000x1000-e1684305214786-150x150.png)
![](https://yousun.site/wp-content/uploads/43.ゼロイチくん|にこやか_1000x1000-e1684305214786-150x150.png)
次はふきだしの呼び出し方を解説するよ!
画面左上の+マークをクリックします。
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
SWELLブロックのふきだしをクリックします。画面右側で詳細な設定が可能です。
![SWELLブロックのふきだしをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T171150.101-1024x538.jpg)
![SWELLブロックのふきだしをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T171150.101-1024x538.jpg)
ブログカード(関連記事)
ここでは「ブログカード(関連記事)」の呼び出し方を解説します。
SWELLではかんたんに下記のようなブログカードを設置できます。
![](https://yousun.site/wp-content/uploads/about-swell01-300x225.png)
![](https://yousun.site/wp-content/uploads/about-swell01-300x225.png)
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![SWELLブロックの関連記事をクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-90-1024x538.jpg)
![SWELLブロックの関連記事をクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-90-1024x538.jpg)
![リンク先を設定する](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-91-1024x538.jpg)
![リンク先を設定する](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-91-1024x538.jpg)
必要があれば画面右側でスタイルの変更が可能です。
![スタイルの変更も可能](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-92-1024x538.jpg)
![スタイルの変更も可能](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-92-1024x538.jpg)
![](https://yousun.site/wp-content/uploads/CANVA|31カモネギお兄さん|ニヤニヤ-e1671568956419-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|31カモネギお兄さん|ニヤニヤ-e1671568956419-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|31カモネギお兄さん|ニヤニヤ-e1671568956419-150x150.png)
関連記事のスタイルはやっぱり1番大きくて目立つ、ブログカード型が好きだな!
![](https://yousun.site/wp-content/uploads/43.ゼロイチくん|にこやか_1000x1000-e1684305214786-150x150.png)
![](https://yousun.site/wp-content/uploads/43.ゼロイチくん|にこやか_1000x1000-e1684305214786-150x150.png)
![](https://yousun.site/wp-content/uploads/43.ゼロイチくん|にこやか_1000x1000-e1684305214786-150x150.png)
関連記事を毎回ブログカード型にするのはよくないよ!
ブログカードは大きくてとても目立つため、読者が本文を読む邪魔をしてしまうことがあります。邪魔だと感じてしまうと、読者が記事から離脱してしまうので、ブログカード型はここぞという時に使いましょう。
SWELLボタン
ここでは「SWELLボタン」の呼び出し方を解説します。
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
SWELLなら下のような光るボタンも作れるよ!
SWELLボタンの呼び出しはとってもかんたんです。
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
SWELLブロックのSWELLボタンをクリックした後、画面右側でボタンの詳細な設定をおこないます。
![SWELLブロックのSWELLボタンを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T185720.870-1024x538.jpg)
![SWELLブロックのSWELLボタンを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T185720.870-1024x538.jpg)
また、SWELLボタンなら、「クリック率を計測する」をONにするとかんたんにクリック率の計測ができます。
![](https://yousun.site/wp-content/uploads/CANVA|8.悩み_400x400-e1671190461654-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|8.悩み_400x400-e1671190461654-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|8.悩み_400x400-e1671190461654-150x150.png)
アフィリエイトリンク付きのボタンってどうやって設置するの?
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
SWELLボタンならアフィリエイトリンク付きのボタンもかんたんに設置できるよ!解説するね。
画面右の設定の項目を下にスクロールすると出てくる、「広告タグを直接入力」の部分にアフィリエイトコードをコピーして貼り付けるだけで完成です。
![「広告タグを直接入力」にアフィリエイトコードを入力](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T191730.164-1024x538.jpg)
![「広告タグを直接入力」にアフィリエイトコードを入力](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T191730.164-1024x538.jpg)
![](https://yousun.site/wp-content/uploads/CANVA|3.大笑い_400x400-e1671190188735-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|3.大笑い_400x400-e1671190188735-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|3.大笑い_400x400-e1671190188735-150x150.png)
僕でもかんたんにアフィリエイトリンク付きのボタンが設置できたよ!
画像挿入
ここでは「画像の挿入」方法を解説します。画像のないブログは文字ばかりで読みづらいので、ブログには積極的に画像を入れていきましょう。
![画面左上の+ボタンをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![画面左上の+ボタンをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![画像を選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-93-1024x538.jpg)
![画像を選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-93-1024x538.jpg)
メディアの画像をクリックし、アップロードを選択します。パソコンの中から使いたい画像を選択すれば、記事内に画像が挿入されます。
過去にアップロードされた画像を使いたい場合は、③でメディアライブラリを選択し、使いたい画像を選択します。
表(テーブル)
ここでは「表(テーブル)」の呼び出し方を解説します。
下記のような表を簡単に作れます。
テーマ名 | 特徴 |
SWELL | おしゃれなデザイン |
SANGO | かわいらしいデザイン |
AFFINGER6 | 稼ぐに特化したテーマ |
画面左上の+マークをクリックします。
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
テキストの中にあるテーブルを選択します。次に、カラム数、行数を選択。これで表の完成です。
![テーブルを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-94-1024x538.jpg)
![テーブルを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-94-1024x538.jpg)
また、画面右側でテーブルの詳細設定が可能です。今回はよく使う横スクロールの設定を解説します。
表が横長の場合PCでは綺麗に表示されますが、スマホだと表示が崩れてしまうので、横スクロールができる設定をすると見やすくなります。
画面右側の横スクロール設定の項目で選択します。
![横スクロールの設定](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-95-1024x538.jpg)
![横スクロールの設定](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-95-1024x538.jpg)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
SPはスマホのことだよ。
引用
ここでは「引用」の仕方を解説します。公式サイトなどから本文をそのまま使う場合は、引用だとわかる装飾を行い、引用元を明記し、リンクを貼ることが推奨されています。
(注5)引用における注意事項
引用:著作物が自由に使える場合|文化庁
他人の著作物を自分の著作物の中に取り込む場合、すなわち引用を行う場合、一般的には、以下の事項に注意しなければなりません。
(1)他人の著作物を引用する必然性があること
(2)かぎ括弧をつけるなど、自分の著作物と引用部分とが区別されていること。
(3)自分の著作物と引用する著作物との主従関係が明確であること(自分の著作物が主体)。
(4)出所の明示がなされていること。(第48条)
(参照:最判昭和55年3月28日「パロディ事件」)
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![引用をクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-96-1024x538.jpg)
![引用をクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-96-1024x538.jpg)
キャプション付きボックス、アイコン付きボックス
ここでは、「キャプション付きボックス」、「アイコン付ボックス」の呼び出し方を解説します。
アイコン付きボックス
キャプション付きボックス
左上の+マークをクリックします。
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
![左上の+マークをクリック](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-86-1024x538.jpg)
SWELLブロックのキャプションボックスを選択します。右側で色や形などの詳細な設定が可能です。
![SWELLブロックのキャプションボックスを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-97-1024x538.jpg)
![SWELLブロックのキャプションボックスを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-97-1024x538.jpg)
アイコン付きボックス
アイコン付きボックスの呼び出しはとってもかんたんです。文字入力可能状態にし、右側から好みのスタイルを選択するだけです。
![文字入力可能状態にし、右側から好みのスタイルを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-98-1024x538.jpg)
![文字入力可能状態にし、右側から好みのスタイルを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-98-1024x538.jpg)
また、画面左上の+マークから、「パターン」→「汎用パターン」からなら、リスト付きのアイコン付きBOXを選択可能です。
![アイコン付きBOXを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-99-1024x538.jpg)
![アイコン付きBOXを選択](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-99-1024x538.jpg)
もっと早く書ける!記事装飾のショートカット方法を解説
![もっと早く書ける!記事装飾のショートカット方法を解説](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T160023.512-1024x538.jpg)
![もっと早く書ける!記事装飾のショートカット方法を解説](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T160023.512-1024x538.jpg)
![](https://yousun.site/wp-content/uploads/CANVA|09FPキッズ|あせる_400x400-e1671551100836-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|09FPキッズ|あせる_400x400-e1671551100836-150x150.png)
![](https://yousun.site/wp-content/uploads/CANVA|09FPキッズ|あせる_400x400-e1671551100836-150x150.png)
どこにどの装飾があるのか覚えられないよ…
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
それなら、ショートカットキーを使えば簡単に呼び出せるよ!
WordPressやSWELLには装飾や記事執筆に必要なパーツを簡単に呼び出せる「ショートカット機能」があります。
ベテランのブロガーはこのショートカット機能を使いこなして、早く記事を書いていますので、みなさんもショートカット機能を使いこなせるようになりましょう。
ショートカット機能の使い方
ショートカット機能は下の画像のような文字入力可能状態で、半角の「/」+呼び出したい装飾に対応した文字を入力すると呼び出せます。
![文字入力可能状態](https://yousun.site/wp-content/uploads/スクリーンショット-2023-04-26-15.11.24.jpg)
![文字入力可能状態](https://yousun.site/wp-content/uploads/スクリーンショット-2023-04-26-15.11.24.jpg)
よく使用する「見出し」なら「/」+「h2」でH2見出しを呼び出せます。
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
よく使うショートカットキーを紹介するよ!
もっと早く書けるショートカットキー
見出し | /h2、/h3、/h4 |
リスト | -(半角マイナス)+半角スペース |
ふきだし | /ふきだし |
関連記事 | /関連 |
SWELLボタン | /ボタン |
画像挿入 | /画像 |
表 | /テーブル |
引用 | >+半角スペース |
キャプション付きBOX | /キャプション |
まとめ:初心者は今回紹介した装飾をマスターしよう!
![まとめ:初心者は今回紹介した装飾をマスターしよう!](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T160822.204-1024x538.jpg)
![まとめ:初心者は今回紹介した装飾をマスターしよう!](https://yousun.site/wp-content/uploads/名称未設定-1200-×-800-px-1200-×-700-px-1200-×-630-px-2023-04-26T160822.204-1024x538.jpg)
今回はSWELLでよく使う装飾をわかりやすく解説しました。
今回紹介した装飾
紹介した装飾は記事作成で毎回使うものばかりなので、ブログ初心者の方はすぐに出せるように復習しておきましょう。また、最後に紹介したショートカットキーは、覚えれば記事作成が早くなるので、余裕のある方はぜひ覚えてくださいね。
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
![](https://yousun.site/wp-content/uploads/42.ゼロイチくん|笑顔_1000x1000-e1684305427745-150x150.png)
ブログの装飾についてもっと知りたい人は、次の記事がおすすめ!
![](https://yousun.site/wp-content/uploads/leader-easy-to-read-article-decoration01-3-300x225.png)
![](https://yousun.site/wp-content/uploads/leader-easy-to-read-article-decoration01-3-300x225.png)