岡山市・倉敷市でホームページ制作なら”ぱっとカエル”!

ぱっとカエルコラム

2020.03.23

ぱっとカエル小技「リンクボタンの作り方」

こんにちは!岡山・倉敷でホームページ作成なら”ぱっとカエル”
カエルくんのホームページブログです。

今すぐ使える!誰でも分かる!を目指して日々ぱっとカエルの小技(テクニック)をご紹介しています。
本日のお題は「リンクボタン」についてです  

ホームページで文章を作ると、別ページへのリンクを載せることがありますよね。
「お問合せはこちら」や「詳細」など。
(リンクの設定方法について詳しくは https://www.pattokaeru.com/news/2019/11/21843/ の記事を読んでみてください。)

通常のリンクのみだとこちらのような

 お問合せはこちら

テキストリンクにしかなりませんが、ひと手間することによって、


このようなボタン形式に変えることが可能です。

リンクボタンの設定方法

1.リンクをさせるテキストを入力する。
2.テキストを選択し、リンクボタンをクリック。
3.リンクタイプを適宜選ぶ。
---ここまでは普通のリンク設定方法---
4.「高度な設定」タブに移り、スタイルシートクラスに btn02 と記載する。
5.保存する。

以上で以下のようなボタンを設置することができます
少しの手間で見やすくページを整えることができます。ぜひ挑戦してみてください!

岡山で簡単に更新できるホームページCMSをお探しなら”ぱっとカエル”
ご要望があればサンプルサイトもすぐにご用意できますので、お気軽にお問い合わせください☆

ACCESS アクセス

【受付時間】 平日9:00~17:30
ネットリンクス株式会社
岡山県岡山市北区表町1-7-15 パークスクエアSHOWA3階

・岡山電気軌道東山本線「県庁通り」下車後、徒歩2分
・天満屋本店より徒歩2分
・岡山駅よりタクシーで10分

岡山駅~ネットリンクスまでの経路案内はこちら (別サイトへリンクします)

ページの先頭へ戻る