ぱっとカエルニュース
2020.03.23
ぱっとカエル小技「リンクボタンの作り方」
こんにちは!岡山・倉敷でホームページ作成なら”ぱっとカエル”!
カエルくんのホームページブログです。
今すぐ使える!誰でも分かる!を目指して日々ぱっとカエルの小技(テクニック)をご紹介しています。
本日のお題は「リンクボタン」についてです
ホームページで文章を作ると、別ページへのリンクを載せることがありますよね。
「お問合せはこちら」や「詳細」など。
(リンクの設定方法について詳しくは https://www.pattokaeru.com/news/2019/11/21843/ の記事を読んでみてください。)
通常のリンクのみだとこちらのような
テキストリンクにしかなりませんが、ひと手間することによって、
このようなボタン形式に変えることが可能です。
リンクボタンの設定方法
1.リンクをさせるテキストを入力する。
2.テキストを選択し、リンクボタンをクリック。
3.リンクタイプを適宜選ぶ。
---ここまでは普通のリンク設定方法---
4.「高度な設定」タブに移り、スタイルシートクラスに btn02 と記載する。
5.保存する。

以上で以下のようなボタンを設置することができます

少しの手間で見やすくページを整えることができます。ぜひ挑戦してみてください!
岡山で簡単に更新できるホームページCMSをお探しなら”ぱっとカエル”!
ご要望があればサンプルサイトもすぐにご用意できますので、お気軽にお問い合わせください☆