مقدمة إلى Webflow - مساعدة Webflow
تعلم كيفية استخدام Webflow.
في Webflow، يمكنك هيكلة وبناء وتصميم موقعك عبر الصفحات والفروع والمواقع. يمنحك Webflow القدرة على إنشاء وإدارة المحتوى الديناميكي والبيانات بفعالية ويوفر أدوات لتحليل وتحسين أداء الموقع. يمكنك أيضًا مشاركة عملك وطلب الملاحظات وأخيرًا نشر موقعك في بيئات مخصصة (مثل التجريبية والإنتاجية).
يمكنك الوصول إلى Webflow من لوحة التحكم بالنقر على صورة مصغرة لموقعك أو من إعدادات الموقع بالنقر على فتح الموقع في شريط الأدوات العلوي. تختلف الأدوات التي يمكنك الوصول إليها في Webflow بناءً على دورك في الموقع (مثل المراجع، محرر المحتوى، إلخ)، بحيث يمكنك الوصول بسرعة إلى الأدوات التي تحتاجها — وتنسى الأدوات التي لا تحتاجها.
قبل أن تبدأ
تحقق من المتصفحات والأجهزة ودقة الشاشات المدعومة في Webflow.
التعاون بين عدة مستخدمين
يمكن لعدة زملاء التعاون معًا في موقع في Webflow. للحفاظ على سلاسة عملية التصميم، يمكنك تسليم التحكم في التصميم بين زملائك ومشاهدة أماكن عمل الآخرين في موقعك في الوقت الفعلي.
نظرة عامة على واجهة Webflow
عند فتح موقعك في Webflow، الشاشة الرئيسية التي تعرض موقعك هي اللوحة. تحيط باللوحة الأدوات واللوحات التالية:
- الشريط العلوي يشمل التنقل المبوب، شريط السياق، وإجراءات الموقع (مثل أدوات التعاون والنشر).
- شريط اللوحة يشمل التراجع/الإعادة، التنقل عبر المسارات، نقاط التوقف الموسعة، وإعدادات اللوحة.
- شريط الأدوات الأيسر يشمل القائمة الرئيسية، لوحات الأدوات والتنقل المختلفة، الإعدادات، تدقيق الموقع، والدروس التعليمية.
- شريط الأدوات الأيمن يشمل أنماط العناصر، الإعدادات، والتفاعلات.
اللوحة
أكبر منطقة في Webflow هي اللوحة. هنا يمكنك التفاعل مع الصفحة والتصميم في الوقت الحقيقي. يمكنك اختيار العناصر، تحريكها، وتحرير المحتوى مباشرة على الصفحة. يقوم Webflow بحفظ عملك تلقائيًا، ولكن يمكنك حفظ موقعك يدويًا بالضغط على Command + S (على Mac) أو Control + S (على Windows).
الشريط العلوي
يوفر الشريط العلوي وصولاً سريعًا إلى أوضاع التصميم، CMS، التحليل، التحسين، اللغات، مبدل الصفحات، وإجراءات الموقع.
يشمل التنقل المبوب الرئيسي علامة تبويب التصميم، علامة تبويب CMS، وعلامة تبويب الرؤى.
- علامة تبويب التصميم — تشير هذه العلامة إلى الوضع الحالي (مثل التصميم، البناء، إلخ) وتتيح لك التبديل بين الأوضاع أو إنشاء فروع الصفحات. يحدد دور العضو في الموقع الأوضاع المتاحة. على سبيل المثال، يمكن لمديري المواقع والمصممين الوصول إلى وضع التصميم، بينما يمكن للمسوقين الوصول فقط إلى وضع البناء.
- علامة تبويب CMS — تفتح لوحة CMS (نظام إدارة المحتوى)، حيث يمكنك إنشاء وإدارة المجموعات، عناصر المجموعات، ومنتجات وفئات التجارة الإلكترونية.
- علامة تبويب الرؤى — تفتح لوحة الرؤى، حيث يمكنك الوصول إلى التحليل والتحسين. يوفر التحليل تحليلات شاملة للموقع مع رؤى قابلة للتنفيذ. يتيح لك التحسين إجراء تجارب على موقعك لاختبار أنماط، تخطيطات، تدفقات، عبارات، صور، والمزيد مختلفة.
شريط السياق
يتيح لك شريط السياق إدارة تحسينات الموقع باستخدام Optimize والتبديل بين اللغات، الصفحات، صفحات المجموعات، وعناصر المجموعات. كما يشير إلى متى تقوم بتحرير المكون الرئيسي (بدلاً من مثيل المكون)، وكذلك حالة الموافقة على التصميم.
إجراءات الموقع
تتعلق إجراءات الموقع بالصفحة المحددة التي تتواجد عليها أو بالموقع نفسه. يتم أيضًا إدراج أعضاء الفريق الذين يتعاونون على الموقع في الوقت الفعلي هنا مع صورة رمزية أو عدد.
- وضع التحليل — احصل على تحليلات ورؤى على مستوى الصفحة (مثل، إلى أي مدى يتصفح الزوار وأين ينقرون).
- التعليقات — راجع التعليقات التي تركها أعضاء الفريق الآخرون أو أضف ملاحظاتك/ملاحظاتك الخاصة.
- المعاينة — التحويل إلى وضع المعاينة.
- المشاركة — إنشاء رابط موقع للقراءة فقط.
- النشر — نشر موقعك.
شريط اللوحة
يتم وضع شريط اللوحة فوق اللوحة بشكل افتراضي، ولكن يمكنك نقله إلى الأسفل في إعدادات اللوحة.
- أيقونات التراجع/الإعادة — التراجع السريع أو إعادة تطبيق التغييرات.
- التنقل عبر المسار — يعرض لك تسلسل العناصر للعنصر المحدد.
- إعدادات اللوحة — خيارات مختلفة (مثل المساطر، الأدلة، معاينة تكبير النص).
- نقاط التوقف — معاينة وتحرير لأحجام الأجهزة المختلفة.
شريط الأدوات الأيسر
يحتوي على القائمة الرئيسية ولوحات لتكوين الموقع.
انقر على شعار Webflow للوصول إلى القائمة الرئيسية.
- البحث السريع عن العناصر، المكونات، الصفحات، إلخ.
- التراجع/الإعادة
- تصدير الكود
- اختصارات لوحة المفاتيح
- فتح معاينة CSS
- الحصول على المساعدة أو إرسال ملاحظات
اللوحات وسجل نشاط الموقع
- لوحة الإضافة — اختصار: A
- لوحة الصفحات — اختصار: P
- لوحة التنقل — اختصار: Z
- لوحة المكونات — اختصار: Shift + A
- لوحة المتغيرات — اختصار: G
- لوحة محددات الأنماط — اختصار: J
- لوحة الأصول — اختصار: L
- لوحة المكتبات — اختصار: L
- لوحة التطبيقات — اختصار: E
- سجل نشاط الموقع — تغييرات التصميم التي تمت على موقعك
الإعدادات، مساعد التعلم بالذكاء الاصطناعي، التدقيق، البحث السريع، والدروس التعليمية
- لوحة الإعدادات — الواجهة، البحث، النسخ الاحتياطي، التوطين.
- مساعد التعلم بالذكاء الاصطناعي — مساعدة مدعومة بالذكاء الاصطناعي.
- لوحة التدقيق — اختصار: U.
- البحث السريع — اختصار: Command + E (Mac)، Control + E (Windows).
- لوحة الدروس التعليمية بالفيديو — دورات فيديو مجانية.
شريط الأدوات الأيمن
يحتوي على لوحات لأنماط العناصر والإعدادات والتفاعلات.
- لوحة الأنماط — اختصار: S.
- لوحة إعدادات العنصر — اختصار: D.
- لوحة التفاعلات — اختصار: H.
الأسئلة الشائعة
ما المتصفحات التي يدعمها Webflow؟
يدعم Webflow رسميًا آخر ثلاث إصدارات رئيسية من جميع المتصفحات الحديثة: Chrome وEdge وFirefox وSafari. ينطبق هذا على كل من المنصة والمواقع المنشورة.
للحصول على ميزات ذات دعم محدود، راجع المقالات ذات الصلة:
لا يدعم Webflow Internet Explorer.
ما دقة الشاشات/الأجهزة التي يدعمها Webflow؟
يتطلب Webflow جهاز كمبيوتر مكتبي/محمول بعرض شاشة لا يقل عن 1268 بكسل.
لماذا Webflow تطبيق مستضاف عبر الإنترنت وليس تطبيقًا قابلًا للتنزيل؟
Webflow مستضاف عبر الإنترنت للسماح بالتصميم في المتصفح وتحديثات سريعة.
- تصميم WYSIWYG — تأثير مباشر على HTML/CSS.
- تحديثات سريعة — دائمًا أحدث إصدار، لا تحديثات يدوية.