
內容簡介
FlippingBook Plugin 是一款翻頁電子書 PDF 查看器解決方案,允許您在 WordPress 中一步完成嵌入通過 FlippingBook Online 或 FlippingBook Publisher 創建的翻頁電子書,無需麻煩的操作。
您不必再使用嵌入 PDF — 改為轉換成響應式和互動的 HTML5 翻頁電子書,然後使用此外掛在網頁中一鍵嵌入。您的翻頁雜誌或手冊將成為您網站的一個無縫功能,隨時準備著手引人入勝。
關於 FlippingBook
FlippingBook 幫助全球超過 50,000 名客戶創建各種數字文檔。如果您對此格式不熟悉,請查看我們的 PDF 翻頁電子書示例,並激發靈感創建自己的 3D 翻頁電子書。
如何在 WordPress 中嵌入翻頁電子書
如果您是 FlippingBook 用戶:
1. 複製您想要嵌入的 PDF 翻頁電子書鏈接。
2. 前往 WordPress 網站的管理面板。通過插件菜單找到 FlippingBook Plugin 並啟用它。
3. 現在,您只需將翻頁電子書共享鏈接直接粘貼到文章主體中,鏈接將自動轉換為整潔的 oEmbed。
如何在 WordPress 中嵌入 PDF
如果您之前從未使用過 FlippingBook:
1. 註冊 FlippingBook,並創建您的第一本翻頁電子書* — 只需上傳您的 PDF 並進行自定義設置。
2. 在您的翻頁電子書完成時,複製該共享鏈接。
3. 前往 WordPress 網站的管理面板。通過插件菜單找到 FlippingBook Plugin 並啟用它。
4. 現在,您可以只需將翻頁電子書共享鏈接粘貼到文章主體中,鏈接將自動轉換為整潔的 oEmbed。
(*) 您可以立即註冊我們的付費訂閱,或嘗試試用所有功能。切勿忘記在試用期結束後選擇最適合您的計劃,否則您的翻頁電子書將離線。
特點
管理頁面
您可以通過 WordPress 網站的管理頁面進行 oEmbed 的設置微調。
使您的翻頁電子書響應式,並自定義 oEmbed 比例
這兩個設置允許您使 FlippingBook oEmbed 響應式。
您的嵌入將不再具有默認大小,而是按寬度填寫容器,並保留 oEmbed 比例字段中指定的比例。
如果您想將此 oEmbed 響應式設置應用於現有的 FlippingBook oEmbed,則需要清除 oEmbed 緩存。
設置自定義域名
如果您是 FlippingBook Online 用戶,並且您已經設置了自定義域名,則應在相應字段中輸入該域名,以啟用 oEmbed 和短代碼支持自定義域名。更多關於自定義域名的信息請查看此文章。
短代碼
通過短代碼,您可以進一步自定義 WordPress 翻頁電子書。
為此,在 FlippingBook Online 帳戶中選擇嵌入→嵌入到 WordPress,然後在 FlippingBook Publisher 中選擇出版物→獲取嵌入代碼→WordPress(如果您支持雲端主機)。在那裡自定義您的 oEmbed 的外觀和大小,然後只需複製嵌入代碼即可。
您還可以自己製作 [flipbook] 短代碼,以指定您可能需要的所有屬性,例如:
外掛標籤
開發者團隊
原文外掛簡介
FlippingBook Plugin is a flipbook PDF viewer solution. It allows you to embed flipbooks made via FlippingBook Online or FlippingBook Publisher into WordPress in one step, without any extra fuss.
You don’t have to be make do with embedding PDFs anymore—turn them into responsive interactive HTML5 flipbooks instead and then use the plugin to embed them into a webpage in a click. Your flipbook magazine or brochure will become a seamless feature of your website, ready to engage.
About FlippingBook
FlippingBook helps create all kinds of digital documents for more than 50,000 customers around the world. If you’re new to the format, check out our PDF flipbook examples and get inspired to create your own 3D flipbook.
How to embed a flipbook into WordPress
If you’re a FlippingBook user:
1. Copy the link to the PDF flipbook you want to embed.
2. Go to the admin panel of your WordPress website. Find FlippingBook Plugin through the Plugin menu and activate it.
3. Now you can simply paste your flipbook sharing link into the body of your post, and the link will be converted into a neat oEmbed automatically.
How to embed a PDF into WordPress
If you’ve never used FlippingBook before:
1. Sign up for FlippingBook and create your first flipbook*—just upload your PDF and customize it.
2. Copy the sharing link to your flipbook when it’s ready.
3. Go to the admin panel of your WordPress website. Find FlippingBook Plugin through the Plugin menu and activate it.
4. Now you can simply paste your flipbook sharing link into the body of your post, and the link will be converted into a neat oEmbed automatically.
(*) You can either sign up for our paid subscription straight away or go for the trial to try out all the features first. Don’t forget to choose the plan that works best for you once your trial is over—otherwise your flipbooks will go offline.
Features
Admin page
You can tweak the settings of your oEmbed via the admin page of your WordPress website.
Make your flipbook responsive and customize the oEmbed ratio
These two settings allow you to make the FlippingBook oEmbeds responsive.
Instead of having a default size, your embeds will fill the container by width and retain the ratio specified in the oEmbed ratio field.
The Make oEmbed responsive setting will apply to all new oEmbeds. You’ll need to clear the oEmbed cache if you’d like to apply the setting to your existing FlippingBook oEmbeds.
Set a custom domain name
If you are a FlippingBook Online user and you have your Custom Domain set up, you should enter the domain name in the relevant field to enable the oEmbed and the shortcode support for your custom domain. You can get more information about custom domains in this article.
Shortcode
With a shortcode, you can customize your WordPress flip book even further.
To do so, choose Embed → Embed into WordPress in your FlippingBook Online account and Publication → Get Embed Code → WordPress in FlippingBook Publisher if you host on the cloud. Customize the look and the size of your oEmbed there and then just copy the embed code.
You can also make the [flipbook] shortcode by yourself to specify all the attributes you may need, such as:
width—the width of your embed in pixels or percentages
height—the height of your embed in pixels (you can set it to auto)
ratio—your desired width:height ratio (e.g. 16:9, 4:3, etc)
Note: If you set a specified ratio, you need to set the height to auto so that it could be adjusted according to your chosen ratio.
page—the page you want your 3D flipbook to be opened at
mode—you can set your PDF flipbook to be viewed as a link if you don’t want to have a full embed on your page
Note: Best used together with the lightbox attribute (see below).
lightbox—by default, we open embedded links or clickable covers in a lightbox, but if you set this parameter to false, the flipbook will be opened in a new tab instead
wheel—set to true, if you want people to be able to flip through your embedded flipbook using the mouse wheel
Note: This attribute may disrupt page scrolling when the cursor is over the embed.
Shortcode examples
This shortcode will display your PDF flip book in a 800x550px window:
[flippingbook width="800px" height="550px"]https://online.flippingbook.com/view/631977/[/flippingbook]
This shortcode will display your WordPress flipbook in full available width, while maintaining the 16:9 aspect ratio:
[flippingbook ratio="16:9" width="100%" height="auto"]https://online.flippingbook.com/view/631977/[/flippingbook]
This shortcode will display a flipbook cover, which will open in a lightbox when a user clicks to open it:
[flippingbook width="200px" height="200px" lightbox="true"]https://online.flippingbook.com/view/631977/[/flippingbook]
This shortcode will display a link with your flip book title, which will open in a lightbox when a user clicks to open it:
[flippingbook mode="link" lightbox="true"]https://online.flippingbook.com/view/631977/[/flippingbook]
