【WordPress】URLをボタンにする方法

WordPressの「ボタン」ブロックを使うと、URLを簡単にボタン化できます。

この記事では、その作成手順とデザイン設定を分かりやすく紹介します。

WordPress標準の「ボタン」ブロックとは？

WordPressに組み込まれているボタン機能で、

• どのテーマでも使える
• グラデーション背景が選べる❤️
• 角丸や色変更が簡単

という、汎用性の高いブロックです。

WordPressのURLボタンの作り方（手順）

１．ブロックの右辺にプラスサインが表示されています。クリック。

以下のようになります。

２．検索ボックスに[ボタン]と入力。

・白い[ボタン]アイコンがWordPressのボタンです。クリック。

３．ボタンのテキストを入力する（いつでも修正可。）

４．安全ピンのような形の[リンク]アイコンをクリック。

入力欄にリンク先のURLをコピペし、矢印アイコンをクリック。

５．右サイドバーからお好みで各種設定。

ボタンサイズ：[ブロック]タブ＞花の形の[設定]アイコンタブをクリックすると、ボタンの幅を選択設定できます。

スタイルと色設定

[ブロック]タブ＞丸い形の[スタイル]アイコンタブで、次の設定ができます。

• スタイル： 塗りつぶし / アウトライン
• 色： テキスト色・背景色（グラデーションも可）
• 枠線： 幅・色・丸み（角丸）

そして、[色設定]の[背景]をクリックすると、グラデーション効果を選ぶこともできます！

６．ボタンの位置は、ボタンテキストをクリックして表示されるツールバーから選べます。

おわりに

ボタンを使うと、おすすめしたいページがひと目でわかるようになり、回遊率アップにもつながります。

まずは1つ、この記事の後に読んでほしいページへのボタンを作ってみてくださいね。