ケーススタディ
画像をクリックすると「商品詳細.pdf」が表示されるように設定したい。
ホーム ≫ 記事画像のリンク先にPDFを指定する ≫
[ケーススタディ]
リンク先にPDFを指定する
（画像編）
事前準備
- PDF（商品詳細.pdf）をファイル管理にアップロードしておく。
1.PDFのファイル名を取得する
リンク先に指定するPDFのファイル名を取得します。
例）/materials/157769157975101.pdf
※materialsの前にあるスラッシュ（/）も含めてコピーします。
リンク先のファイル名にスペルミスなどの誤りがあると、正しく表示されませんので、リンク先のファイル名は必ずコピー＆ペーストしてください。
2.記事の画像またはギャラリーに画像の編集画面を開く
記事画像の場合
リンクを設定したい記事の編集画面を開きます。
「画像クリック設定」の下向き矢印をクリックして、「画像にリンクを指定」を選択します。
ギャラリー画像の場合
リンクを設定したいギャラリー画像の編集画面を開きます。
「画像クリック設定」の下向き矢印をクリックして、「画像にリンクを指定」を選択します。
3.リンク先を設定する
「リンク先URL」に、先にコピーしておいたPDFのファイル名を貼り付ます。
リンク先のファイル名は必ずコピー＆ペーストしてください。スペルミスなどの誤りがあると、正しく表示されません。
「リンクを新規ウィンドウで開く」にチェックを入れます。
設定が完了したら「登録」ボタンを押します。
4.リンクの設定完了
画像のクリック時にPDFを表示させる設定が完了しました。
5.リンク動作を確認する
編集画面右上の「プレビュー」ボタンにマウスを乗せると、「パソコン」と「スマートフォン」メニューが表示されます。
ここでは、パソコンで確認します。
画像をクリックしたときに、新しいウィンドウでPDFファイルが表示されれば、リンク設定は完了です。
