ابدأ هنا

الشروع

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

إذا لم تكن معتادا على Webflow ، فنحن نوصيك بشدة بأخذ Webflow 101 دورة مكثفة تبدأ من Webflow University ، لأنها ستعلمك جميع الأساسيات للبدء والتشغيل.

التصميم

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

الوان

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

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

الخطوط

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

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

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

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

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

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

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

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

محتوى ثابت

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

التفاعلات

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

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

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

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

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

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

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

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

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

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

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

عملة X Webflow قالب الدعم

كما ترى أعلاه ، تم بناء Coin X على Webflow باستخدام أفضل الممارسات لتسهيل تحرير القالب وتخصيصه وفقا لاحتياجاتك.

ومع ذلك ، إذا وجدت أي مشكلة ، أو احتجت إلى مساعدة ، أو أردت فقط أن تقول مرحبا ، فلا تتردد في مراسلتنا عبر البريد الإلكتروني على [email protected] - سنكون سعداء لمساعدتك.

تصميم وتطوير مخصص

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