دليل إستخدام قالب متجر

شكرا جزيلا لشرائك واستخدامك منتجات موقع قوالب عربية.

في هذا الدليل المبسط، سنتعرف معا على طريقة إعداد واستخدام قالب متجر.

1) تنصيب القالب

الخطوة الأولى هي تنصيب القالب على موقعك. قم بتحديث موقعك إلى آخر اصدار من وورد بريس. بعدها قم بتحميل الملف المضغوط الخاص بالقالب mtjr.zip من الرسالة التي وصلتك في الإيميل أو من خلال حسابك على موقعنا. بعد تحميل الملف ، أدخل للوحة التحكم الخاصة بموقعك وقم بالآتي:

– رفع القالب

اذهب الى مظهر > قوالب في قائمة لوحة التحكم
أنقر على زر أضف جديد
أنقر على رابط رفع قالب
قم بتعيين ملف mtjr.zip على جهازك
أنقر التنصيب الآن

– تفعيل القالب

اذهب الى مظهر > قوالب في قائمة لوحة التحكم
قم بتمرير الفأرة على صورة القالب، بعدها أنقر تفعيل
معلومات أكثر: شرح تنصيب قالب وورد بريس

– تفعيل رخصة القالب

حتى تحصل على التحديثات الجديدة للقالب، يجب عليك تفعيله من خلال الذهاب إلى مظهر – رخصة القالب ، بعدها إنسخ مفتاح التفعيل من فاتورة الشراء التي وصلتك في الإيميل ، ثم أنقر على “تفعيل الرخصة”


2) تخصيص القالب

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

إضافة محتوى تجريبي

لتسريع عملية اعداد متجرك، يمكنك إستيراد محتوى تجريبي من خلال الذهاب إلى تبويب “محتوى تجريبي” والنقر على “إبدأ”

التحكم في إعدادات القالب

يمكنك تعديل إعدادات القالب من خلال الذهاب الى مظهر > تخصيص في قائمة لوحة التحكم. تذكر دوما أن تقوم ب النقر على “نشر” حتى يتم تطبيق الإعدادات التي اخترتها.

سنقوم بشرح وظائف كل قسم على حدى:

– الهيدر

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

– هوية الموقع

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

– إعدادات المدونة

في هذا التبويب، يمكنك إعداد طريقة عرض المقالات في المدونة الخاصة بالمتجر

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

– الألوان

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

  • شريط القائمة الرئيسية: قم بتعديل الوان الخلفية والنصوص التي تعرض في هيدر الموقع
  • القسم الرئيسي Hero: هذا القسم يتم عرضه كبديل لعنوان الصفحات. يمكنك اختيار لون او صورة كخلفية له.
  • اعدادات عامة: يمكنك هنا تعديل اللون الرئيسي للقالب وكذلك الوان الازرار وخلفية الموقع
  • الشريط الجانبي: عدل هنا الوان الودجات التي تعرض في السايدبار
  • الفوتر: قم بتعديل لون خلفية الفوتر وكذلك الوان النصوص والروابط

– الشبكات الاجتماعية

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

– الفوتر

يمكنك هنا تغيير عدد أعمدة الفوتر وكذلك تعديل الحقوق أسفل الموقع.

لعرض أيقونات وسائل الدفع، قم بالذهاب إلى موقع فونت اوسوم، وانسخ اسم الأيقونات التي تريد عرضها

https://fontawesome.com/icons?d=gallery&s=brands&c=payments-shopping

– WooCommerce

في هذا القسم، يمكنك التعديل على طريقة عرض المنتجات في المتجر.

  • ملاحظة المتجر : هنا يمكنك إضافة تنبيه يعرض لزوار متجرك
  • كتالوج المنتج: يتيح لك التحكم في صفحة المتجر واختيار ما يعرض فيها.
  • صور المنتج: يمكنك هنا اختيار حجم ثابت لصور. المنتجات
  • إتمام الطلب: التحكم في اعدادات صفحة الدفع
  • منتج واحد: عرض او اخفاء الشريط الجانبي في صفحة المنتج

3) إضافة المحتوى

الآن سنتعرف على طريقة إضافة المقالات والمنتجات في الموقع

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

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

المنتجات: لإضافة منتجات جديدة، قم بالذهاب في لوحة التحكم إلى المنتجات > أضف جديد

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

لمعلومات أكثر حول المنتجات في ووكومرس، إطلع على الدليل التالي: دليل ووكومرس

الصفحات: يوجد صفحات أساسية يجب إضافتها لمتجرك. اذهب في لوحة التحكم الى صفحات > أضف جديد وأضف الصفحات التالية:

الصفحة الرئيسية: أنشئ صفحة جديدة باسم “الرئيسية” وعلى يسار المحرر، ستجد خصائص الصفحة، قم بتعيين القالب إلى Front Page. الآن إذهب إلى مظهر > ودجات وأضف الودجات الى قسم “الصفحة الرئيسية”. لا تنس الذهاب إلى الإعدادات > قراءة وقم بتعيين هاته الصفحة كصفحة رئيسية للموقع.

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

يمكنك أيضا إضافة زر مع رابط خاص في قسم Hero.

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

صفحة المتجر: بعد تنصيب إضافة ووكومرس، اذهب إلى ووكومرس > الاعدادات > المنتجات > صفحة المتجر واختر الصفحة الخاصة بالمتجر

صفحة عريضة: لإضافة صفحة بدون شريط جانبي، في محرر الصفحة، ستجد على اليسار صندوق “خصائص الصفحة” ، غير القالب إلى “Full Width Page “

منشئ الصفحات: إذا كنت تود بناء الصفحة بإستخدام منشئ الصفحات الشهير Elementor أو غيره، في محرر الصفحة، ستجد على اليسار صندوق “خصائص الصفحة” ، غير القالب إلى Page Builder.


4) القوائم

يتم تحرير القوائم من خلال مظهر > قوائم . قالب متجر يدعم عرض القوائم في 3 أماكن مواضع مختلفة:

القائمة العلوية: يتم عرضها أعلى الموقع

القائمة الرئيسية: وهي التي تعرض في الهيدر أسفل الشعار. يمكن عرض عنصر خاص منفصلا عن العناصر الأخرى واستخدامه لعرض أحدث العروض في المتجر. اذهب الى خيارات الشاشة واختر عرض CSS Classes (الفئات)، بعدها قم بتحرير العنصر الخاص وأضف الكود التالي: menu-item-first fas fa-star

القائمة الرئيسية – يسار: هذه قائمة خاصة تعرض عنصر واحد يتم إستخدامها لعرض صفحة الدخول للحساب


5) الودجات

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

متجر (الرئيسية) – تصنيفات WooCommerce: هذا الودجت مخصص لعرض تصنيفات المتجر في الواجهة. قم بتغيير “التخطيط” للتحكم في تصميم وطريقة عرض التصنيفات.

متجر (الرئيسية) – أحدث المنتجات: يستخدم هذا الودجت لعرض أحدث المنتجات في المتجر

متجر (الرئيسية) – أحدث المقالات: هذا الودجت يعرض أحدث مقالات المدونة في صفحة الموقع الرئيسية

فرز المنتجات حسب السعر: هذا الودجت يتم عرضه في الشريط الجانبي للمتجر

متجر – النشرة الإخبارية: هذا الودجت يعرض في الفوتر العلوي، يتم استخدامه لطلب الايميل من الزوار




لديك سؤال آخر؟

شكرا لك للاطلاع على الدليل الخاص بقالب متجر.

إن كانت لديك أي استفسارات أخرى، يرجى التواصل معنا من خلال صفحة اتصل بنا:

أو الإنضمام إلى المجموعة الخاصة بعملاءنا الكرام في فايس بوك:

https://web.facebook.com/groups/2457539554285781/