…生活與工作…個人的生活雜記….

嵌入flip pdf的方式

方法1 使用iframe

缺點:

無法在手持設備完全顯示

<iframe width="1024" height="724" src="filp_PDF_PATH" frameborder="0" allowfullscreen></iframe>

 

 

方法2 使用開新網頁

缺點 : 每一個index.html都要修改

<a href="https://www.est.idv.tw/prius4/" target="_blank" title="Prius">

<img width="350px" border="0" src="https://www.est.idv.tw/prius4/files/thumb/1.jpg" />

 

 

方法3: 使用Flip Book WordPress plugin

缺點:他是讀取index.html後貼在資料庫,所以顯示方式與iframe相同

[ flipbook id=”XX” ]

[flipbook id=”11″]

 

改善方法:修改plugin

修改  flipbook-plugin\app\class-flipbook-model.php

在第176行,增加

$bookcode = '
        <!--change the width and height value as you want.--> 
        <!-- Do change "index.htm" to your real html name of the flippingbook--> 
        <a href="'.$dest_url.'book.html" target="_blank" title="'.$name.'"><img width="350px" border="0" src="'.$dest_url.'files/mobile/1.jpg" />';

 

儲存後即可完成。