カラムブロックとボタンブロックを利用してリンクボタンを設置する方法

author
21412

バナーの存在を知ったのは2年前。 好きな食べ物はメロンとスイカです。

こんにちは。WEBもデザインもだいたい全部初心者の21412です。

先月、チラシの仕事をいただき、そちらに集中している間にWordPressの使い方がひとつも分からなくなってしまい焦っているところです。

そんな私ですが、カラムブロックとボタンブロックを利用してリンクボタンを設置する方法を学んだので紹介します。

 

STEP1

「ブロックを追加」をクリックして「カラム」ブロックを選択します。

linkbutton001

STEP2

「3カラム:均等割」のカラムパターンを選択します。

linkbutton002

STEP3

カラム内の「+」部分をクリックし、「ボタン」ブロックを選択します。

linkbutton003

STEP4

ボタンに文字を入力し、リンクアイコンをクリックしてリンク先となる印刷物制作ページのURLを入力します。

linkbutton004

STEP5

ボタンを角丸のデザインにするため、「枠線」の「角丸」を「50」に設定します。

linkbutton005

STEP6

他の2つのボタンも同様に「STEP3」~「STEP5」までを繰り返します。

※ボタンのリンク先に誤りがないか確認しながら行います。

linkbutton006

STEP7

「プレビュー」で確認します。

ボタン同士がくっついていることに気付いたので元の画面に戻って修正します。

linkbutton007

STEP8

「幅の設定」を3つのボタンそれぞれ「100%」にします。

linkbutton008

STEP9

もう1度「プレビュー」で確認します。ボタンが均等に配列されました。

linkbutton009

 

Q:ところで「カラム」ブロックとは?

A:2列や3列など横並びのレイアウトを組むブロックのこと。

Q:「ボタン」ブロックとは?

A:リンクボタンを設置するために使うブロックのこと。

 

私にもリンクボタンを設置することができました。

チラシ制作のときにいただいた多くのアドバイスも、WEBサイト制作で活かしていきたいと思います。

 

関連記事

商用利用可能無料画像素材サイト

商用利用が可能な無料画像素材サイト

WEB初心者のブログです

プラグインを追加して「ご依頼の流れ」ページを作る方法

プラグインを追加して「ご依頼の流れ」ページを作る方法

プラグインを使用して「よくあるご質問」ページを作る方法

プラグインを使用して「よくある質問」ページを作る方法

WordPressにYouTubeを埋め込む方法

WordPressにYouTubeを埋め込む方法

WordPressでWEBサイトを始める方法

WordPressでWEBサイトを始める方法