如何確保嵌入式AI翻頁書的全尺寸顯示：逐步指南

我們很高興分享一個重大的生活品質提升更新給AI翻頁書製作工具在數位出版領域，呈現方式至關重要。過去，使用者偶爾會遇到嵌入式翻頁書因預設檢視器高度設定而部分被裁切的問題。我們很高興宣布，此問題已完全解決。

透過最新更新，嵌入式翻頁書現在會以預設全尺寸顯示。這確保內容不會被裁切，讓您的數位出版物在網站或部落格上以預期的樣貌清晰呈現。本指南將帶您一步步了解如何使用此新功能，並提供最佳實務嵌入您的AI生成的書籍之建議。

更新內容：有哪些改變？

在開始教學之前，了解技術上的改進非常重要。過去，嵌入式翻頁書的容器可能無法動態調整以符合生成書籍的長寬比，導致呈現出「被裁切」的外觀，使得頁面底部可能被隱藏。

解決方案：

• 自動調整：翻頁書框架現在會自動調整以完整顯示整本書。
• 不再有裁切：更新的嵌入程式碼邏輯確保翻頁書能正確適配網站容器，無需手動調整大小.
• 專業外觀：無論是檢視一篇故事、一份公司文件，或一份簡報，體驗現在一致且精緻。

逐步教學：生成並嵌入您的翻頁書

依照以下步驟，使用AI翻頁書製作工具生成翻頁書，並完美嵌入您的網站。

步驟 1：進入 AI 翻頁書製作工具

導航至 AI 翻頁書製作工具。此平台可讓您立即將原始構思轉化為互動式數位書籍。

步驟 2：輸入您的需求

為生成您的內容，請提供必要的輸入資訊：

1. 主題： 輸入您書籍的主要主題。
2. 描述: 輸入一段簡短的背景說明或您希望包含的具體細節。
3. 參數： 設定您偏好的頁數、語言以及插圖的藝術風格。

步驟 3：生成並審查

點擊生成。AI 將自動建立內容與版面。請審查翻頁書，確保文字與圖片符合您的期望。

步驟 4：取得嵌入代碼

確認滿意後，尋找 分享 或 嵌入 選項。

注意： 您不再需要手動計算比例或強制設定特定高度參數以避免裁切。新系統會自動為您處理此項驗證。

步驟 5：將代碼放置於您的網站

複製提供的 HTML 碼片段，貼入您的部落格（WordPress、Wix、Squarespace 等）或自訂網站程式碼的 HTML 編輯器中。發佈頁面以查看結果。

最佳嵌入指南

雖然更新已處理尺寸相關的繁重工作，但遵循以下指南可確保最佳使用者體驗：

• 容器寬度： 確保您貼入代碼的網站 HTML 容器（div）設為可變寬度（例如：100%）。翻頁書將填滿可用寬度，並自動調整高度以維持比例。
• 行動裝置適應性： 在行動裝置上測試您的嵌入頁面。全尺寸更新在此特別有益，可避免行動瀏覽器裁切翻頁書的底部導航按鈕。
• 最少樣式設定： 避免添加 overflow: hidden 將 CSS 屬性套用至翻頁書的直接父容器，因為這在理論上可能與新的自動調整大小邏輯產生衝突。

範例：之前 vs. 之後

為了直觀地了解此更新的影響，請考慮以下情境：

「之前」情境

程式碼片段（舊有行為）：
嵌入內容可能預設為固定高度（例如 500px）。如果生成的書籍為 A4 格式，頁面底部 20% 的內容——通常包含頁碼或頁腳文字——會被裁切，導致使用者必須在 iframe 內滾動。

「之後」情境（目前）

行為：
嵌入內容會偵測文件大小。如果書籍在目前寬度下需要 800px 的高度才能完整顯示，框架會自動擴展至 800px。

• 結果： 讀者可以看到完整的封面、全部文字以及導航箭頭，無需與捲軸互動。
• 優點： 無縫整合，看起來像是您網頁的原生部分，而非受限的視窗。

檢查清單：審查您的翻頁書嵌入內容

使用此檢查清單，確保您的嵌入內容能充分發揮新更新的優勢：

• [ ] 重新嵌入舊版內容： 如果您有舊版翻頁書嵌入後看起來被裁切，請嘗試從工具中重新整理嵌入程式碼，以套用新的全尺寸邏輯。
• [ ] 檢查容器寬度： 確認您的網站版面允許嵌入內容至少有 600-800px 的寬度，以確保最佳可讀性。
• [ ] 確認完全可見： 載入您的頁面，確認翻頁書底部（包括頁碼）可見，無需滾動。
• [ ] 測試互動： 點擊翻頁動畫，確保框架在轉換過程中保持穩定。
• [ ] 移動設備審查： 在智慧型手機上開啟頁面，確保全尺寸 顯示 能正確縮放以適應垂直螢幕。

透過利用此更新，您可以自信地分享故事、教育素材與商業文件，知道您的觀眾正獲得他們應得的高品質閱讀體驗。

• Visual Paradigm 電子翻書製作工具 – 創建互動式數位翻書：一個強大的線上工具，可讓使用者將文件轉換為具有真實翻頁效果的互動式、視覺吸引人的翻書。
• 學習如何使用 Visual Paradigm 創建翻書：一個教育資源，引導使用者透過 Visual Paradigm 直觀的工具，完成動態翻書的製作過程。
• 使用 Visual Paradigm 創建您的翻書 – 分步指南：一份詳細指南，協助使用者透過 Visual Paradigm 的線上平台，快速從 PDF 及其他文件創建出專業外觀的翻書。
• 翻書製作工具快速入門指南 – Visual Paradigm 社群：由 Visual Paradigm 社群提供的新手友善指南，引導使用者完成翻書製作的必要步驟。
• 翻書範本與素材庫 – Visual Paradigm：精心挑選的即用型範本與設計素材集合，協助以一致且專業的風格加速翻書的製作。
• 將您的文件發布為互動式翻書 – Visual Paradigm：探索 Visual Paradigm 如何讓使用者將報告、海報與簡報發布為吸引人的互動式翻書，以供網頁與行動裝置分享。
• 社群用戶書籍 – Visual Paradigm：用戶創作內容與社群驅動指南的中心，包含翻書教學、最佳實務與實際應用案例。
• 透過 Visual Paradigm 翻書製作工具提升您的數位存在感：一篇部落格文章，強調翻書如何提升各產業數位內容傳遞中的參與度與專業性。
• 翻書製作工具：互動內容的革命性突破：一篇富有洞見的部落格文章，探討 Visual Paradigm 的翻書工具如何將靜態文件轉化為沉浸式、互動式的體驗。
• 自架設翻書簡報：將文件轉化為互動式簡報：透過自架設方式，將 PDF 和文件轉換為具有完全控制與客製化功能的吸引人、互動式翻書簡報。
• 為何 Visual Paradigm 在線翻書製作工具獨具特色：對 Visual Paradigm 在線翻書工具獨特功能與優勢的概述，非常適合用來製作互動式報告與 KPI 簡報。