新着情報

2020.03.23

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

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

今日は「リンクボタン」についてご紹介します。  

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

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

 お問合せはこちら

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


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

リンクボタンの設定方法

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

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

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

ページトップへ