WordPressでボタンを作る方法|リンクを設定してスマホで確認

案内ページの下に「施工料金を見る」などのボタンが一つあると、読者が次に進みやすくなります。WordPressのブロックエディターに標準である機能を使います。

1.「ボタン」ブロックを追加する

本文で置きたい位置を選び、「+」から「ボタン」を探します。複数のボタンをまとめる外側と、実際に文字を入力する内側があります。まずは一つ作り、「施工料金を見る」と入力します。

2.リンク先を指定する

内側のボタンを選び、鎖の形のアイコンを押します。案内したいページの公開URLを入力し、適用します。管理画面や編集中のプレビューURLではなく、読者が開ける通常URLを使いましょう。後で変更するときも、同じボタンを選んで設定を開き直します。

3.文字と配置を整える

「こちら」だけでなく、リンク先で何が分かるかを短く書きます。「料金を見る」「問い合わせる」のように目的を分けると、二つ並べても迷いません。ボタンをまとめる外側のブロックで配置を調整できます。背景と文字に十分な明暗差があるかを見てください。

4.スマホで押してみる

プレビューで、文字が切れず、他のボタンとの間隔があることを確認します。横並びが窮屈なら折り返しを許可するか、縦に並べます。実際にボタンを押し、意図したページが開くかを確かめてください。

文章の途中で補足を紹介するときは普通の文字リンクで十分です。読後の主な行動を目立たせるときにボタンを使います。

ほかの編集方法は記事づくりガイド、管理画面の入口はWordPressの基本と初期設定へ。

これからWordPressを始める方へ

すでにサイトをお持ちなら、この操作のために新しい契約は不要です。準備中の方はサーバーとドメインの選び方をご覧ください。

広告

ドメインを用意する



サーバーを用意する



コメント

タイトルとURLをコピーしました