編 集 者 メ モ １
- 複数ページの文章をFlip形式で表示させて、内容の検索もできるようにする方法
- Pages等で文書を作成する。背景があれば削除する。
- この文書が新規作成の場合には問題が少ないが、既成の文書を元にして編集するような場合に、文書内に「見えないテキスト」が隠されてしまうことがあるので、以下の手順で見えないテキストを削除する。
- そこで、先ずは文書を画像（PNG)として出力する。複数ページあると複数の画像ファイルができる。
- それを全部選択して、「Preview」で開く。
- それをPDF書き出しで一つのPDF文書にする。その際に、設定で「出力：検索可能な画像」を選ぶ。
- 書き出されたPDFをAdobe AcrobatでOCRをかける。念の為、OCRをかけたPDF文書内をある文字で検索する。検索できたらOK.
- そのPDFを「FlipHtml5」にアップロードする。
- 「FlipHtml5」のダッシュボードからアップロードされたPDFを選んで「カスタマイズ」する。
- 「カスタマイズ」の「デザイン」の「ページ表示」を選ぶ。そこで、「デフォルトのページビュー」で「シングルページ」か「ダブルページ」を用途に合わせて選ぶ。これはPCのみに適用される。スマホやタブレットでは「シングルページ」になる。PCでも「シングルページ」の方が大きく表示されるので見やすいが「ダブルページ」を選ぶと見開き表示になって、見栄えは良くなる。
- これをWeb Siteに埋め込むには「共有」を選んで、アイコンの中から「埋め込む」を選んで「レスポンシブ対応」選ぶ。
- 「埋め込みコード」をコピーして、サイト内にHTMLタグ貼り付けを行う。
- BindUPで編集を行う際には、貼り付けたいブロックを選んで編集を開始する。右側のウィンドウから「カスタムタグ」を選んで貼り付ける。
- ここで、ブロックの高さとカスタムタグの高さが違って、カスタムタグで貼り付けたi-Frameの高さが高いと、編集しているブロックの途中に次のブロックが重なって表示される。
- その場合には、編集画面の右上に「ハンバーガーメニュ：３本横線」アイコンから「CSS詳細設定」を選んで「ブロック全体の設定」で「高さ」を変更して調整する。
- このように一連の作業を行うと、Site内に検索できるPDFが「書籍」のように表示される。
- 但し、「FLIPHTML5のURL自体は有効であっても、BindUPでは、複雑な比率指定を外して、FLIPHTML5で書き出されたコードを忠実に差し替えて下さい」
その他
貼り付けられたPDFのMoreボタンを押すとSocial Shareができるようになっていますが、これをできないようにするには、FLIPHTML5のどこで、何を設定すれば良いですか？
FLIPHTML5の対象ブックの編集画面で、ツールバーの「Share Button」を無効にします。
手順は次のとおりです。
FLIPHTML5にログイン
「Projects」→「Publications」を開く
対象の就業規則を選び、「Customize」または「Edit Book」を開く
左側メニューの「Design」を開く
「Toolbar Settings」を開く
「Share」を選択
「Share Button」をOFFにする
「Save」をクリックして保存
これで、閲覧画面の「More」の中にある「Social Share」が表示されなくなります。
FLIPHTML5公式：Toolbar Settings
「Custom Share List」でFacebookやXなどを個別に外す方法もありますが、今回は外部共有をすべて禁止したいので、「Share Button」自体をOFFにするのが確実です。
併せて、同じ設定画面で以下も確認すると安心です。
「Download Button」：OFF
「Print Button」：OFF
「Select Text Button」：必要に応じてOFF
「Share Button」：OFF
設定保存後、BindUPの埋め込みコードを貼り直す必要は通常ありません。公開ページを強制再読み込みするか、シークレットウインドウで確認してください。
新規：20260423