Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WooCommerce
Code

كيفية تثبيت وادارة موضوع جديد WooCommerce وورد

by
Difficulty:BeginnerLength:LongLanguages:

Arabic (العربية/عربي) translation by Rahmat Hidayat (you can also view the original English article)

WooCommerce هي وسائل الإعلام الأكثر شعبية و "الأسهل في التخصيص لبناء عملك على الإنترنت." يمكنك تنزيل WooCommerce مجانًا ، ولكنك سترى قوته بالفعل عند بدء استخدام الإضافات والموضوعات الخاصة بـ Wordpress WooCommerce. 

ولكن هل حقا بحاجة إلى استخدام موضوع WooCommerce؟

وفي حين أنه ليس مطلوباً، أوصى به.

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

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

دعني أريكم كيفية القيام بذلك.

كيفية تثبيت وادارة موضوع WooCommerce وورد الجديد 

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

الآن لنبدأ بتثبيت وتنظيم موضوع WooCommerce WordPress جديد.

الخطوة 1: تثبيت بيانات وهمية

إذا قمت بإضافة منتجك إلى WooCommerce ، فإنني أوصيك بتخطي هذه الخطوة والبدء من الخطوة 2.

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

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

بعد التنزيل ، قم بفك ضغط الملف بحيث تكون مستعدًا لاستيراد ملف dummy-data.xml.

انتقل إلى Tools وانقر على Import

How to Install and Setup a New WordPress WooCommerce Theme

لا تدع "(WooCommerce Tax Rates (CSV)" يربكك.  ويمكن القيام بذلك في وقت لاحق إذا كنت تريد.  بالنسبة لبيانات WooCommerce الخيالية ، سوف تختار WordPress.

How to Install and Setup a New WordPress WooCommerce Theme

عادةً لا يكون لديك مكون WorPress Importer مثبتًا ، لذا ، قم بالثبوت و Install Now

How to Install and Setup a New WordPress WooCommerce Theme

بمجرد التثبيت ، انتقل إلى تمكين وActivate Plugin & Run Importer.

هل تتذكر المكان الذي قمت بتنزيل البرنامج الإضافي WooCommerce وإزالته؟  حسن!  الآن تحتاج إلى النقر فوق Choose File وجعل طريقك هناك.

How to Install and Setup a New WordPress WooCommerce Theme

يجب أن تكون البيانات الخيالية في مجلد غير مضغوط: (woocommerce.version.number) > woocommerce> dummy-data.

How to Install and Setup a New WordPress WooCommerce Theme

افتح المجلد dummy-data، وحدد dummy-data.xml، وتكون مستعدًا لتحميل الملف واستيراده.

هذا هو آخر شيء يجب عليك القيام به قبل استيراد كل البيانات الخيالية.

بعض هذه هي تفضيلات شخصية ، ولكن هذا ما أفعله (مزيد من لقطات الشاشة أدناه):

استيراد المؤلف الافتراضي "wooteam" بدلاً من إنشاء autohr جديد أو استخدام كاتب موجود.  وبهذه الطريقة ستعرف ما المحتوى الذي تم استيراده / إنشاؤه في هذه العملية بناءً على اسم المؤلف (أوصي بحذف المؤلف عند حذف البيانات الخيالية بعد الانتهاء من تثبيت وإعداد WooCommerce WordPress).

كما أوصيك بتنزيل المرDownload and import attachments بحيث يكون لديك صور مرتبطة بكل منتج (مرة أخرى ، سوف تتأكد من مسح الوسائط عند الانتهاء من البيانات الخيالية).

بمجرد قمت بإجراء هذه التحديدات، تقديم:

How to Install and Setup a New WordPress WooCommerce Theme

تفضل بزيارة yourwebsite.com/shop وسيظهر لك متجر الإصدار التجريبي الذي تم استيراده: 

How to Install and Setup a New WordPress WooCommerce Theme

نعم! أنت فعلت ذلك!

لا تبدو جيدة ، أليس كذلك؟  الشيء الجيد هو أننا سنقوم قريبا بتركيب موضوع WooCommerce WordPress جيد مثل Savoy.

(ملاحظة: بعد الانتهاء من تثبيت النسق الخاص بك وتنظيمه ، لا تنس حذف المنتج وصوره من البيانات الخيالية قبل إضافة منتجك الخاص). 

الخطوة 2: تثبيت WooCommerce WordPress Theme

الآن ، دعونا نرى كيف لتثبيت موضوع WooCommerce.  إذا لم تقم بتنزيل موضوع WordPress Commerce ، فانتقل إلى الكمبيوتر وقم بتنزيله (تأكد من أنك تعرف مكان تنزيله حتى تتمكن من الوصول إليه).

هناك طريقتان مختلفتان يمكنك تثبيت الموضوع الخاص بك:

  1. الوصول إلى موقعك عبر FTP
  2. من وورد الادارية 

FTP مظهرك

إذا كنت مرتاحًا لاستخدام FTP ، فانتقل إلى خادمك وقم بالاتصال به إلى مسار wp-content> themes،  حيث يمكنك إرسال نسقك.  قبل إرسال مجلد لا يتم ضغطه إلى خادمك ، تأكد من أنك ترسل بالفعل صديقك.  دعونا نلقي نظرة فاحصة على استخدام موضوع وورد الخاص بك من ThemeForest.

بعد فتح ملف zip للتنزيل ، سترى عدة مجلدات مختلفة:

How to Install and Setup a New WordPress WooCommerce Theme

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

Savoy - الحد الأدنى من AJAX WooCommerce Theme يحتوي على ملفات إضافية مثل الوثائق والأصول والمزيد.  إذا نظرت إلى مجلد ملفات Savoy's theme ، فستجد موضوعك (savoy.zip)

إذا قمت بتثبيته باستخدام FTP ، فانتقل وتحميل السمات القديمة التي لا يتم ضغطها (على سبيل المثال: "savoy") إلى دليل السمات.  إذا لم تكن متأكدًا من استخدام FTP أو كنت تريد تثبيته من خلال وورد بريس ، فهذا ليس مشكلة.  أنا أفضل أيضًا استخدام مسؤول WordPress. 

من WordPress الادارية

يتطلب تثبيت سمة WordPress من المشرف مجلد السمات الخاص بنا في شكل (zip (themefolder.zip.  كما ناقشنا في وقت سابق ، تحتاج إلى التأكد من العمل مع مجلد المظهر الفعلي وليس المجلد حيث يتم تعبئة السمة الخاصة بك.

من وورد بريس ، تحت Appearance، انقر Themes

How to Install and Setup a New WordPress WooCommerce Theme

إضافة موضوع جديد:

How to Install and Setup a New WordPress WooCommerce Theme

تحميل الموضوع:

هل تتذكر موقع ملف zip الخاص بصديقك؟

(عنواننا مثال هو بعنوان: Savoy.zip)

انقر فوق Choose File وجعل المسار الخاص بك هناك. 

بمجرد التثبيت ، يمكنك زيارة Appearance > Themes على مسؤول WordPress لمعرفة ما إذا تم تثبيته أم لا ، ثم اضغط على تنشيطه.

كما ترى (في الأسفل) تم تثبيت السافوي بنجاح ، قم بتحريك الماوس وانقر على Activate : 

How to Install and Setup a New WordPress WooCommerce Theme

الآن تم تثبيت موضوع WooCommerce WordPress بنجاح ونشط. دعونا نستعد. 

الخطوة ٣: قم بتعيين WooCommerce WordPress Theme

لا يتم تخصيص كل الموضوعات تمامًا.  الطريقة التي يتم بها تصميم موضوع هو عامل كبير ، لذلك قد تكون هناك بعض الاختلافات بين هذا الدليل وما تواجهه.  بشكل عام ، سيساعدك هذا على جعل موضوع WooCommerce WordPress الخاص بك جاهزًا - بغض النظر عن موضوع WooCommerce الذي تستخدمه من ThemeForest أو من مصادر أخرى.

المكونات الإضافية المطلوبة / موصى بها 

بعد تثبيت سمة Savoy وتنشيطها ، سيتم إعلامك بالمكون الإضافي الموصى به: 

How to Install and Setup a New WordPress WooCommerce Theme

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

انقر على Begin installing plugins في السمة Savoy للاطلاع على قائمة بالمكونات الإضافية الموصى بها:

How to Install and Setup a New WordPress WooCommerce Theme

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

على سبيل المثال ، عندما توصي سافوي باستخدام نموذج الاتصال ٧ وتتضمن نمطه ، قد لا ترغب في استخدام هذا المكون الإضافي لنموذج الاتصال الخاص بك.  قد ترغب في استخدام شيء مثل Gravity Forms أو Ninja Forms.

يعد المكون الإضافي مثل Regenerate Thumbnail مكونًا إضافيًا رائعًا للاستخدام لأولئك الذين لديهم بالفعل متجر ولديهم صور تم تكوينها في المظهر السابق.  سيخوض هذا المكون الإضافي مكتبة WordPress Media وتغيير حجم جميع صورك لتتناسب مع المظهر الجديد.  يمكنك استخدامه مع بياناتك الخيالية ، ويمكنك أيضًا تخطي هذا المكون الإضافي (ولكن لا أوصي بأن يكون لجميع الوسائط الحجم المناسب لاحتياجات التجربة).

يعد المكون الإضافي مثل Evato Toolkit مهمًا جدًا للموضوعات التي يتم شراؤها من ThemeForest ، مما يضمن حصولك على إشعارات تحديث السمة.

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

عند تثبيت كل شيء ، بعضها ، أو عدم تشغيلها على الإطلاق من المكون الإضافي المطلوب ، لا تنسَ تنشيطه:

How to Install and Setup a New WordPress WooCommerce Theme

إذا كنت تستخدم المظاهر التي تم شراؤها من ThemeForest ، مثل شعار Savoy الخاص بنا ، فلا تنس إدخال اسم المستخدم ومفتاح واجهة برمجة التطبيقات السرية في مجموعة أدوات Envato WordPrss لضمان تحديث السمة الصحيح.

التخصيص

هذا جزء من تركيب وتنظيم موضوع WooCommerce WordPress. من المثير جدًا أن تبدأ في رؤية موقعك على الويب.

يمكنك الوصول إلى أداة تخصيص WordPress من القائمة الموجودة في WordPress: Apprearance> Customize أو انتقل إلى صفحة "المظاهر" ضمن Appearance > Themes، ثم انقر فوق الزر Customize:

How to Install and Setup a New WordPress WooCommerce Theme

مرحبًا بك في أداة تخصيص WordPress: 

How to Install and Setup a New WordPress WooCommerce Theme

سنقوم هنا ببعض التغييرات قبل المتابعة إلى تكوين أعمق.

أول شيء ستراه Site Identity.  هنا يمكنك تغيير عنوان وعلامة سطر لموقعك.

How to Install and Setup a New WordPress WooCommerce Theme

يمكنك هنا أحيانًا إضافة صور رأس أو رموز موقع jiga (يمكن أن يختلف ذلك من موضوع إلى موضوع).

بعد ذلك، قم بتهيئة قائمتك:

How to Install and Setup a New WordPress WooCommerce Theme

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

يمكنك بسهولة إضافة وإنشاء قائمة جديدة:

How to Install and Setup a New WordPress WooCommerce ThemeHow to Install and Setup a New WordPress WooCommerce Theme

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

How to Install and Setup a New WordPress WooCommerce Theme

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

قبل أن نترك أداة تخصيص WordPress ، تحتاج إلى إنشاء WordPress لإنشاء الصفحة الأولى لمتجرك: 

How to Install and Setup a New WordPress WooCommerce Theme

تعرض صفحة Mark Front  كصفحة ثابتة ، ثم حدد الصفحة الأمامية لتصبح صفحة Shop الخاصة بك.  سيتم إنشاء المتجر تلقائيًا عند تثبيت المكون الإضافي WooCommerce.

مثل صفحة المنشورات ، يعتمد الأمر على ما إذا كنت تريد الحصول على مدونة على موقع WooCommerce الخاص بك.  إذا كان الأمر كذلك ، فستحتاج إلى إنشاء صفحة مدونة وتحديدها في قسم الصفحة في CustomPress المخصص أو من إعدادات المسؤول في WordPress Admin Settings > Reading.

النتائج

باستخدام بعض التكوينات الأساسية ، يمكنك معرفة مدى جودة استخدام موقع المتجر عبر الإنترنت لموضوع WooCommerce WordPress: 

How to Install and Setup a New WordPress WooCommerce Theme

صفحات المنتج الفردية تبدو مذهلة:

How to Install and Setup a New WordPress WooCommerce Theme

حتى يشمل المنتجات ذات الصلة:

How to Install and Setup a New WordPress WooCommerce Theme

Savoy Theme - AJAX الحد الأدنى WooCommerce يسمح لك بسهولة إدارة العديد من العناصر على موقعك ويمكن أن تذهب بعيدا عن كل ما ناقشته في هذا الدليل (تأكد من قراءة وثائق الموضوع الخاص بك لتعلم موضوعك على وجه التحديد). أريكم فقط التغييرات التي يمكن إجراؤها من يمكن تخصيص ووردبريس عادة على جميع المواضيع التي قد تستخدمها.

استنتاج

يمكنك أن ترى بوضوح مدى سهولة الخطوة الأولى لتهيئة موضوع WooCommerce WordPress الجديد ومدى جودة ذلك - باستخدام موضوع WordPress المصمم خصيصًا لـ WooCommerce. 

هناك العديد من الإضافات المفيدة في WooCommerce WordPress المتاحة على CodeCanyon والعديد من الموضوعات التي تم تصميمها وفعاليتها في ThemeForest

يمكن أن تكون رؤية بعض مواضيع WooCommerce الأكثر مبيعاً في ThemeForest نقطة انطلاق جيدة. (Savoy لا يزال المفضل).  أنا متأكد من أنك ستجد شيئًا يتناسب مع متجرك للتجارة الإلكترونية تمامًا.  أو تصفح مجموعتنا للعثور على واحدة مناسبة لمتجرك:

ماذا تبيع باستخدام WooCommerce؟ 

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.