現象
FLIPPER U2で作成したデジタルブックのヘッダー画像をクリックするとリンク先に移動しますが、これを無効にしてクリックしても何も起こらないようにしたいです。
回答
FLIPPER U2は、ヘッダー画像にリンクを設定することを前提とした製品仕様となっています。そのため、リンクを完全に無効にするには、FLIPPER U2の設定変更と、書き出し後のHTMLファイルを直接修正する必要があります。
【重要】HTMLファイルを直接編集するため、必ず作業前に該当ファイルのバックアップを取ってください。
1. FLIPPER U2の設定を変更する
デジタルブックの編集画面でリンク先のURLを空欄にします。
- 該当コンテンツの編集画面を開きます。
- 「デザイン」ボタンをクリックします。
- 「リンク先URL」欄に何も入力せず、空欄にします。
- 「設定完了」をクリックして変更を保存します。
2. 書き出し後のファイルを修正する
FLIPPER U2でデジタルブックを書き出した後、生成されたHTMLファイルをテキストエディタで直接編集します。
- 書き出したデジタルブックのファイル一式の中から、以下の2つのファイルを見つけます。
ブックフォルダ/html5header.html(パソコン用のヘッダーファイル)ブックフォルダ/html5mheader.html(スマートフォン用のヘッダーファイル) - 上記のファイルをテキストエディタ(例: メモ帳など)で開きます。
- ファイル内に記述されている**
<a id="logo" ...>で始まる行から</a>で終わる行までを、以下の例のように削除します。<img>タグは残して**ください。
修正前(例)
<body>
<a id="logo" href="" target="_blank">
<img src="./html5/images/logo.png?c=201652141112029867">
</a>
</body>
修正後(例)
<body>
<img src="./html5/images/logo.png?c=201652141112029867">
</body>
この修正を行うことで、ヘッダー画像をクリックしてもリンクが開かなくなります。