WordPressの投稿とページにボタンを追加

WordPressにはボタンブロックが組み込まれており、ボタンの追加は比較的簡単です。これは（Gutenberg）Gutenberg WordPressブロックエディタの特徴です。

どんな方法があるのか見てみましょう！

デフォルトのエディタを使ってWordPressの投稿／ページにボタンを追加する

私たちの経験では、この方法はシンプルで初心者に最適です。WordPressのブロックエディタに組み込まれている"ボタン「ブロック

まず新しい投稿もしかしたら既存の投稿を編集するにはボタン追加.

投稿編集画面で「」をクリックします。+「アイコンをクリックしレイアウト要素セクションでボタンブロックを選択します。

次に、コンテンツエディターに追加されたボタンブロックを見ることができます。

をクリックするだけです。テキストの追加..." フィールドにボタンテキストを入力します。

その後、ツールバーのリンクボタンをクリックしてリンクを追加します。

投稿やページを検索することもできますし、URLをコピーしてリンク欄に貼り付けるだけでもOKです。

終了したら、"入る「またはプレスアプライアンス「アイコンをクリックしてリンクを保存する。

ボタンを中央に表示するには、"正しい順序で並ぶ「アイコンをクリックし、"中央揃え".ボタンの垂直方向の配置もツールバーから変更できる。

次に、右側のブロック設定パネルから、ボタンのスタイルをカスタマイズしたり、テキストや背景の色を変更したりすることができます。

ブロックの設定を "スタイル"タブでボタンのスタイルを調整します。

ボタンのスタイルはデフォルト、アウトライン、スクエアの3種類から選べます。各ボタンをクリックして試してみて、最適なものを選ぶことができます。

カラー設定セクションには、ボタンの背景とボタンのテキストに5つのカラーバリエーションがあります。それだけでなく、" "ボタンをクリックして変更することもできます。カスタムカラー"オプションで選択したカスタムカラーを使用します。

ボタンのデザインに満足したら、投稿を保存するか、公開してプレビューしてください。

デモサイトではこんな感じです。

WordPressにクリックコール・ボタンを追加する

一般的なコールトゥアクションのフレーズボタンに加え、クリックトゥコールボタンをウェブサイトに追加して、リードとコンバージョンを増やすことができます。

クリックトゥコールボタンは、特定のタイプのコールトゥアクションのフレーズボタンで、ユーザーがワンタップでチームに電話をかけることができます。

クリック・トゥ・コールボタンを使用すると、ウェブサイトの訪問者はすぐにチームと話すことができます。見積もり依頼、販売前情報、問題解決など、お電話でのご相談は迅速かつ簡単です。

スマートフォンユーザーの増加に伴い今すぐ電話ボタン今はそうなりつつあります。

を追加する方法を順を追って見ていきましょう。通話ボタンをクリック.

インストールとアクティベーションWPコールボタンプラグイン.

アクティベーション後WPコールボタン」の設定ページで、プラグインの設定とクリックトゥコールボタンのデザインを行います。

まず、"スティッキーコールボタン「セッティング

まず、"今すぐお電話ください「ボタンのステータス。スイッチをクリックすると、このステータスが有効になります。

その後、電話番号を入力します。WP Call Buttonには、国コードを含む電話番号フィールドがあります。国を選択し、電話番号を入力するだけです。

その後、通話ボタンのテキストを編集し、通話ボタンの位置と色を選択することができます。

ウェブサイトのオプションもあります。スティッキーコールボタンの位置を表示します。.デフォルトでは、すべてのページ、すべてのデバイスに通話ボタンが表示されます。ページによっては実証するもしかしたら非表示ボタンまたは携帯電話でご覧ください。

すべてのオプションを見た後、一番下の"変更を保存する「ボタンをクリックしてください。サイトのフロントエンドを更新して、スティッキーコールボタンの動作を確認してください。

スティッキーコールボタンに加え、このプラグインはWordPressのページ、投稿、サイドバーに静的コールボタンを追加するためにも使用できます。

WordPressブロックエディタを使用している場合、WPコールボタンブロックを使用して、ページに今すぐコールボタンを簡単に追加することができます。

新しいページを作成するか、既存のページを編集して、ページエディタを使って追加してください。 WPコールボタンブロック.

ボタンのテキスト、ボタンの色、テキストの色、フォントサイズ、電話アイコンの表示/非表示をカスタマイズできます。

デザインにご満足いただけましたらポストもしかしたら更新ページ。