ابدأ من هنا

التصميم

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

الألوان

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

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

الخطوط

يستخدم قالب Property Xtemplateخطًا واحدًا موحدًا في جميع أنحاء الموقع، وهو مُعدّ كمتغير؛ مما يعني أنه يمكنك تحديث الخط بسهولة في جميع أنحاء الموقع بنقرة واحدة.

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

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

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

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

تحرير الصفحات

حان الوقت الآن لمواصلة الخطوات التالية لتحرير صفحات موقعك الإلكتروني. عادةً ما يكون هناك نوعان من المحتوى سيتم تحريرهما، وهما كما يلي:

الصفحات الثابتة

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

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

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

المحتوى الديناميكي (نظام إدارة المحتوى)

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

يمكنك التعرف على كل هذا المحتوى بسهولة لأنه يظهر باللون الأرجواني في «المستكشف» (Navigator) بالشريط الجانبي الأيسر، كما يظهر إطارًا أرجوانيًّا عند النقر عليه أو تمرير المؤشر فوقه.

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

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

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

تعمل منتجات التجارة الإلكترونية أو محتواها بطريقة مشابهة للمحتوى الديناميكي في نظام إدارة المحتوى (CMS)؛ إلا أن هذا المحتوى يركز حصريًّا على منتجات التجارة الإلكترونية.

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

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

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

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

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

التفاعلات

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

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

عرض على الهاتف المحمول أو الجهاز اللوحي

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

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

تحرير العنوان الوصفي (Meta Title) والوصف (Desc) والصورة المميزة

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

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

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

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

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

الأسئلة الشائعة

كيف يمكنني الحصول على المزيد من الرموز للقالب؟

هل تبحث عن مجموعة أيقونات أوسع نطاقًا لاستخدامها في قالب Webflow هذا؟ ألقِ نظرة على خطوط أيقونات قوالب BRIX واحصل على مجموعة تضم أكثر من 100 أيقونة لقالبك.

هل ستصدرون قالبًا لـ X؟

هل لديك فكرة عن قالب Webflow آخر تود أن تراه يتحقق؟ أرسل إلينا فكرتك الخاصة بقالب Webflow واربح جائزة خاصة إذا اخترناها.