موضوع واجهة المتجر: كيفية تثبيته وتكوينه

نشرت: 2018-01-12

يعد Storefront أحد أكثر السمات مرونة وقابلية للتوسع عندما يتعلق الأمر بإطلاق متجر WooCommerce باستخدام WordPress.

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

تثبيت موضوع WooCommerce Storefront

هناك طريقتان يمكنك من خلالهما تثبيت سمة Storefront ، إما من خلال البحث عن السمة من لوحة معلومات WP أو تحميل السمة يدويًا.

التثبيت باستخدام لوحة تحكم WordPress

أسرع طريقة لتثبيت Storefront هي من خلال لوحة تحكم WordPress. اتبع هذه الخطوات لتثبيت Storefront عبر لوحة تحكم WordPress.

  1. انتقل إلى المظهر> السمات> إضافة جديد
  2. اكتب " واجهة المحل " في مربع البحث واضغط على إدخال.
  3. تحوم فوق لقطة شاشة واجهة المتجر.
  4. حدد الزر " تثبيت ".
  5. انقر فوق تنشيط

تثبيت Storefront يدويًا

  1. قم بتنزيل أحدث إصدار من Storefront من موقع wordpress.org
  2. انتقل إلى المظهر> السمات> إضافة جديد
  3. انقر فوق تحميل السمة واختر الملف المضغوط الذي تم تنزيله مسبقًا.
  4. انقر فوق التثبيت الآن
  5. انقر فوق تنشيط

إعداد الصفحة الرئيسية

يحتوي Storefront على نموذج مدمج للصفحة الرئيسية مدروس جيدًا. سيساعد هيكلها النظيف جمهورك في العثور على المنتجات التي تبيعها بسهولة.

هناك 6 أقسام في قالب الصفحة الرئيسية الافتراضي لواجهة المتجر. ولكن يمكنك إضافة أو حذف القسم حسب حاجتك.

أقسام الصفحة الرئيسية الافتراضية:

  • محتوى الصفحة
  • فئات المنتجات
  • المنتجات الأخيرة
  • منتجات مميزة
  • المنتجات الشعبية
  • المنتجات المعروضة للبيع
  • أفضل المنتجات مبيعا

تعيين قالب الصفحة الرئيسية

لإعداد قالب الصفحة الرئيسية ، اتبع الخطوات التالية:

  1. انتقل إلى لوحة التحكم -> الصفحات وأنشئ صفحة بعنوان " الصفحة الرئيسية " أو أي شيء تريده.
  2. أضف أي محتوى ترحيبي يعجبك ، والذي سيتم عرضه فوق المنتجات.
  3. على الجانب الأيمن ، ستجد مربعًا بعنوان " سمات الصفحة "
  4. حدد " الصفحة الرئيسية " من القائمة المنسدلة " النموذج ".
  5. انقر فوق نشر أو تحديث لحفظ التغيير.

عرض قالب الصفحة الرئيسية

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

  1. انتقل إلى لوحة التحكم> الإعدادات> القراءة
  2. تحت شاشات عرض صفحتك الرئيسية ، حدد صفحة ثابتة (حدد أدناه)
  3. حدد صفحة تعيين قالب الصفحة الرئيسية السابقة في القائمة المنسدلة للصفحة الرئيسية.
  4. انقر فوق حفظ التغييرات

إعادة ترتيب أقسام الصفحة الرئيسية لواجهة المتجر

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

  1. قم بتنزيل وتثبيت Homepage Control
  2. انتقل إلى المظهر -> تخصيص -> التحكم في الصفحة الرئيسية
  3. قم بسحب وإعادة ترتيب الأقسام حسب حاجتك.
  4. انقر فوق حفظ ونشر لحفظ التغييرات.

تكوين قائمة التنقل

في موضوع واجهة المتجر ، يمكنك عرض القائمة في 3 مواقع.

  1. القائمة الأساسية - تظهر أسفل شعار الموقع مباشرة.
  2. القائمة الثانوية - بجانب الشعار بالقرب من مربع البحث.
  3. قائمة الأجهزة المحمولة - قائمة الأجهزة المحمولة.

إعداد القوائم

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

إنشاء قائمة جديدة وإضافة صفحات إليها

  1. انتقل إلى لوحة المسؤول ثم المظهر> القوائم
  2. في الجزء العلوي ستجد حقل اسم القائمة. اكتب اسم القائمة الخاصة بك هنا.
  3. من الجانب الأيسر ، انقر فوق Pages (على افتراض أنك تريد إضافة صفحات إلى القائمة)
  4. انقر فوق عرض الكل للحصول على قائمة بجميع الصفحات المنشورة.
  5. حدد الصفحات التي تريد ظهورها في القائمة.
  6. بعد تحديد الصفحة ، انقر فوق الزر "إضافة إلى القائمة".
  7. قم بسحب وإسقاط عنصر القائمة لإعادة ترتيبها حسب رغبتك.
  8. انقر فوق حفظ القائمة

تعيين القائمة

بعد إنشاء القائمة ، قم بتعيين القائمة إلى الموقع الذي تريد عرضها فيه. انتقل إلى المظهر> القوائم> إعدادات القائمة وتحقق من الموقع من خانة اختيار موقع العرض .

إضافة فئات المنتجات إلى قائمتك

  1. انتقل إلى لوحة المسؤول ثم المظهر> القوائم
  2. انقر فوق خيارات الشاشة من أعلى اليسار وتحقق من فئات المنتجات
  3. الآن في الجزء الأيمن ، ستظهر علامة تبويب فئات المنتجات.
  4. انقر فوق علامة التبويب فئات المنتجات للتوسيع ، وحدد الفئات
  5. بعد التحديد ، انقر فوق الزر "إضافة إلى القائمة ".
  6. قم بسحب وإسقاط عنصر القائمة لإعادة ترتيبها حسب رغبتك.
  7. انقر فوق قائمة حفظ

إعدادات القطعة

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

  1. الشريط الجانبي - يسار أو يمين محتوى الموقع الرئيسي ،
  2. أسفل العنوان - أسفل رأس الموقع مباشرةً وفوق المحتوى.
  3. عمود التذييل 1 - ناحية التذييل
  4. عمود التذييل 2 - ناحية التذييل
  5. عمود التذييل 3 - ناحية التذييل
  6. عمود التذييل 4 - منطقة التذييل

إعداد WooCommerce

تثبيت WooCommerce

  1. انتقل إلى لوحة التحكم> المكونات الإضافية> إضافة جديد > بحث عن المكونات الإضافية
  2. ابحث عن "WooCommerce".
  3. انقر فوق التثبيت الآن .
  4. انقر فوق تنشيط .

تكوين WooCommerce

بعد تنشيط WooCommerce ، سيُطلب منك تثبيت WooCommerce باستخدام معالج. سيهتم بجميع الإعدادات الأولية. وهي مقسمة إلى 6 أجزاء.

  • إعداد الصفحة - يقوم تلقائيًا بتهيئة الصفحات الأساسية (المتجر ، عربة التسوق ، الخروج ، حسابي).
  • موقع المتجر - تكوين موقع المتجر والعملة وضريبة المبيعات
  • الشحن - تكوين وحدة الوزن ووحدة الأبعاد
  • المدفوعات - إعداد بوابة الدفع.
  • السمة - ثبّت سمة متوافقة مع WooCommerce.
  • جاهز - (اختياري) اسمح لـ WooCommerce بجمع معلومات الاستخدام.

يمكنك كل هذه الإعدادات وقتما تشاء من لوحة معلومات WooCommerce.

أضف منتجًا إلى WooCommerce

  1. انتقل إلى لوحة تحكم WordPress
  2. انقر فوق المنتجات> إضافة جديد
  3. اكتب اسم المنتج أو العنوان في حقل اسم المنتج .
  4. اكتب وصف المنتج الخاص بك في المحرر أدناه.
  5. الآن عليك تحميل صورة مميزة لمنتجك وصورة إضافية إلى معرض المنتج.
  6. ستجد واحدًا على اليمين مربعًا بعنوان صورة المنتج ومعرض المنتج
  7. قم بتحميل الصورة المميزة إلى صورة المنتج والصور الإضافية لمعرض المنتج
  8. انقر فوق نشر .

إعداد سمة وسعر المنتج

لإعداد سعر المنتج ، انتقل إلى لوحة المعلومات> المنتجات وحدد أي منتج. ثم قم بالتمرير لأسفل إلى قسم بيانات المنتج. فيما يلي وصف موجز لجميع إعدادات قسم بيانات المنتج:

نوع المنتج

  • منتج بسيط : منتج واحد بسيط.
  • المنتج المجمع : منتج يمثل جزءًا من مجموعة.
  • المنتج الخارجي / التابع : المنتج المدرج في متجرك ولكن المنتج الفعلي يباع في مكان آخر.
  • منتج متغير : منتج متنوع (الحجم ، الألوان)
  • المنتج الافتراضي : منتج لا يتطلب الشحن.
  • منتج قابل للتنزيل : منتج يتعين عليك توفير ملف قابل للتنزيل فيه.

عام

  • السعر العادي : سعر المنتج العادي.
  • سعر البيع : سعر المنتج المخفض.

جرد

  • SKU : وحدة الاحتفاظ بالمخزون (SKU) تتعقب المنتجات
  • إدارة المخزون : تمكين إدارة المخزون
  • حالة المخزون : ما إذا كان المنتج في المخزن أم لا.
  • يُباع بشكل فردي : يمكن بيعه بترتيب واحد.

شحن

  • الوزن: وزن المنتج.
  • الأبعاد: الطول والعرض والارتفاع للمنتج.
  • فئة الشحن: مجموعة منتجات من نوع مشابه لطريقة شحن معينة.

المنتجات المرتبطة

  • Upsells : اعرض المنتجات ذات الصلة أسفل صفحة تفاصيل المنتج.
  • عمليات البيع المتقاطعة : اعرض المنتجات ذات الصلة في صفحة عربة التسوق.
  • السمات : حدد السمة العالمية لمنتجاتك.

متقدم

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

تخصيص واجهة المحل

كيف تضيف شعار

اتبع هذه الخطوات لإضافة الشعار وعرضه على موقع الويب الخاص بك:
1. انتقل إلى WordPress Admin ثم Appearance> Customize
2. ثم انتقل إلى Site Identity> Logo
3. انقر فوق "تحديد الشعار" لتحميل صورة الشعار الخاص بك. (حجم الصورة الموصى به: 470 بكسل × 110 بكسل)
4. انقر فوق نشر.

مكان تحميل الأيقونة المفضلة للموقع

اتبع هذه الخطوات لإضافة وعرض الأيقونة المفضلة إلى موقع الويب الخاص بك:
1. انتقل إلى WordPress Admin ثم Appearance> Customize
2. ثم انتقل إلى Site Identity> Site Icon
3. انقر فوق "تحديد صورة" لتحميل صورة الشعار الخاص بك. (حجم الصورة الموصى به: 512 بكسل × 512 بكسل)
4. انقر فوق نشر.

كيفية تغيير أرشيف المنشور أو تخطيط المدونة

  1. انتقل إلى المظهر> تخصيص> أداة تخصيص المدونة> أرشيفات النشر
  2. حدد التخطيط من تخطيط أرشيف المشاركة
  3. انقر فوق نشر

كيفية تغيير أرشيف المنشور أو عمود المدونة

  1. انتقل إلى المظهر> تخصيص> أداة تخصيص المدونة> أرشيفات النشر
  2. حدد رقم العمود (العرض الكامل ، 2 عمود ، 3 عمود و 4 عمود) من عمود أرشيف ما بعد
  3. انقر فوق نشر

كيفية تغيير منشور واحد أو تخطيط المقالة

  1. انتقل إلى المظهر> تخصيص> أداة تخصيص المدونة> منشور واحد
  2. حدد تخطيطًا من تخطيط منشور واحد
  3. انقر فوق نشر

كيفية تغيير الخط

  1. انتقل إلى المظهر> التخصيص> الأنماط العامة> الطباعة
  2. حدد الخط من اقترانات الخطوط
  3. انقر فوق نشر

تخصيص WooCommerce

كيفية تغيير تصميم صفحة المتجر

  1. انتقل إلى المظهر> تخصيص> WooCommerce> صفحة المتجر - قوائم المنتجات
  2. حدد التخطيط من Product Archive Layout
  3. انقر فوق نشر

كيفية تغيير تخطيط صفحة تفاصيل المنتج

  1. انتقل إلى المظهر> تخصيص> WooCommerce> صفحة المتجر - قوائم المنتجات
  2. حدد التخطيط من Product Archive Layout
  3. انقر فوق نشر