本文へジャンプします。



ココログサポート Top>>Questions List>>ボタンをクリックできるようにしたい (t...

fixed_question

ボタンをクリックできるようにしたい

よくホームページとかに
「ここをクリック」とかありますよね。クリックすると
他のページが開くというものです。
これはどうやったらできるのでしょうか。

---
ビギナー

basic infomations
  • ご利用中のOSは?:unselected
  • ご利用中のブラウザーは?:unselected
  • ご利用中のプランは?:unselected

インポート | | permalink | その他

Re: [その他]ボタンをクリックできるようにしたい
>クリックすると他のページが開く

「リンク」のことですね。
下記のヘルプページを参照してみて下さい。

【記事にリンクを張る場合】
http://support.cocolog-nifty.com/howto/2006/03/post_ef3b_1.html

【サイドバーにリンクを張る場合】
http://support.cocolog-nifty.com/howto/2006/03/post_2b01_1.html
---
tako
http://tea-for-me.cocolog-nifty.com/blog/

インポート | |

Re: [その他]ボタンをクリックできるようにしたい
回答ありがとうございます。
ためになりました。今後もよろしくお願いします。
---
ビギナー

インポート | |

Re: [その他]ボタンをクリックできるようにしたい
既に回答が得られたようですので蛇足となりますが、ボタン形式にしたい場合は、
<form action="(移動したいURL)">ここをクリック → <input type="submit" value="移動"/></form>
というタグを貼付ける方法もあります。ご参考まで。
---
とおり・すがり

インポート | |

Re: [その他]ボタンをクリックできるようにしたい
感激しております。
ご丁寧にありがとうございます。
蛇足なんてことはまったくありません!
蛇の本体ですよ!
---
ビギナー

インポート | |

Re: [その他]ボタンをクリックできるようにしたい
あの、すみません。
3の方に説明していただいたのですが、

ボタン形式にしたい場合は、
<form action="(移動したいURL)">ここをクリック → <input type="submit" value="移動"/></form>
というタグを貼付ける方法もあります。ご参考まで。

とありますが、この英語のところはどこに入れればいいんでしょうか。ボタンは自分で作成するとのことですが、
どうやって作ればいいのでしょうか。

---
ビギナー

インポート | |

Re: [その他]ボタンをクリックできるようにしたい
まずは実践して見て下さい。

【記事中に釦リンクを作成する場合】
記事の作成画面で「HTMLの編集」タブをクリック(もしくはプレーンテキストモードに切り替えて)し、任意の箇所に、
<form action="http://www.google.com">ここをクリック <input type="submit" value="Googleへ移動"/></form>
のようなタグを貼り付けます。
その後、記事を[保存]して、ブログを表示すると、記事中に“Googleへのリンク”というタイトルで、[Googleへ移動]という釦が表示されていると思います。

記事中にて、好きなサイトへの釦リンクを貼り付けたい場合は、上記のタグ中の、action="〜"の〜部分(リンク先のURL)と、value="〜"部分(釦のタイトル)を変えれば良いわけです。


【マイリストに釦リンクを作成する場合】
1. ココログの管理画面より、『マイリスト』タブをクリック。
2. “リストのタイプ:”で、“メモ”を選択。
3. “リストの名前:”で、適当な名前(例:テスト)を入力。
4. “リストの新規作成”ボタンをクリック。
5. “このリストをブログまたはプロフィールページで表示する”をクリック。
6. “このリストを追加するブログ(またはプロフィールページ)を指定する:”という画面がもし表示されたら、表示したい所を選んで(□にチェックを入れて)“変更を保存”をクリック。
7. “ウィンドウを閉じる”をクリックしてウィンドウを閉じる。
8. “管理”タブの“項目の追加”をクリック。
9. “ラベル”欄は、適当にタイトル(とりあえず「Googleへのリンク」とでも)を入力。
10. “メモ”欄に、
<form action="http://www.google.com">ここをクリック <input type="submit" value="Googleへ移動"/></form>
と入力、“追加”をクリック。
11. “ウィンドウを閉じる”をクリック。

以上の操作後に、ご自分のブログ(もしくは 6. で指定したブログまたはプロフィールページなど)を開いてみてください。
『テスト』というマイリストに、“Googleへのリンク”というタイトルで、[Googleへ移動]という釦が表示されていると思います。
これを押すと、Googleのページへと移動します。
※同一のマイリストには、管理画面の『マイリスト』タブから、指定したいマイリスト(リストの名前)の、『項目の追加』から、いくつも追加が出来ます。

---
とおり・すがり

インポート | |

Re: [その他]ボタンをクリックできるようにしたい
すごすぎます!
ありがとうございます。枕を涙でぬらしそうです。
---
ビギナー

インポート | |

Re: [その他]ボタンをクリックできるようにしたい
なお、任意の画像をクリックすると目的サイトに飛ぶタイプのリンクを作りたい場合には、最初に回答されたtakoさんの書かれた、下記の記事がわかりやすいと思います。

第2回:バナーを張ってみよう
http://tea-for-me.cocolog-nifty.com/blog/2006/02/2_832a.html
---
とおり・すがり

インポート | |

Re: [その他]ボタンをクリックできるようにしたい
とおりすがりさん。ありがとうございます。
あの、恥さらしついでになんですが・・・・

ボタンをクリックして、自分が用意した
ページに飛ぶにはどうしたらいいんでしょうか。
自分が用意した文章とか写真を見せたいんですが。
---
ビギナー

インポート | |

Re: [その他]ボタンをクリックできるようにしたい
先の記事に書いてありますが……
<form action="(自分が用意したページのURL)">ここをクリック <input type="submit" value="(タイトル)"/></form>

普通のリンク(文字に下線がつくもの)なら、
<a href="(自分が用意したページのURL)">(タイトル)</a>

それとも質問の意図はそういうことではない??
---
とおり・すがり

インポート | |