モード

リンク先URL
クリックできる文字
画像のURL

プレビュー

コード

このサイトの使い方・リンク生成方法

このサイトは、HTMLを書けない人が、簡単にHTMLのリンクコードを生成し、取得するためのサイトです。
ご利用にあたって、何か問題が生じた場合、いかなる責任も、おいかねます。予めご了承ください。

それでは、利用方法を解説します。

リンクタイプの違い
テキスト文字のリンク 画像のリンク
文字をクリックできるタイプ 画像をクリックできるタイプ

以下の中から、ご希望のやり方をご覧ください。

テキスト文字のリンク生成方法

1. モードを選択する

「テキスト文字のリンク」を選択してください。

2. リンク先のURLをコピーする

リンク先のURLは、いくつかの方法により取得出来ます。

ブラウザのURLをコピー

Wordpressの管理画面からコピー

3. コピーしたURLを、「リンク先URL」にペーストする


4. クリックできる文字を入力する

5. 「コード生成」をクリックする

6. プレビューを確認する

プレビューを見て、正常に動作するか確認する。

もし動作が正常にしなかった場合、修正を行う。

7. コードをコピーする

正常に動作していれば、「コード」の中をコピーする。

8. コードをペーストする

コピーしたコードを、挿入したい箇所にペーストすれば完成です。

画像のリンク生成方法

1. モードを選択する

「画像のリンク」を選択してください。

2. リンク先のURLをコピーする

リンク先のURLは、いくつかの方法により取得出来ます。

ブラウザのURLをコピー

Wordpressの管理画面からコピー

3. コピーしたURLを、「リンク先URL」にペーストする


4. Wordpressに使いたい画像をアップロードする

ドラッグ&ドロップ、もしくはファイルを選択からアップロードします。

5. Wordpressにアップロードした画像のURLをコピーする

編集をクリック

ファイルのURLをコピーする。

6. 画像のURLをペーストする


7. コード生成をクリック

8. プレビューを確認する

プレビューを見て、正常に動作するか確認する。

もし動作が正常にしなかった場合、修正を行う。

9. コードをコピーする

正常に動作していれば、「コード」の中をコピーする。

10. コードをペーストする

コピーしたコードを、挿入したい箇所にペーストすれば完成です。