この記事ではリンクの設定方法について説明しています。
Webサイト機能では、文字、画像、ボタンなどにリンクを設定し、同じページの別のセクションを表示させたり、別のページを開いたりする他に、アップロードされているファイルへリンクを設定し、クリックするとダウンロードできるように設定できます。
❶ リンクを設定する
リンクの設定は、パーツのメニューから行う事ができます。パーツを選択した状態で表示されるリンクマークをクリックして、リンクメニューを表示させます。
表示されるメニューでは、設定するリンク先として
・URL/ID・・・外部のURLやページ内のセクションIDを指定してリンクを設定します。
・ページ・・・Hirameki 7のWebサイト機能で作成した他のページへのリンクを設定します。
・ファイル・・・Hirameki 7にアップロードしているファイルへリンクを設定します。
それぞれの、リンク先を選択すると続いて詳細なリンク先の指定メニューが表示されます。
| URL/ID | ページ | ファイル |
| 入力欄にURLまたはIDを入力します。 | 表示されるページからリンク先を選びます。 | ダウンロードさせるファイルを選択します。 |
また、パーツを選択して表示されるライトメニュー(右側のメニュー)の「詳細設定」に表示されるリンクメニューでもリンク設定をすることができます。
ライトメニュー内では、テキストパーツなどに設定されるHTMLタグが表示されますので、文章中の一部文字列にだけリンクを貼りたい場合は、こちらからタグを操作して調整することもできます。
注意
こちらの例で使っているHTMLタグは
<a class="link-text" href="/">ここにリンクにしたい文字列</a>
のように使います。
※詳細なHTMLタグなどにつきましては、サポート外とさせていただいております。
❷ URL/ID(ページ内リンク:アンカーリンク)へのリンク
URL/IDを選んだ場合は、URL/ID欄にURLまたはIDを入力します。
ページ内リンク(アンカーリンク)を設定したい場合には、まずリンク先のセクションなどのIDを確認します。IDの確認は、対象となるパーツを選択した状態で、ライトメニューの「詳細設定」内にある「ID」を確認します。
こちらで確認したIDをリンク元となるパーツのリンクメニューで入力します。その際、必ず先頭に「#」を付けて入力します。
以上でページ内リンクの設定が完了します。
ポイント
✔こちらの機能を使うと、ページ内ではなく他のページの特定箇所へのリンクを設定することもできます。Hirameki 7で作成されたページに配置されているパーツ等の要素には、必ずIDが付与されます。付与されたIDを確認の上で、URL/IDの入力欄に
https://リンク先ページのURL/#ID
とすると、別ページの特定箇所にリンクします。
❸ ページへのリンク
Hirameki 7内で作成した他のページへのリンクを設定する際には、「ページ」を選択します。
リンク先の候補となるページは、その時点で作成されているページになります。
❹ファイルへのリンク
ファイルへのリンクは、Hirameki 7のファイル管理機能にアップロードしているファイルへのリンクが設定できます。まだアップロードしていないファイルへのリンクを設定したい場合には、この画面からファイルをアップロードすることもできます。
「ファイルをアップロード」をクリックすると、ファイル選択画面が開きますのでパソコン上にあるファイルを選択します。選択されたファイルは、レフトメニューのファイルにアップロードされます。
注意
ファイル管理にアップロード可能なファイルは、以下の通りです。
・1ファイルあたりの最大容量:5MB
・最大アップロード容量:Webサイトの画像ファイルと合わせて300MBまで
※ファイル数による制限はございません。
・アップロード不可ファイル:*.exe(実行ファイル),*.bat,*.com,*.cmd,*.lzh,*.7zなど実行ファイル、コマンドファイルはアップロード不可
「ファイルから選択」をクリックすると、レフトメニューのファイルが開き、そちらよりリンク先となるファイルを選択します。リンク先に指定するファイルをクリックするとう、メニュー内にファイル名が追加されます。
「ストレージから選択」をクリックすると、ファイル管理機能にアップロードされているファイルへリンクを設定することができます。
ファイル管理機能については、こちらをご覧ください。ファイル管理機能からリンク先に指定するファイルを決定すると、メニュー内にファイル名が追加されます。