![SWELLのブログパーツの使い方](http://yes-i-can.xyz/wp-content/uploads/2022/10/d76c44a3b8be52f9cbf26434b2098ee5.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
ブログパーツってどうやって使うの?
便利な使い方があったら知りたい!
こんな悩みにお答えします!
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0863-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0863-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0863-300x300.png)
ブログパーツってややこしくてよくわからない。
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
本記事では、
パソコン初心者でもわかるように解説していくよ。
▼ブログパーツでできる一例
- よく使用するブロックをテンプレート化
- ヘッダー・サイドバー・フッター
にブロックを使用できる - メインビジュアルにカテゴリーやおすすめ記事を配置できる
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
とても便利なブロックなので、使い方をマスターしましょう。
SWELLのブログパーツ機能とは?
SWELLのブログパーツ機能とは、
好きなブロックの組み合わせやテキストリンクなどを事前にショートコード化することでいろいろな場所で簡単に呼び出すことができる機能です。
自分がよく使用するブロックや文章をブログパーツに登録することで、記事の執筆時間の短縮にもつながります。
クラシックエディタを使用している方は、SWELLの公式サイトに使用方法が記載されているので確認してください。
再利用ブロックとの違いは?
再利用ブロックとは、
WordPress側が用意した機能で、よく使う文章やブロックを呼び出すことができます。
ショートコード化はできず、記事内のみで使用可能です。
(いろいろな場所で使用したい場合は
プラグインが必要)
再利用ブロックは、ブロックを登録することでかんたんに余白を取ることができます。
詳しいやり方は、
【SWELL】あなたの記事は読みづらい!?余白を使いこなそう!をご覧ください。
ブログパーツを使える場所
▼ブログパーツを使える場所
- ウィジェット内
- メインビジュアル内
- 記事内
- カテゴリーページ
- タグページ
- CTA
- 著者アーカイブページ
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
いろいろな場所で使えるので、とても便利です。
なぜブログパーツを使用するのか
ブログパーツは、
ブロックや広告をショートコード化することで、普段はテキストやボタンしか設置できないメインビジュアルなどに、自由にカスタマイズすることができます。
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
やれることが無限大に広がります。
ブログパーツの登録方法
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
まずはブログパーツを登録しましょう。
▼ブログパーツの登録方法
「ブログパーツ」→
「新規追加」を
クリックする。
![ブログパーツの登録方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/5475E8F2-E1B9-40F9-A0B2-AEFEB70E1C58.jpeg)
![ブログパーツの登録方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/5475E8F2-E1B9-40F9-A0B2-AEFEB70E1C58.jpeg)
- タイトルを記入する。
- 使いたいブロックをカスタマイズする。
- 用途を選択する。
- 公開をクリックする。
![ブログパーツ記入箇所](https://yes-i-can.xyz/wp-content/uploads/2022/10/9EDF0432-DF58-47DE-A22D-D9A341D3D220.jpeg)
![ブログパーツ記入箇所](https://yes-i-can.xyz/wp-content/uploads/2022/10/9EDF0432-DF58-47DE-A22D-D9A341D3D220.jpeg)
![ブログパーツ完成図](https://yes-i-can.xyz/wp-content/uploads/2022/10/61CDDE74-FDC5-4B89-AAD1-63801CE83D52.jpeg)
![ブログパーツ完成図](https://yes-i-can.xyz/wp-content/uploads/2022/10/61CDDE74-FDC5-4B89-AAD1-63801CE83D52.jpeg)
赤枠の呼び出しコードを使用します。
![ブログパーツの呼び出しコード](https://yes-i-can.xyz/wp-content/uploads/2022/10/32019E32-71B5-42D9-A104-F2D6A78FB48B.jpeg)
![ブログパーツの呼び出しコード](https://yes-i-can.xyz/wp-content/uploads/2022/10/32019E32-71B5-42D9-A104-F2D6A78FB48B.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
用途の使い分けはあるの?
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
用途の使い分けを説明するね。
用途の使い分け
使う場所 | 用途の使い分け |
---|---|
ウィジェット | チェックなし |
メインビジュアル | チェックなし |
著者アーカイブページ | チェックなし |
記事内 | チェックなし |
CTA | CTA |
タグ・カテゴリーページ | またはタグ用 | カテゴリー用
用途のチェックなし=どれでも使用可能です。
お好きな用途を選択してください。
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
わたしは、上の表の覚え方が楽だったのでチェックなしを使っています。
ブログパーツの使用例
ブログパーツを使用している例を紹介させてくれる方を募集しました。
ブログパーツの使用例を見てイメージを膨らませてみましょう。
画像をクリックすると、拡大できます。
ヘッダーメニューでの使用例
![ヘッダーメニューでの使用例](https://yes-i-can.xyz/wp-content/uploads/2022/10/C135502A-EB37-4E14-9BFF-435BFEF2649A-1.jpeg)
![ヘッダーメニューでの使用例](https://yes-i-can.xyz/wp-content/uploads/2022/10/C135502A-EB37-4E14-9BFF-435BFEF2649A-1.jpeg)
各ブログパーツの使い方
- 記事内…記事内の好きな場所で使用できます。
- メインビジュアル内…メインビジュアルの真ん中に表示されます。
- ウィジェット内…いろいろな場所で使用できます。(ヘッダー・サイドメニュー・他)
- タグ・カテゴリーページ…タグ・カテゴリーページの上部の表示されます。
- CTA…CTAは各記事の下部にある「この記事を書いた人」の上に表示されます。
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
使いたい場所を、クリックしてご覧ください。
記事内で使う方法
記事内で使用する場合は、ブロックを選択するパターンか、文字を入力して呼び出すパターンがあります。
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
自分が楽な方を使用してください。
▼ブロックで呼び出すパターン
![ブログパーツの使い方の説明](https://yes-i-can.xyz/wp-content/uploads/2022/10/7EB52E57-7B0D-43DF-9E6E-1C824E81441F.jpeg)
![ブログパーツの使い方の説明](https://yes-i-can.xyz/wp-content/uploads/2022/10/7EB52E57-7B0D-43DF-9E6E-1C824E81441F.jpeg)
![テキスト入力からの選択方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/C9B7D5CD-9C60-43AB-A112-BBE0AA32F167.jpeg)
![テキスト入力からの選択方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/C9B7D5CD-9C60-43AB-A112-BBE0AA32F167.jpeg)
![SWELLブロックからの選択方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/B93C36CC-4D4E-463F-A7CE-032FF875C75B.jpeg)
![SWELLブロックからの選択方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/B93C36CC-4D4E-463F-A7CE-032FF875C75B.jpeg)
![ブログパーツを選択する](https://yes-i-can.xyz/wp-content/uploads/2022/10/DFF25F3F-84AD-4247-B444-2948F211EAE5.jpeg)
![ブログパーツを選択する](https://yes-i-can.xyz/wp-content/uploads/2022/10/DFF25F3F-84AD-4247-B444-2948F211EAE5.jpeg)
編集したいブログパーツを選択し、赤枠内をクリックすると、編集画面に移動できます。
![記事内でブログパーツを編集する方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/AD753A8D-500A-412F-81B5-DFB8BD456D10.jpeg)
![記事内でブログパーツを編集する方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/AD753A8D-500A-412F-81B5-DFB8BD456D10.jpeg)
▼テキストで呼び出すパターン
文字を入力して呼び出したい場合は、「/blogparts」で呼び出せます。
![テキストでブログパーツを使う方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/E9C93454-83E2-461D-B7C6-ED20FC19A229_4_5005_c.jpeg)
![テキストでブログパーツを使う方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/E9C93454-83E2-461D-B7C6-ED20FC19A229_4_5005_c.jpeg)
メインビジュアル内で使う方法
メインビジュアルで使用したい場合は、
ダッシュボード→「外観」→
「カスタマイズ」→
「トップページ」→「メインビジュアル」
から設定します。
▼メインビジュアルで使う方法
![メインビジュアルでブログパーツを使う方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/B9D2AE13-8EE1-4EC8-9384-CE43A9B89919.jpeg)
![メインビジュアルでブログパーツを使う方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/B9D2AE13-8EE1-4EC8-9384-CE43A9B89919.jpeg)
「メインビジュアル」をクリックする。
![カスタマイズからトップページを選択する](https://yes-i-can.xyz/wp-content/uploads/2022/10/B352CE1C-A51C-41F2-A843-052AEC22CCC6.jpeg)
![カスタマイズからトップページを選択する](https://yes-i-can.xyz/wp-content/uploads/2022/10/B352CE1C-A51C-41F2-A843-052AEC22CCC6.jpeg)
![メインビジュアルを選択する](https://yes-i-can.xyz/wp-content/uploads/2022/10/5BBEB35F-F8A6-4247-A209-4D9A919838BD.png)
![メインビジュアルを選択する](https://yes-i-can.xyz/wp-content/uploads/2022/10/5BBEB35F-F8A6-4247-A209-4D9A919838BD.png)
![当ブログのブログパーツ使用例](https://yes-i-can.xyz/wp-content/uploads/2022/10/4D57F29F-F3DE-4E6F-A2E8-E3DEA852815D.jpeg)
![当ブログのブログパーツ使用例](https://yes-i-can.xyz/wp-content/uploads/2022/10/4D57F29F-F3DE-4E6F-A2E8-E3DEA852815D.jpeg)
▼当サイトのメインビジュアルの使用例
![メインビジュアルでブログパーツを使用した例](https://yes-i-can.xyz/wp-content/uploads/2022/10/A97AC414-A15B-404E-9CA6-2688AA23E8A0.jpeg)
![メインビジュアルでブログパーツを使用した例](https://yes-i-can.xyz/wp-content/uploads/2022/10/A97AC414-A15B-404E-9CA6-2688AA23E8A0.jpeg)
画像をスライドなどで、2枚使用する場合は、2枚目の画像にも違うブログパーツを貼れます。
ウィジェット内で使う方法
ウィジェットは、使用できる項目がとても多いです。
ひとつひとつの項目を覚えるのは大変なので、使用したい場所がどこの項目かを覚えてからやるとスムーズにいきます。
どこの項目が、どの場所にあたるかはSWELLの公式サイトでわかりやすく解説してくれています。
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
まずは、公式サイトで場所を確認しましょう。
公式サイト:SWELLで使用できるウィジェット一覧
ウィジェット内で使用したい場合は、
ダッシュボード→「外観」→
「ウィジェット」
からブログパーツを使用したい場所にショートコードを貼ります。
▼ウィジェット内で使用する方法
![ウィジェットでブログパーツを使う方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/83E584D4-872C-457B-A2BA-E8892F9A89A5.jpg)
![ウィジェットでブログパーツを使う方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/83E584D4-872C-457B-A2BA-E8892F9A89A5.jpg)
![ウィジェットにブログパーツのIDを貼る方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/C11F69E4-BAE3-498C-A497-A4EF70287A96.jpeg)
![ウィジェットにブログパーツのIDを貼る方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/C11F69E4-BAE3-498C-A497-A4EF70287A96.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/E0143082-4F79-4A12-BC76-FBDB2038748E.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/E0143082-4F79-4A12-BC76-FBDB2038748E.jpeg)
タイトルは入力しなくても使用できます。
タイトルを表示させたい場合は記入してください。
記入後、保存をクリックすれば完了です。
![文章にブログパーツのIDを記入する](https://yes-i-can.xyz/wp-content/uploads/2022/10/DAC327A6-4319-4B91-A6D2-DBAD99CADB18.jpg)
![文章にブログパーツのIDを記入する](https://yes-i-can.xyz/wp-content/uploads/2022/10/DAC327A6-4319-4B91-A6D2-DBAD99CADB18.jpg)
![保存をクリックする](https://yes-i-can.xyz/wp-content/uploads/2022/10/9BDBA8F4-BA6C-4E6F-B934-F12621F48817.jpeg)
![保存をクリックする](https://yes-i-can.xyz/wp-content/uploads/2022/10/9BDBA8F4-BA6C-4E6F-B934-F12621F48817.jpeg)
▼タイトルを記入した場合の完成図
![タイトルを記入した場合の完成図](https://yes-i-can.xyz/wp-content/uploads/2022/10/606E828E-9A2A-468D-B1BD-8F8B876C9441_4_5005_c.jpeg)
![タイトルを記入した場合の完成図](https://yes-i-can.xyz/wp-content/uploads/2022/10/606E828E-9A2A-468D-B1BD-8F8B876C9441_4_5005_c.jpeg)
▼タイトルを記入しない場合の完成図
![タイトルを記入しない場合の完成図](https://yes-i-can.xyz/wp-content/uploads/2022/10/F9F39B36-3C49-4117-A4B0-FABC8A937C26_4_5005_c.jpeg)
![タイトルを記入しない場合の完成図](https://yes-i-can.xyz/wp-content/uploads/2022/10/F9F39B36-3C49-4117-A4B0-FABC8A937C26_4_5005_c.jpeg)
タグ・カテゴリー内で使う方法
タグまたはカテゴリー内で使用したい場合は、
ダッシュボード→「投稿」→「タグ」または「カテゴリー」
を選択し、編集画面でブログパーツのショートコードを貼ります。
▼タグ・カテゴリーページで使用する方法
タグとカテゴリーの編集したい方を選択してください。
![タグ・カテゴリーページでブログパーツを使用する方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/CF7B7362-2C52-4EB1-A888-46A768998071.jpeg)
![タグ・カテゴリーページでブログパーツを使用する方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/CF7B7362-2C52-4EB1-A888-46A768998071.jpeg)
![タグまたはカテゴリーページの編集をする](https://yes-i-can.xyz/wp-content/uploads/2022/10/5767AD81-52AC-431D-AC38-DC0BBC735414.jpeg)
![タグまたはカテゴリーページの編集をする](https://yes-i-can.xyz/wp-content/uploads/2022/10/5767AD81-52AC-431D-AC38-DC0BBC735414.jpeg)
用途が「タグまたはカテゴリー」のみ選択可能です。
![タグまたはカテゴリー編集ページでブログパーツIDを記入する](https://yes-i-can.xyz/wp-content/uploads/2022/10/BB494BE5-0514-4495-9B3A-506BD2811A43-1.jpeg)
![タグまたはカテゴリー編集ページでブログパーツIDを記入する](https://yes-i-can.xyz/wp-content/uploads/2022/10/BB494BE5-0514-4495-9B3A-506BD2811A43-1.jpeg)
![更新をクリックする](https://yes-i-can.xyz/wp-content/uploads/2022/10/D153B99E-48D1-4D04-AC9A-B17BBD018948_4_5005_c.jpeg)
![更新をクリックする](https://yes-i-can.xyz/wp-content/uploads/2022/10/D153B99E-48D1-4D04-AC9A-B17BBD018948_4_5005_c.jpeg)
▼完成図
![カテゴリーでのブログパーツの使用例](https://yes-i-can.xyz/wp-content/uploads/2022/10/1F77C594-50E9-44F3-AE8E-F745F4EA3B5F.jpeg)
![カテゴリーでのブログパーツの使用例](https://yes-i-can.xyz/wp-content/uploads/2022/10/1F77C594-50E9-44F3-AE8E-F745F4EA3B5F.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
今回はカテゴリーで説明しましたが、タグも同じ方法で
使用できます。
CTA内で使う方法
CTA内でブログパーツを使用する場合は、カテゴリーで表示を分ける方法と一括で表示する方法の2種類あります。
それぞれショートコードを貼る場所が違うので、注意が必要です。
カテゴリーごとに表示する場合は、ブログパーツの用途が「CTA」しか選択できません。
一括で表示する場合は、すべての用途が使用できます。
▼タグまたはカテゴリーごとに表示させたい場合
![タグ・カテゴリーページでブログパーツを使用する方法](http://yes-i-can.xyz/wp-content/uploads/2022/10/CF7B7362-2C52-4EB1-A888-46A768998071.jpeg)
![タグ・カテゴリーページでブログパーツを使用する方法](http://yes-i-can.xyz/wp-content/uploads/2022/10/CF7B7362-2C52-4EB1-A888-46A768998071.jpeg)
![タグまたはカテゴリーページの編集をする](https://yes-i-can.xyz/wp-content/uploads/2022/10/5767AD81-52AC-431D-AC38-DC0BBC735414.jpeg)
![タグまたはカテゴリーページの編集をする](https://yes-i-can.xyz/wp-content/uploads/2022/10/5767AD81-52AC-431D-AC38-DC0BBC735414.jpeg)
用途が「CTA」のみ選択可能です。
![タグまたはカテゴリー編集ページでブログパーツIDを記入する](https://yes-i-can.xyz/wp-content/uploads/2022/10/C2BEECFC-C83D-4A1D-83A7-A847535C8B91.jpeg)
![タグまたはカテゴリー編集ページでブログパーツIDを記入する](https://yes-i-can.xyz/wp-content/uploads/2022/10/C2BEECFC-C83D-4A1D-83A7-A847535C8B91.jpeg)
![更新をクリックする](http://yes-i-can.xyz/wp-content/uploads/2022/10/D153B99E-48D1-4D04-AC9A-B17BBD018948_4_5005_c.jpeg)
![更新をクリックする](http://yes-i-can.xyz/wp-content/uploads/2022/10/D153B99E-48D1-4D04-AC9A-B17BBD018948_4_5005_c.jpeg)
▼一括で表示させたい場合
「ウィジェット」をクリックする。
![CTAに一括でブログパーツを使用したい場合](http://yes-i-can.xyz/wp-content/uploads/2022/10/83E584D4-872C-457B-A2BA-E8892F9A89A5.jpg)
![CTAに一括でブログパーツを使用したい場合](http://yes-i-can.xyz/wp-content/uploads/2022/10/83E584D4-872C-457B-A2BA-E8892F9A89A5.jpg)
![ウィジェットにブログパーツのIDを貼る方法](http://yes-i-can.xyz/wp-content/uploads/2022/10/C11F69E4-BAE3-498C-A497-A4EF70287A96.jpeg)
![ウィジェットにブログパーツのIDを貼る方法](http://yes-i-can.xyz/wp-content/uploads/2022/10/C11F69E4-BAE3-498C-A497-A4EF70287A96.jpeg)
![ウィジェットにブログパーツのIDを貼る方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/BAB24D12-7DA3-4C04-9163-B36C53013DBB.jpeg)
![ウィジェットにブログパーツのIDを貼る方法](https://yes-i-can.xyz/wp-content/uploads/2022/10/BAB24D12-7DA3-4C04-9163-B36C53013DBB.jpeg)
記入後、保存をクリックして完了です。
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/47B6DCB9-F844-4312-B343-4C31C6DC2166.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/47B6DCB9-F844-4312-B343-4C31C6DC2166.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/0CF9DA26-D091-4726-9570-FE9D7791D73E.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/0CF9DA26-D091-4726-9570-FE9D7791D73E.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
カテゴリーごとに広告を変えたりできる、とても便利な機能です。
ブログパーツの注意点
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0863-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0863-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0863-300x300.png)
ブログパーツがどこにも見当たらない……。
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
表示されない場合は、2つの項目を
確認してみてください。
記事内で使用するときに見当たらない場合
![ブログパーツの位置](https://yes-i-can.xyz/wp-content/uploads/2022/10/432218FF-69F9-4E98-85C3-A096FD6E2EAD.jpeg)
![ブログパーツの位置](https://yes-i-can.xyz/wp-content/uploads/2022/10/432218FF-69F9-4E98-85C3-A096FD6E2EAD.jpeg)
![ブログパーツが見当たらない](https://yes-i-can.xyz/wp-content/uploads/2022/10/54C756EF-EE30-408E-BD0F-DBD27BE225D5.jpeg)
![ブログパーツが見当たらない](https://yes-i-can.xyz/wp-content/uploads/2022/10/54C756EF-EE30-408E-BD0F-DBD27BE225D5.jpeg)
記事内で使用する際に、ブログパーツが見当たらない場合はブログパーツの編集ページを確認してください。
ダッシュボード→「ブログパーツ」から確認できます。
![ブログパーツの編集画面に投稿がない](https://yes-i-can.xyz/wp-content/uploads/2022/10/F76BE8A4-825D-4010-9E48-5DD72CC3E3BA-2.jpeg)
![ブログパーツの編集画面に投稿がない](https://yes-i-can.xyz/wp-content/uploads/2022/10/F76BE8A4-825D-4010-9E48-5DD72CC3E3BA-2.jpeg)
ダッシュボードにブログパーツが見当たらない場合
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/3122AA6D-883E-4E59-9FAA-E4582444FD26_4_5005_c.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/3122AA6D-883E-4E59-9FAA-E4582444FD26_4_5005_c.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/7124D03B-8A9A-46EC-AB99-125D4F5ABEDE_4_5005_c.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2022/10/7124D03B-8A9A-46EC-AB99-125D4F5ABEDE_4_5005_c.jpeg)
クリックする。
![SWELL設定を確認する](https://yes-i-can.xyz/wp-content/uploads/2022/10/7AE8E53A-346C-4EF9-888B-54FE8073B8F7.jpg)
![SWELL設定を確認する](https://yes-i-can.xyz/wp-content/uploads/2022/10/7AE8E53A-346C-4EF9-888B-54FE8073B8F7.jpg)
「ブログパーツ」を停止にチェックが入っていないか確認する。
![「ブログパーツ」を停止にチェックが入っていないか確認する](https://yes-i-can.xyz/wp-content/uploads/2022/10/6B286DEB-B662-4CFF-834C-4C8931B06D75-1.jpeg)
![「ブログパーツ」を停止にチェックが入っていないか確認する](https://yes-i-can.xyz/wp-content/uploads/2022/10/6B286DEB-B662-4CFF-834C-4C8931B06D75-1.jpeg)
チェックを外して、更新をクリックすれば完了です。
![更新をクリックする](http://yes-i-can.xyz/wp-content/uploads/2022/10/D153B99E-48D1-4D04-AC9A-B17BBD018948_4_5005_c.jpeg)
![更新をクリックする](http://yes-i-can.xyz/wp-content/uploads/2022/10/D153B99E-48D1-4D04-AC9A-B17BBD018948_4_5005_c.jpeg)
PC限定!ヘッダー内部にボタンを置く方法
SWELLボタンは、ヘッダー内にも置くことができます。
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
簡単にできるので、一緒に
やってみましょう。
ヘッダー内部のボタンとは?
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
ヘッダー内部にボタンを置く?どういうこと?
下記の赤枠内がヘッダー内部となっていて、ボタンを置くことができます。
複数置くことも可能。
![ヘッダー内ボタン設定](https://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-14_21h19_25-1-800x89.png)
![ヘッダー内ボタン設定](https://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-14_21h19_25-1-800x89.png)
フッター内部にボタンを置くには、
ブログパーツでSWELLボタンを作成する必要があります。
ブログパーツをヘッダー内部に呼び出そう
SWELLボタンのブログパーツを作成して、
ヘッダー内部に貼り付けましょう。
![SWELLボタンのブログパーツ](https://yes-i-can.xyz/wp-content/uploads/2022/10/C6E897B1-49F6-426F-9285-95879B722603.jpg)
![SWELLボタンのブログパーツ](https://yes-i-can.xyz/wp-content/uploads/2022/10/C6E897B1-49F6-426F-9285-95879B722603.jpg)
「ウィジェット」をクリックする。
![外観からウィジェットを選択する。](http://yes-i-can.xyz/wp-content/uploads/2022/10/83E584D4-872C-457B-A2BA-E8892F9A89A5.jpg)
![外観からウィジェットを選択する。](http://yes-i-can.xyz/wp-content/uploads/2022/10/83E584D4-872C-457B-A2BA-E8892F9A89A5.jpg)
![ヘッダー内部にテキストを追加する](https://yes-i-can.xyz/wp-content/uploads/2022/10/A5BECF8B-AB84-4822-A888-DA6C8D0EB063-1.jpeg)
![ヘッダー内部にテキストを追加する](https://yes-i-can.xyz/wp-content/uploads/2022/10/A5BECF8B-AB84-4822-A888-DA6C8D0EB063-1.jpeg)
![ブログパーツIDを記入し、保存をクリックする](https://yes-i-can.xyz/wp-content/uploads/2022/10/4CE1BE68-91CD-4F76-A9D2-858AA5B78DB4-1.jpeg)
![ブログパーツIDを記入し、保存をクリックする](https://yes-i-can.xyz/wp-content/uploads/2022/10/4CE1BE68-91CD-4F76-A9D2-858AA5B78DB4-1.jpeg)
![ヘッダーにブログパーツ使用した例](https://yes-i-can.xyz/wp-content/uploads/2022/10/C135502A-EB37-4E14-9BFF-435BFEF2649A.jpeg)
![ヘッダーにブログパーツ使用した例](https://yes-i-can.xyz/wp-content/uploads/2022/10/C135502A-EB37-4E14-9BFF-435BFEF2649A.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
簡単にできるので、挑戦してみてください。
ブログパーツの使い方を覚えて憧れのサイトになろう!
ブログパーツの使い方を覚えると、
サイト構成の幅がすごく広がります。
ヘッダーにボタンを置いたり、サイドメニューにボックスメニューを使ってカテゴリーを置いたり憧れのサイトを真似することができます。
SWELLを使っている方は、ぜひチャレンジしてみてください。
SWELLは、ブログパーツの他にも便利な機能がたくさん!
SWELLブロックの使い方を全種類紹介してあります。
コメント