リンクの作成方法

HOME > 編集方法 > リンクの作成方法

リンクの作成方法

ホームページを作るのであれば、リンク作成作業は必須です。

html を使ったホームページであれば、以下のようなタグになります。

<a href="URL">リンク名</a>

もちろんQHMでも、html を使うことは出来るのですが、もっと簡単な作業でリンクを作成できますので、是非それを利用しましょう。

当サイトご利用の際はご利用方法をまず、ご覧ください。

ツールボックスを使ってリンクを作成する

ツールボックス

ツールボックス上段のをクリックします。

すると、小さなポップアップが立ち上がり　「リンク名を入力してください」　と書いていますので、枠内に、リンクを張りたいテキストを入力します。

OKを押すと次は　「リンク先（ページ名、URL）を入力してください」　と書いていますので、QHMでつけたページ名か、URLを入力してください。

すると、以下のようなタグ（おまじない）が自動作成されます。

[[リンク名>リンク先]]

これで、｢リンク名」というテキストをクリックすれば、リンク先に飛ぶリンクが作成されます。

おまじないを手入力してリンクを作成する

QHMでは、タグの事を「おまじない」と呼んでいますが、全てのおまじないを覚えるのは、ほぼ不可能と言ってもいいでしょう。
QHMのホームページにも書いていますが、
大事なことは、「どこがおまじないか？」が分かることなのです。

ただ、このリンクに関しては、私はおまじないを覚えた方が便利だと思います。
なぜかと言うと、「その方が、早くて応用も効く」からです。

リンクのおまじないは、とても簡単で覚えやすいです。

[[>]]

> の左側がリンク名（テキストや画像）
> の右側がリンク先アドレス（ＱＨＭのページ名）
両端を [[ ]] で囲む
おまじないは、半角英数で入力する

上記に気をつけて、入力すれば、問題なくリンクが貼られます。

色んなリンクの張り方

画像にリンクを貼る

おまじないを手入力する事によって、テキストだけでなく、画像リンクを作成するのも、簡単になります。

[[&ref(画像ファイル名,nolink,画像の説明);>リンク先]]

上を見ると複雑そうですが、画像をアップロードしている編集ページ下部のをクリックすれば、

&ref(画像ファイル名,nolink,画像の説明);

が自動挿入されます。
あとは、そのタグを囲むように、 [[>]] を入力します。

画像のアップロードが分からない方は、画像の貼り付け方をご覧下さい。

装飾したテキストにリンクを貼る

カラーテキスト

[[&color(文字色){リンクテキスト};>リンク先]]

マーカー装飾

[[&color(文字色,背景色){''リンクテキスト''};>リンク先]]

テキストを装飾ごと囲むようにリンクのおまじないを記述します。
リンク先は、ページ名か、URLを記述します。

例）
QHMユーザーの為のリファレンス
 QHMユーザーの為のリファレンス

[[&color(red){QHMユーザーの為のリファレンス};>FrontPage]]
[[&color(yellow,black){''QHMユーザーの為のリファレンス''};>http://www.freeqhm.com/]]

※テキストにそのままリンクのおまじないを記述すると、cssのカラーが優先されて、テキストの色は変わりません。

QHMユーザーの為のリファレンス
QHMユーザーの為のリファレンス

&color(red){[[QHMユーザーの為のリファレンス>FrontPage]]};
&color(yellow,black){''[[QHMユーザーの為のリファレンス>http://www.freeqhm.com/]]''};

テキストの装飾方法については、以下をご覧下さい。

QHMを使い始めの頃は「おまじない」の存在に戸惑う事もあると思います。
しかし、慣れていくにしたがって、簡単に作成できるようになります、
そして、「どこがおまじないか？」と言う事を意識しながら編集をしていくと、作業効率が上がっていきます。
その頃には、難しかったホームページ作成が、どんどん簡単になっていくので、作成するのが楽しみになってきます。
QHMの最大の魅力は「楽しく作れる」ということだと、私は思っています。

このページのトップに戻る

選択肢	投票
参考になった	6
使ってみたい	0
実際に使ってみた	0

QHMユーザーの為のリファレンス

QHM(クイックホームページメーカー)なら、ホームページを簡単に作成出来ます。
QHMの使い方、編集方法、レイアウト、SEO対策などをご紹介しています。