ابدأ هنا

التصميم

لنبدأ بتصميم القالب.

الوان

تم إنشاء قالب Web3 X باستخدام حوامل الألوان ، مما يعني أنه يمكنك بسهولة تحرير حامل لون ليتم تحديثه على مستوى الموقع.

للقيام بذلك ، تحتاج فقط إلى الانتقال إلى علامة التبويب النمط في الشريط الجانبي الأيمن ، ثم التمرير إلى قسم الألوان في الطباعة ، وإذا قمت بالنقر فوق اللون ، فستتمكن من رؤية جميع حوامل الألوان وتحريرها ليتم تحديثها على مستوى الموقع إلى أي لون مطلوب.

الخطوط

يستخدم قالب Web3 X خطا واحدا بعرض جانبي ، ويتم إعداده في محدد النص الأساسي (جميع الصفحات) ، وهذا يعني أنه يمكنك بسهولة تحديث الخط على كل الموقع بنقرة واحدة.

في أي صفحة، ما عليك سوى النقر فوق خيار المحدد البرتقالي في الجزء العلوي الأيسر من علامة التبويب نمط، ثم تحديد النص الأساسي (كل الصفحات). بمجرد استخدام هذا ، يمكنك الانتقال إلى قسم الطباعة أدناه وتغيير الخط إلى أي خط لعلامتك التجارية التجارية.

إذا كنت بحاجة إلى خط مخصص أو متميز غير متوفر على Webflow ، يمكنك دائما الانتقال إلى إعدادات المشروع > الخطوط وستتمكن من تحميل خطوط مخصصة ، أو توصيل حساب Adobe Fonts الخاص بك.

الرسومات والأيقونات

بعض الرموز أو الرسومات في القالب هي صور / رسومات عادية ، لذلك ستلاحظ أنه عند تحديث جميع الألوان ، ستظل تحتوي على لون القالب.

يحدث هذا لأن هذه الرسومات عبارة عن صور (PNG و JPG و SVG وما إلى ذلك) ، لذا فإن تحديث Webflow CSS (التصميم) لن يؤثر عليها. إذا كنت ترغب في إعادة استخدام هذه الرسومات ، فيمكنك دائما تنزيلها وتحريرها باستخدام أي برنامج تصميم (مثل Photoshop و Illustrator و Sketch و Figma وما إلى ذلك) ، أو تحميل الصور / الرسومات الخاصة بك التي تتناسب مع علامتك التجارية مباشرة.

صفحات ثابتة

المحتوى الثابت هو كل المحتوى الذي لا يستند إلى نظام إدارة المحتوى ، مما يعني أنه ليس ديناميكيا (مثل منشور المدونة ، على سبيل المثال).

يمكنك بسهولة التعرف على كل هذا المحتوى لأنه يظهر باللون الرمادي في الشريط الجانبي الأيسر Navigator ، ويظهر حدا أزرق عند النقر فوقه أو التمرير فوقه.

إذا كنت ترغب في تحرير هذا النوع من المحتوى ، يمكنك فقط النقر نقرا مزدوجا فوقه ، وستتمكن من الكتابة مباشرة هناك.

المحتوى الديناميكي (CMS)

المحتوى الديناميكي هو كل المحتوى الديناميكي وسيتم إنشاؤه تلقائيا بناء على المحتوى المضاف في قسم CMS في الشريط الجانبي الأيسر (أسفل رمز الصفحات مباشرة).

يمكنك بسهولة التعرف على كل هذا لأنه يظهر باللون الأرجواني في الشريط الجانبي الأيسر Navigator ، ويظهر حدا أرجوانيا عند النقر فوقه أو التمرير فوقه.

يجب تحديث هذا المحتوى مباشرة في قسم CMS. يهدف هذا إلى تسهيل تحديثه ، حيث من المحتمل جدا أن يحتاج إلى تحديث مستمر (على سبيل المثال ، إضافة منشور مدونة جديد)

أيضا ، إذا كنت ترغب في تحرير صفحة CMS كاملة تم إنشاؤها تلقائيا (على سبيل المثال ، منشور مدونة) ، فستجد هذه الصفحة متاحة للتحرير في أسفل جميع الصفحات في قسم الصفحات في الشريط الجانبي الأيسر.

المنتجات (التجارة الإلكترونية)

تعمل المنتجات أو محتوى التجارة الإلكترونية بطريقة مشابهة للمحتوى الديناميكي CMS ، ومع ذلك ، يركز هذا حصريا على منتجات التجارة الإلكترونية.

يمكنك تحديد محتوى التجارة الإلكترونية بطريقة مشابهة لمحتوى CMS ، لأنه يظهر أيضا باللون الأرجواني في الشريط الجانبي الأيسر Navigator ، وكذلك بحد أرجواني عند النقر فوقه أو التمرير فوقه.

يجب تحديث هذا المحتوى مباشرة في علامة التبويب التجارة الإلكترونية في الشريط الجانبي الأيسر. يهدف هذا إلى تسهيل تحديثه ، حيث من المحتمل جدا أن يحتاج إلى تحديث مستمر (على سبيل المثال ، تغيير سعر المنتج ، أو إضافة المزيد من الأسهم)

أيضا ، إذا كنت ترغب في تحرير صفحة التجارة الإلكترونية للمنتجات التي تم إنشاؤها تلقائيا ، فستجد هذه الصفحة متاحة للتحرير تقريبا في أسفل جميع الصفحات أعلى صفحات مجموعة CMS مباشرة.

ملاحظات مفيدة

أيضا من الشرح الأساسي الرئيسي الذي شاركناه أعلاه ، نشارك هنا بعض النصائح والكيفية التي هي من الأسئلة الأكثر شيوعا التي نتلقاها.

التفاعلات

إذا كنت ترغب في تحرير أي تفاعل قالب (أي إزالة تأثير ظاهر) ، فيمكنك بسهولة تحديد العناصر التي لها تفاعلات لأن هذه تحتوي على رمز تفاعلات صغير (رعد صغير) في الشريط الجانبي الأيسر Navigator.

إذا قمت بالنقر فوق رمز التفاعلات الصغير هذا ، فستفتح علامة التبويب تفاعلات الشريط الجانبي الأيمن لهذا العنصر ، حيث يمكنك تحرير التفاعل.

عرض الجوال أو الجهاز اللوحي

في كل مرة تقوم فيها بإجراء تغيير (على سبيل المثال ، تقوم بإنشاء تصميم قسم جديد) ، من الممارسات الجيدة الانتقال إلى التنقل العلوي في Viewport ومعرفة كيف يبدو على الجهاز اللوحي والجوال.

إذا قمت فقط بتحرير قسم قالب بنص أو صور محدثة ولم تقم بمسح أي فئة قالب ، فلن تكون هناك حاجة لذلك ، ومع ذلك ، إذا قمت بتخصيص القالب بشكل أعمق أو تحرير الفئات أو إنشاء أقسام جديدة ، فمن الجيد دائما تعديل طرق عرض الجوال والكمبيوتر اللوحي باستمرار للتأكد من أن كل شيء يبدو مثاليا.

تحرير عنوان التعريف والتنازل والصورة المميزة

إذا كنت ترغب في تخصيص العنوان والوصف والصورة التي تظهر عند مشاركة موقع الويب الخاص بك في أي مكان (مثل Facebook و Twitter وما إلى ذلك) ، فيمكنك الانتقال بسهولة إلى قسم الصفحات في الشريط الجانبي الأيسر ، والنقر فوق رمز الإعدادات الصغير للصفحة التي ترغب في تخصيصها ، وستظهر كل هذه الإعدادات.

يرجى ملاحظة أنه من المهم تغيير هذا على أساس الصفحة.

النسخ الاحتياطي

إذا حدث خطأ ما ، على سبيل المثال ، إذا كنت لا تحب المكان الذي يتجه إليه موقع الويب ، أو إذا قمت بحذف بعض الفئات المهمة التي كانت مطلوبة لجعل القالب يبدو جميلا ، أو إذا كنت تريد فقط الانتقال إلى إصدار سابق لأي سبب من الأسباب ، يمكنك دائما الانتقال إلى قسم النسخ الاحتياطية.

يمكنك العثور عليه في قسم الإعدادات في الشريط الجانبي الأيسر ، وبعد ذلك يمكنك فقط رؤية جميع النسخ الاحتياطية التلقائية أو اليدوية. الاستعادة إلى النسخة الاحتياطية القديمة على بعد نقرة واحدة.