ボタン ブロックはWordPressウェブサイトにおいて最も重要な要素の一つです。このボタンを使えば、重要なコールトゥアクションボタンを作成し、オーディエンスの注目を集め、次のステップへと誘導することができます。
また、訪問者を製品ページに誘導したり、ニュースレターに登録したり、オンラインリソースをダウンロードしたりするためにも使用されます。今日は、このガイドで、ボタンブロックとWordPressでのボタンブロックの使い方、プラグインの全体的な概要について説明します。
美しいテーブルを作る
ブロックエディター付き

WordPressでボタンブロックを使うには?
ボタンブロックの使い方はとても簡単です。コンバージョンを高める便利なツールです。必要なのは使い方だけです。チュートリアルの最初から最後まで必ず従ってください。
ステップ1:WordPressボタンブロックを挿入する
まず、ボタンブロックを追加したい投稿またはページに移動します。
プラスアイコンをクリック “+” (ブロックを追加) (1)タイプ "ボタン「検索ボックス内の (2)をクリックする。 ボタン ブロック (3).

ボタンを挿入した後に、ボタンの名前とボタンのリンクを挿入する必要があります。

ここでは、ボタンがどのように機能するかを選択することもできます。例えば、リンクを新しいページで開くように設定したり、スポンサーリンクにしたり、nofollowとしてマークしたりすることができます。その後、保存ボタンをクリックしてください。

ステップ 2: ボタンのカスタマイズ
次に、ボタンの幅を追加します。ボタンの幅を追加します。 設定 (1 ) > ブロック (2) > 設定 (3) > 設定 (4). 設定から任意のパーセンテージを選択し、幅を選択します。

ボタンをさらにカスタマイズするには スタイル タブをご覧ください。お好きなスタイルをお選びください。

スタイルタブには、ボタンをカスタマイズするためのオプションがあります。

- 色: この機能を使うと、ボタンのテキストと背景の色を変更できます。
- タイポグラフィ: タイポグラフィでは、フォントとフォントサイズ、外観、行の高さ、文字間隔、文字組み、文字装飾を選択できます。
- 寸法: Dimensionsでボタンブロックのパディングとマージンを調整できます。
- 国境だ: ボーダーオプションでは、ボタンブロックにボーダーとボーダー半径を追加できます。
上の画像から、タイポグラフィ・オプションを使って何ができるかはもうお分かりでしょう。しかし、これらの機能はデフォルトでは非表示になっています。したがって、これらの機能を表示するには、右上の3つの点をクリックし、エディタに表示するすべてのオプションを選択する必要があります。

カラーオプションでは、ボタンのテキストと背景色を変更できます。

必要であれば、カラーピッカーから色を選択することもできます。ボタンの背景 (1)カラーを選択 (2)カラーバーをクリック (3)そしてカラーピッカーで色を選択する。 (4).

また、ボタンの色をグラデーションにすることもできます。

エディターからボタンのテキストを太字や斜体にすることもできます。

以下は、私が作成したボタンのデモです。
より良いCTAボタンを作成したい場合は、以下をご覧ください。 アルティメット・ブロック. WordPressのコンテンツとエンゲージメントを向上させる22以上のブロックの素晴らしいコレクションを持っています。
すべての修正が終わったら、投稿やページを保存するか、公開する必要があります。
ボタンブロックの概要
Buttonsブロックの詳細を知りたいですか?下のアコーディオンをご覧ください。ブロックに関するすべての詳細が含まれています。
WordPressのボタンブロックとは?
Buttonsブロックは、投稿やページに素晴らしいCTAボタンを作成できるコアブロックです。
リンクへの訪問やフォームへの入力、リソースのダウンロード、製品の購入など、ユーザーとのインタラクションを促し、特定のアクションへと誘導するシンプルかつ強力なツールです。
ボタンブロックの主な特徴は?
Buttonsブロックには、あなたのウェブサイトのブランディングに沿った素晴らしいボタンを作成するための多くの機能があります。主な機能の一部をご紹介します。
- カスタマイズ可能なカラー:テキストと背景の色を自由に選んで、あなたのウェブサイトのテーマに合ったボタンを作成できます。
- 調節可能なボタン幅:ブロック設定からボタンの幅を選択し、コンテンツに合わせることができます。
- フォントと配置オプション:ボタンのテキストのサイズ、スタイル、配置を変更して、視覚的なインパクトを向上させます。
- リンク設定:リンクは新しいタブで開いたり、"nofollow "のようなrel属性を追加することができます。
- グラデーションボタン: ボタンの背景をグラデーションカラーにすることで、ボタンを際立たせることができます。
ボタンブロックのツールバー機能とは?
ボタンブロックを選択すると表示されるツールバーから、カスタマイズに欠かせないツールに素早くアクセスできます:

- ボタンのスタイル ボタンスタイルをエディターから直接選択できるようにしました。
- ドラッグだ: 特定のブロックをエディタ内の任意の場所にドラッグ&ドロップすることができます。
- 動くハンドル: ブロックを左右に動かす。
- 整列する: Alignでは、アライメントをnone、wide width、full widthに設定できます。
- 変更項目の正当性 ボタンの位置を左、中央、右、アイテム間のスペースに調整できる。
- 垂直アライメントを変更する: このオプションを使用すると、ボタンの垂直方向の配置を上、中、下、Stretch to fillに変更できます。
- 整列テキスト: このオプションは、ボタンにテキストを追加するときに使用できます。テキストを左、右、中央に揃えることができます。
- リンク ボタンにリンクを追加できます。
- ボールドだ: オプションを使えば、表示したファイル名を太字にすることができる。
- イタリック体: 表示したファイル名を斜体にすることができます。
- ブロックオプション: ブロックオプションは、ハイライト、インラインコード、画像、取り消し線などの書式オプションを備えています。
- オプション コピー、複製、前に追加、スタイルのコピーなどのブロックオプションがある。
最終的な感想
ボタンは訪問者にインパクトを与えるので、ボタンを作るときは、訪問者のことをよく考えてください。
このチュートリアルがわかりやすいことを願っている。もしガイドラインに従えないようなことがあれば、私に知らせてほしい。喜んでお手伝いします。
試しにボタンブロックを使ってみてください。すべての機能をマスターして、素早くコンバージョンを獲得しましょう。
続きを読む