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

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

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

1.ページを選択

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

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

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

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

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

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

4.ボタンリンクの追加

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

5.ボタン配列の変更

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

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

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

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

デフォルトのWordPressブロックエディターは、よりモダンで高速です。一部のユーザーはまだ古いクラシックWordPressエディタを使っています。クラシックエディタは機(jī)能が限られており、時(shí)代遅れであるため、私たちは使用をお?jiǎng)幛幛筏蓼护蟆?/p>

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

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

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

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

2、挿入ボタンアイコン

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

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

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

4、ボタンアライメント

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

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

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

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

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

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

Sticky Call Buttons設(shè)定で、Call Nowボタンの狀態(tài)を有効にし、電話(huà)番號(hào)を入力し、通話(huà)ボタンのテキストを編集し、ボタンの位置と色を選択します。

3、カスタムボタン設(shè)定

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

4.靜的通話(huà)ボタンの追加

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

5.ウィジェットの追加

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

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

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

概要

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

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