トップページ > 記事閲覧
【質問】ボタンをリンク無しにする方法
投稿日 : 2017/10/30(Mon) 10:57
投稿者 まぁ
参照先
いつもお世話になります。
haikのパーツの中のボタンがあると思いますが、これをリンクしないように使う事は可能でしょうか?
デザインが綺麗なので、見出しとかに使いたいと思っているのですが、そのボタンはクリックできるようになっておおり、そこをクリックすると自動的にリンクページに飛んでしまいます。ログインしていない状態だと、ログイン画面(パスワードとか入れる画面)に飛んでしまいます。
このボタンをクリックできないよいうにして、単純にデザインだけを活用することはかのうなのでしょうか?
Re: 【質問】ボタンをリンク無しにする方法
投稿日 : 2017/10/30(Mon) 17:56
投稿者 yuna
参照先
ボタンではなく、ラベルを使うのはどうでしょうか?
&label(primary){リンクのないラベルボタン};

↑↑↑多分こちらでは、小さいラベルだと思いますので、
&deco(,,35){&label(primary){リンクのないラベルボタン};};とし、大きさを変えるのはいかがでしょうか?
Re: 【質問】ボタンをリンク無しにする方法
投稿日 : 2017/10/30(Mon) 12:42
投稿者 mayumi
参照先 http://takarazuka-cocolo.jp/
いしまるさん
Yujiroさん

早速のご返信ありがとうございました。
大変助かりました!
そして、「見出し」じゃないとSEO対策が弱くなってしまうんですね。勉強になります。
あまり多様しないように、ちょっと見栄え良くしたいところだけに使うようにしようと思います。
本当にありがとうございました!
Re: 【質問】ボタンをリンク無しにする方法
投稿日 : 2017/10/30(Mon) 12:13
投稿者 いしいまる◆vOmCuTAP2Tw
参照先 http://haik.oi21.net/
ボタンのみで1行使うなら、次の様にhtml2プラグインを利用する方法もあると思います。

#html2(<button class="btn btn-primary btn-block">見出しに使う</button>)

#html2(<button class="btn btn-info">枠幅小さい普通のボタン</button>

#html2のカッコ内の記載方法は、ネットで検索しBootstrapの説明の
あるページを確認してください。以下などが良いかな。
http://www.tohoho-web.com/ex/bootstrap.html
Re: 【質問】ボタンをリンク無しにする方法
投稿日 : 2017/10/30(Mon) 12:07
投稿者 Yujiro
参照先
もっとも簡単な方法はリンク先URLに"#"を入れることです。

例えば・・・

&button(#,オプション){どこにも飛ばないボタン};

ただし、マウスのロールオーバーによる反応は残ります。

それからこのボタンを「見出し」として使いたいということで
すが、SEOの一般論としてはおすすめできません。

見出しはページ全体を論理的に表しており、従来通りの見出し
マークを使って記述するのがSEOとしては吉です。

- WEB PATIO -