WordPressの投稿とページにカスタムボタンを追加する方法：詳細なステップバイステップのチュートリアル

WordPress内蔵のボタンブロックは、Gutenberg WordPressブロックエディターで導入された機能で、ボタンをとても簡単に追加できます。この記事では、WordPressのブログ記事やページにコールトゥアクションボタンを追加する方法を紹介します。あなたのニーズに合ったソリューションを選んでください。

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

この方法は使いやすく、すべてのユーザーに適しています。WordPressのブロックエディタに組み込まれている"ボタン「ブロックまだ古いクラシック・エディターを使っている場合は、次のセクションに進んでください。

1.ページを選択

必要新しい投稿を作成するもしかしたら既存の投稿を編集するをクリックしてボタンを追加します。

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

2.ボタンブロックの追加

次に、ボタン・ブロックがコンテンツ・エディターに追加されたことを確認してください。単に"テキストを追加する"フィールドにボタンテキストを入力する。

3.ボタンテキストを追加する

次に、ツールバーのリンクボタンをクリックしてリンクを追加します。投稿やページを検索するか、URLをコピーしてリンクフィールドに貼り付けるだけです。入力が終わったら、"入る「をクリックするかアプライアンス「アイコンをクリックしてリンクを保存する。

4.ボタンリンクの追加

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

5.ボタン配列の変更

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

6、ボタンスタイルの変更

ボタンのスタイルはデフォルト、アウトライン、スクエアの3種類。カラー設定セクションには、ボタンの背景とテキストの5つのカラーバリエーションがあります。カラー設定は"カスタムカラー「オプションでカスタムカラーを選択できます。ボタンのデザインに満足したら、投稿を保存するか公開するとライブプレビューが表示されます。

クラシックエディターでWordPressボタンを作成する

デフォルトのWordPressブロックエディターは、よりモダンで高速です。一部のユーザーはまだ古いクラシックWordPressエディタを使っています。クラシックエディタは機能が限られており、時代遅れであるため、私たちは使用をお勧めしません。

まだクラシックエディターを使用している場合、3つの方法でWordPressにボタンを追加することができます：

HTML/CSSコードを使用してボタンを追加します。
Button Shortcodeプラグインを使ってボタンを追加します。
ショートコードを使わずにボタンを追加する。

1.使用するショートコード・ボタンについてプラグイン

3つ目の方法は、プラグインを使う方法です。まず、ダッシュボードにインストールして有効化します。 ショートコード・ボタンについて プラグインプラグインを有効化したら、新しい投稿を作成するか、既存の投稿を編集します。エディターで"挿入ボタン「アイコン

2、挿入ボタンアイコン

新しいボタンをデザインするウィンドウがポップアップ表示されます。まず、ボタンのテキストとURLを追加します。 ノーフォロー タブで「リンクを新しいタブで開く」を選択する。

3.ボタンのアイコンと色を選ぶ

また、ボタンのアイコン、テキストの色、背景色を選択し、ボタンのスタイルとサイズを選択することができます。完了したら、"更新"ボタンをクリックすると、そのボタンが投稿に挿入されます。

4、ボタンアライメント

ボタンの配置は、ボタンテキストを選択し、エディタのツールバーボタンを使用して設定することができます。デザインに満足したら、投稿を公開または更新して実際の結果を見ましょう。

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

クリックトゥコールボタンは、ユーザーがクリックするだけであなたのチームに電話をかけることができる、特定のタイプのコールトゥアクションのフレーズボタンです。これは、リードとコンバージョンを増やすのに非常に効果的です。

1.インストール WPコールボタンプラグイン

まずは。WP Call Buttonプラグインをインストールして有効化する有効化後、設定ページにアクセスします。有効化後、設定「WP Call Button」ページにアクセスし、プラグイン設定とクリック・ツー・コール・ボタンのデザインを行います。

2、スティッキーコールボタンの設定

Sticky Call Buttons設定で、Call Nowボタンの状態を有効にし、電話番号を入力し、通話ボタンのテキストを編集し、ボタンの位置と色を選択します。

3、カスタムボタン設定

ボタンのテキスト、色、アイコンなどをカスタマイズし、ウェブサイトのどのページで、どのデバイスでスティッキーコールボタンを表示するかを選択できます。変更を保存し、ウェブサイトにアクセスすると、ボタンの効果が表示されます。

4.静的通話ボタンの追加

静的コールボタンは、プラグインを使用してWordPressのページ、投稿、サイドバーにも追加できます。ブロックエディターでWP Call Buttonブロックを追加し、ボタンのデザインをカスタマイズします。クラシックエディタを使用している場合は、ショートコードジェネレータを使用してショートコードを取得し、投稿またはページに追加することができます。

5.ウィジェットの追加

WP Call Buttonウィジェットをサイドバーや他のウィジェットエリアにドラッグして、設定を保存します。

WordPressにカスタムボタンのヒントを追加する

ボタンを追加するだけでは十分ではありません。ヒーロー像そしてメニューとカスタムレイアウトページをカスタマイズするページをカスタマイズするにはドラッグアンドドロップ WordPressのページビルダー・プラグイン シードプロ もしかしたら スライブ・アーキテクト.これらのビルダーは、美しいコールトゥアクションボタンを備えたカスタムページを作成するのに役立ちます。

概要

この記事では、WordPressの投稿やページにコールトゥアクションボタンを追加するさまざまな方法について詳しく説明します。デフォルトのGutenbergブロックエディタを使用している場合でも、クラシックエディタを使用している場合でも、さまざまなオプションを利用できます。組み込みのボタンブロックや、Forget About Shortcode ButtonsやWP Call Buttonのようなプラグインを使って、カスタムボタンやクリックトゥコールボタンを追加できます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み