एम्बेडेड एआई फ्लिपबुक्स के फुल-साइज प्रदर्शन को सुनिश्चित करने के लिए: एक स्टेप-बाय-स्टेप गाइड

हम एक महत्वपूर्ण जीवन गुणवत्ता के बारे में साझा करने के लिए उत्साहित हैंअपडेट उपयोगकर्ताओं के लिएएआई फ्लिपबुक मेकर टूल. डिजिटल प्रकाशन की दुनिया में, प्रस्तुति सब कुछ है। पहले, उपयोगकर्ताओं को कभी-कभी ऐसी समस्याओं का सामना करना पड़ता था जहां एम्बेडेड फ्लिपबुक्स डिफ़ॉल्ट व्यूअर ऊंचाई सेटिंग्स के कारण आंशिक रूप से कटे हुए दिखाई देते थे। हम खुशी के साथ घोषणा करते हैं कि इस समस्या को पूरी तरह से दूर कर लिया गया है।
enhance the default size of the generated flipbook to show the full image.

नवीनतम अपडेट के साथ, एम्बेडेड फ्लिपबुक्स अब अपनेफुल साइज डिफ़ॉल्ट रूप से. इससे यह सुनिश्चित होता है कि कोई सामग्री कटी नहीं जाती है और आपकी डिजिटल प्रकाशन आपकी वेबसाइट या ब्लॉग पर ठीक तरीके से और साफ तरीके से प्रदर्शित होती है। इस गाइड में आपको इस नई क्षमता का उपयोग करने के तरीके के बारे में बताया जाएगा और आपको प्रदान करेगासर्वोत्तम अभ्यास अपने एम्बेड करने के लिएएआईद्वारा उत्पादित पुस्तकों।

अपडेट: क्या बदल गया है?

ट्यूटोरियल में डूबने से पहले, तकनीकी सुधार को समझना महत्वपूर्ण है। पहले, एम्बेडेड फ्लिपबुक के लिए कंटेनर उत्पादित पुस्तक के आस्पेक्ट अनुपात के अनुसार डायनामिक रूप से अनुकूलित नहीं हो सकता था, जिससे एक “कटा हुआ” दिखावट आती थी जहां पृष्ठ के नीचे का हिस्सा छिपा हो सकता था।

हल:

  • स्वचालित अनुकूलन: फ्लिपबुक फ्रेम अब स्वचालित रूप से पूरी पुस्तक दिखाने के लिए अनुकूलित होता है।
  • अब और कटौती नहीं: अपडेटेड एम्बेड कोड लॉजिक सुनिश्चित करता है कि फ्लिपबुक आपके वेबसाइट के कंटेनर में सही तरीके से फिट हो जाए बिनाहाथ से आकार बदलने के बिना.
  • प्रोफेशनल फिनिश:चाहेदेख रहे हों एक कहानी, एक कंपनी दस्तावेज, या एकप्रस्तुति, अब अनुभव संगत और प्रोफेशनल है।

स्टेप-बाय-स्टेप ट्यूटोरियल: अपने फ्लिपबुक का उत्पादन और एम्बेड करना

अपनी वेबसाइट पर फ्लिपबुक को पूरी तरह से एम्बेड करने के लिए इन चरणों का पालन करें एआई फ्लिपबुक मेकर का उपयोग करके एक फ्लिपबुक बनाने के लिए।

चरण 1: AI फ्लिपबुक मेकर तक पहुंचें

AI फ्लिपबुक मेकर टूल पर जाएं। यह प्लेटफॉर्म आपको कच्चे विचारों को तुरंत इंटरैक्टिव डिजिटल किताबों में बदलने की अनुमति देता है।

चरण 2: अपनी आवश्यकताएं दर्ज करें

अपनी सामग्री उत्पन्न करने के लिए, आवश्यक इनपुट प्रदान करें:

  1. विषय: अपनी किताब के मुख्य विषय को दर्ज करें।
  2. विवरण: एक संक्षिप्त संदर्भ या विशिष्ट विवरण जोड़ें जिसे आप शामिल करना चाहते हैं।
  3. पैरामीटर: अपनी पसंदीदा पृष्ठ संख्या, भाषा और चित्रों के कलात्मक शैली सेट करें।

चरण 3: उत्पन्न करें और समीक्षा करें

उत्पन्न करने के लिए क्लिक करें। AI सामग्री और लेआउट बनाएगा। फ्लिपबुक की समीक्षा करें ताकि टेक्स्ट और छवियां आपकी अपेक्षाओं के अनुरूप हों।

चरण 4: एम्बेड कोड प्राप्त करें

संतुष्ट होने के बाद, खोजेंशेयर या एम्बेड विकल्प।

नोट: अब आपको आस्पेक्ट रेशियो की हाथ से गणना करने या कटौती से बचने के लिए विशिष्ट ऊंचाई पैरामीटर को बाध्य करने की आवश्यकता नहीं है। नई प्रणाली इस सत्यापन का ध्यान रखती है।

चरण 5: कोड को अपनी वेबसाइट पर रखें

प्रदान किए गए HTML स्निपेट को कॉपी करें और अपने ब्लॉग (WordPress, Wix, Squarespace, आदि) या अपने कस्टम वेबसाइट कोड के HTML एडिटर में पेस्ट करें। पृष्ठ प्रकाशित करें ताकि परिणाम देख सकें।

आदर्श एम्बेडिंग के लिए दिशानिर्देश

जबकि अपडेट आयामों के संबंध में भारी काम करता है, इन दिशानिर्देशों का पालन करने से सर्वोत्तम उपयोगकर्ता अनुभव सुनिश्चित होता है:

  • कंटेनर चौड़ाई: सुनिश्चित करें कि आपकी वेबसाइट पर जहां आप कोड पेस्ट करते हैं, वह HTML कंटेनर (div) एक लचीली चौड़ाई (उदाहरण के लिए, 100%) के साथ सेट है। फ्लिपबुक उपलब्ध चौड़ाई को भर देगा और आस्पेक्ट रेशियो बनाए रखने के लिए अपनी ऊंचाई स्वचालित रूप से समायोजित करेगा।
  • मोबाइल अनुकूलता: अपने एम्बेडेड पृष्ठ का मोबाइल उपकरण पर परीक्षण करें। पूर्ण आकार का अपडेट यहां विशेष रूप से लाभदायक है, क्योंकि यह मोबाइल ब्राउज़रों के द्वारा फ्लिपबुक के नीचे के नैविगेशन बटनों को काटने से रोकता है।
  • न्यूनतम स्टाइलिंग: जोड़ने से बचें ओवरफ्लो: छिपाएं फ्लिपबुक के तुरंत अभिभावक कंटेनर में CSS गुण, क्योंकि इससे सिद्धांत रूप से नए ऑटो-साइजिंग तर्क के साथ संघर्ष हो सकता है।

उदाहरण: पहले बनाम बाद में

इस अपडेट के प्रभाव को देखने के लिए निम्नलिखित परिदृश्यों पर विचार करें:

“पहले” परिदृश्य

कोड स्निपेट (पुराना व्यवहार):
एम्बेड को एक निश्चित ऊंचाई (उदाहरण के लिए, 500 पिक्सेल) के रूप में डिफ़ॉल्ट किया जा सकता है। यदि उत्पादित पुस्तक A4 फॉर्मेट थी, तो पृष्ठ के निचले 20% — जिसमें आमतौर पर पृष्ठ संख्या या फुटर पाठ शामिल होता है — काट दिए जाने की संभावना होती है, जिसके कारण उपयोगकर्ता को आईफ्रेम के भीतर स्क्रॉल करना पड़ता है।

“बाद में” परिदृश्य (वर्तमान)

व्यवहार:
एम्बेड दस्तावेज़ के आकार का पता लगाता है। यदि पुस्तक के वर्तमान चौड़ाई पर पूरी तरह से प्रदर्शित करने के लिए 800 पिक्सेल की ऊंचाई की आवश्यकता होती है, तो फ्रेम स्वचालित रूप से 800 पिक्सेल तक फैल जाता है।

  • परिणाम: पाठक को पूरी कवर, सभी पाठ और नेविगेशन तीर दिखाई देते हैं, बिना स्क्रॉलबार के बातचीत किए।
  • लाभ: एक निरंतर एकीकरण जो आपके वेबपेज का एक मूल भाग की तरह दिखता है, बजाय एक सीमित विंडो के रूप में।

चेकलिस्ट: अपने फ्लिपबुक एम्बेड की जांच करें

नए अपडेट का पूरा लाभ उठाने के लिए इस चेकलिस्ट का उपयोग करें:

  • [ ] पुरानी सामग्री को फिर से एम्बेड करें: यदि आपके पास पुराने फ्लिपबुक हैं जो कटे हुए दिखते हैं, तो उपकरण से एम्बेड कोड को ताजा करने की कोशिश करें ताकि नए पूर्ण आकार के तर्क को लागू किया जा सके।
  • [ ] कंटेनर चौड़ाई की जांच करें: सुनिश्चित करें कि आपकी वेबसाइट का लेआउट एम्बेड को सबसे अच्छी पठनीयता के लिए कम से कम 600-800 पिक्सेल की चौड़ाई देता है।
  • [ ] पूर्ण दृश्यता की जांच करें: अपने पेज को लोड करें और सुनिश्चित करें कि फ्लिपबुक के निचले हिस्से (पृष्ठ संख्या सहित) को स्क्रॉल किए बिना दिखाई दे रहा है।
  • [ ] अंतरक्रिया का परीक्षण करें: पृष्ठ घुमाने वाले एनीमेशन पर क्लिक करें ताकि सुनिश्चित किया जा सके कि संक्रमण के दौरान फ्रेम स्थिर रहे।
  • [ ] मोबाइल जांच: स्मार्टफोन पर पेज खोलें ताकि सुनिश्चित किया जा सके कि पूर्ण आकार का प्रदर्शन लंबवत स्क्रीन के लिए सही तरीके से स्केल डाउन होता है।

इस अपडेट का उपयोग करके आप विश्वास के साथ कहानियों, शैक्षिक सामग्री और व्यावसायिक दस्तावेज़ साझा कर सकते हैं, जानते हुए कि आपका दर्शक अपने द्वारा अर्जित मूल्यवान पाठ प्राप्त कर रहा है।