【SWELL】ブログ構築⑨お問い合わせボタンを設置する

ダッシュボード→ブログパーツ→「新規投稿を追加」に入ります。
※「新規投稿を追加」は二か所ありますので、どちらから入っても同じ場所に移動します。

タイトルを入力します。サイト上では表示されませんが、わかりやすい名前がいいと思います。
ここでは「お問い合わせボタン」という名前にします。

段落の右側にある「＋」を押し、検索窓に「ボタン」と入力します。
「SWELLボタン」を選択します。

このようなボタンが出現しますので、ボタンに名前を付けます。ここでは「お問い合わせ」にします。

「リンク先：未設定」の部分をクリックすると、リンク先の設定項目が出てきます。
ここに、下記リンクの＜お問い合わせフォームのページの記事スラッグを変更する＞「STEP4」でメモしておいたURLを入力して、矢印マークをクリックします。

このように表示されたらリンク先の設定は完了です。

お好みで画面右横の「スタイル」を選択し、「公開」します。
※スタイルは特にこだわりがなければ「ノーマル」のままで大丈夫です。

最後に、画面左下に「投稿を公開しました」という表示がでればOKです。

画面左上のWordpressマークを押し、ブログパーツ画面に戻ります。

先ほど作った「お問い合わせボタン」の項目の右側に「呼び出しコード」が表示されます。
このコードをコピーします。

ダッシュボード→外観→「ウィジェット」に入ります。

「カスタムHTML」の項目を、「固定ページ下部」にドラッグ＆ドロップします。

タイトルは空欄で、内容の部分に先ほどコピーしたショートコードを貼り付け、「保存」→「完了」します。

固定ページ下部と同じ設定を、「記事下部」にも行います。

ゆかぴ

詳細はSTEP１１と同様です。

ゆかぴ

お問い合わせページの下部にもお問い合わせボタンがあると変なので、こちらは非表示にします。

ダッシュボード→固定ページ→「お問い合わせ」ページの「編集」に入ります。

画面右側の「固定ページ」項目を下の方へスクロールします。
「下部ウィジェットを隠す」にチェックを入れて「更新」します。

プロフィールページではお問い合わせボタンが表示、お問い合わせページでは非表示になっていればOKです。

ゆかぴ

最後に、ボタンをクリックして、「お問い合わせページ」に飛ぶかどうかを確認してみてください。

プロフィールページは、お問い合わせボタン表示