تصدير الكود - مساعدة Webflow
على خطط العمل المدفوعة، يمكنك تصدير HTML وCSS وJavaScript وملفات موقعك لنسخ الكود احتياطيًا، أو تقديمه لعميلك، أو استضافته في أي مكان تريده — دون الحاجة إلى الإشارة إلى المصدر.
كيفية تصدير الكود الخاص بك
- افتح موقعك في Webflow
- اذهب إلى القائمة الرئيسية > تصدير الكود (انقر على شعار "W" في الزاوية العلوية اليسرى لفتح القائمة الرئيسية)، أو اضغط Shift + E
- انقر على تحضير ZIP
- قم بتنزيل ملف ZIP
كيفية تصدير HTML مصغر
يمكن أن يساعد تصغير HTML في تحسين أوقات تحميل الصفحة عن طريق إزالة المسافات البيضاء والتعليقات وعناصر الكود الأخرى التي لا تحتاجها المتصفحات لتحميل الصفحة. لتصدير HTML مصغر:
- افتح موقعك في Webflow
- اذهب إلى القائمة الرئيسية > تصدير الكود (انقر على شعار "W" في الزاوية العلوية اليسرى)، أو اضغط Shift + E
- اضغط Command + O (على Mac) أو Control + O (على Windows)
- حدد خانة تصغير HTML التي تظهر في نافذة التصدير
- انقر على تحضير ZIP
- قم بتنزيل ملف ZIP
ما تتضمنه ملفاتك المصدرة
يحتوي ملف ZIP الذي تم تنزيله على جميع صفحات موقعك، الأنماط، السكربتات، والصور:
- مجلد CSS يحتوي على جميع أنماط موقعك مضمنة في 3 ملفات .css: - ملف CSS (مثل
your-site-name.css) يحتوي على جميع أنماط موقعك المخصصة -webflow.cssالذي يحتوي على أنماط أساسية شائعة لمكونات تخطيط Webflow -normalize.cssالذي يجعل المتصفحات تعرض جميع العناصر بشكل متسق - مجلد JS يحتوي على جميع ملفات JavaScript لموقعك. تعتمد العناصر والميزات مثل النماذج، القوائم، المنزلقات، علامات التبويب، والتفاعلات على هذه الملفات. إذا قمت بحذف هذه الملفات، قد يبدو صفحتك صحيحة، لكنها لن تعمل كما هو متوقع.
- مجلد الصور يحتوي على جميع الصور التي تم تحميلها في لوحة أصول موقعك
- ملفات .html لجميع صفحات موقعك (بما في ذلك صفحات قوالب المجموعات الفارغة)
من الجيد أن تعرف
إذا كنت ترغب في رؤية عينة من الكود الذي يصدره Webflow، قم بعرض كود المصدر للصفحة الرئيسية — كل ذلك مبني في Webflow!
ما لا تتضمنه ملفاتك المصدرة
الميزات والمحتوى التالية غير مشمولة في الكود المصدر ولن تعمل كما هو متوقع على المواقع المصدرة:
- محتوى ووظائف CMS (بما في ذلك عناصر المجموعات وقوائم المجموعات)
- محتوى ووظائف حسابات المستخدمين (بما في ذلك المستخدمين ومجموعات الوصول)
- محتوى ووظائف التجارة الإلكترونية (بما في ذلك المنتجات وعمليات الدفع)
- حماية الموقع و/أو الصفحات بكلمة مرور
- معالجة إرسال النماذج
- إرسال النماذج الموجودة مسبقًا (يمكن تصديرها بشكل منفصل)
- عناصر reCAPTCHA داخل النماذج
- البحث في الموقع
- المحتوى المحلي (يتم تضمين صفحات، عناصر، ومحتوى اللغة الأساسية لموقعك فقط)
- مكونات الكود
الأسئلة الشائعة ونصائح استكشاف الأخطاء وإصلاحها
لماذا يوجد بادئة "w-" أمام أسماء الفئات؟
يضيف Webflow بادئة "w-" للفئات الخاصة بالمكونات لتجنب التعارض مع أطر العمل البرمجية الأخرى.
هل يمكنني اختيار تصدير جزء فقط من كود موقعي؟
في الوقت الحالي، لا يمكنك اختيار ما يتم تصديره. سيتم تضمين كل جزء قابل للتصدير من موقعك في كل عملية تصدير.
هل يمكنني تعديل الكود بعد تصديره؟
يمكنك تعديل الكود بعد التصدير. قد تؤدي التغييرات اليدوية على الملفات المصدرة إلى كسر بعض مكونات Webflow.
هل يمكنني إزالة امتدادات .html من عنوان URL لصفحاتي المصدرة؟
إذا كنت ترغب في إزالة امتدادات .html من صفحاتك المصدرة، يمكنك القيام بذلك باستخدام ملف .htaccess.
هل أحتاج إلى تقديم إسناد إلى Webflow إذا استضفت موقعي خارجيًا؟
لا، لا تحتاج إلى تقديم إسناد إلى Webflow أو الاحتفاظ بخطة Webflow لكي يعمل موقعك المصدر على الخادم الخاص بك.
هل يتضمن الكود المصدر محتوى CMS، والعضويات، والتجارة الإلكترونية؟
لا. لا يتم تضمين محتوى CMS، وحسابات المستخدمين، والتجارة الإلكترونية (قواعد البيانات) في الكود المصدر. ستظهر قوائم المجموعات في حالة فارغة.
هل يتضمن الكود المصدر صفحاتي المحلية، والعناصر، والمحتوى؟
لا. لا يتم تضمين الصفحات المحلية، والعناصر، والمحتوى في الكود المصدر. يتضمن الكود المصدر فقط اللغة الأساسية.
هل ستظل الصفحات المحمية بكلمة مرور محمية بعد تصدير الكود الخاص بي؟
لا. لن تكون الصفحات المحمية بكلمة مرور على موقعك محمية بعد تصدير الكود. يجب استضافة موقعك مع Webflow لكي تعمل الحماية بكلمة مرور كما هو متوقع.
هل ستعمل جميع العناصر على موقعي إذا استضفت الكود في مكان آخر؟
لا يتم تضمين محتوى ووظائف CMS وحسابات المستخدمين والتجارة الإلكترونية والصفحات والعناصر والمحتوى المحلي في الكود المصدر. تتطلب هذه الميزات استضافة لتعمل كما هو متوقع. بالإضافة إلى ذلك، لن يعمل البحث في الموقع والنماذج (بما في ذلك تحميل الملفات وreCAPTCHA) على المواقع المصدرة للامتثال لـ GDPR.
لماذا لا تعمل الرسوم المتحركة Lottie محليًا عندما أصدر موقعي؟
لأسباب أمنية، لن يتم تحميل ملفات Lottie JSON من نظام الملفات المحلي الخاص بك، لذا لن تظهر الرسوم المتحركة Lottie عند تحميل موقعك محليًا — فهي تحتاج إلى خادم ويب لتعمل كما هو متوقع.