【SWELL】共通サイドバーにSWELLボタンを設置する方法

まず、WordPressの管理画面を開きます。

1:　管理メニューにある［ブログパーツ］をクリックします。

2:　さらにその中の［ブログパーツ］をクリックします。

1:　［新規投稿を追加］をクリックします。

1:　ブログパーツのタイトル（名前）を入力します。

2:　ブロックの追加マーク［＋］をクリックします。

3:　検索ボックスで「ボタン」と検索し、［SWELL］ボタンをクリックします。

1:　サイドバーにある［ブロック設定］から、ボタンブロックの設定を行います。

2:　枠で囲まれた部分をクリックし、遷移先のリンクを入力します。

1:　今回は「ブックレコード」というサイトに飛ばしたいので、そのURL

「https://bookrecord.online」を検索ボックスに入力します。

1:　［公開］をクリックします。

ブログパーツページのトップ画面に戻ります。

1:　［呼び出しコード］を選択しコピーします。

1:　管理メニューにある［外観］をクリックします。

2:　さらにその中の［ウィジェット］をクリックします。

1:　［カスタムHTML］ブロックをクリックし、プルダウンメニューを開きます。

1:　［共通サイドバー］を選択します。

2:　［ウィジェットを追加］をクリックします。

共通サイドバーブロックを開くと、追加した［カスタムHTMLブロック］が表示されています。

［カスタムHTML］をクリックし、プルダウンメニューを開きます。

1:　先ほどコピーした［呼び出しコード］を貼り付けます。

2:　［保存］をクリックします。