إنشاء موقع لمراجعة المنتج باستخدام إضافي - الجزء الأول

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

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

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

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

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

فيما يلي نظرة خاطفة على ما سنبنيه في هذه السلسلة

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

خطوات مهمة لمواقع مراجعة المنتج غير المشمولة في هذه السلسلة

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

1. العثور على المكان المناسب وتضييق نطاق تركيزك. هذا ليس بالأمر السهل وسيتطلب بعض الأبحاث المهمة.
2. البحث عن أرباح الشركات التابعة للمنتجات لمعرفة ما إذا كنت ستكسب المال بالفعل.
   يعد Amazon خيارًا شائعًا للعديد من مواقع مراجعة المنتجات على الرغم من أنه ليس دائمًا الخيار الأفضل.
3. إنشاء تسلسل بسيط للبريد الإلكتروني وحملة تسويقية باستخدام Bloom وخدمات الجهات الخارجية مثل Mailchimp أو Aweber.
4. أنشئ محتوى رائعًا أو ادفع للآخرين للقيام بذلك.
5. تحسين موقعك لمحركات البحث (SEO).
6. قم بتسويق موقعك باستخدام وسائل التواصل الاجتماعي
7. شارك مع المدونين الآخرين في مكانتك لتوليد المزيد من الحركة.

هناك المزيد من الخطوات بالطبع.

تحضير عناصر التصميم

1. تم تثبيت أحدث إصدار من برنامج Extra.
2. موضوع الطفل النشط. لن نقوم بتحرير أي من ملفات السمات الأساسية مثل header.php أو ملفات function.php لهذه السلسلة. سنستخدم فقط أداة تخصيص السمات و CSS المخصص.
3. نسخة فاتحة اللون من شعارك على خلفية داكنة. حجم شعاري هو 103 × 63.
4. صور المنتج. في هذا البرنامج التعليمي ، سيكون لدي 4 فئات بها 3 منتجات في كل فئة ، لذا سأستخدم إجمالي 12 صورة. أنا أستخدم الصور المخزنة من shutterstock بخلفيات بيضاء لمنحها مظهرًا أنظف.

   أيضًا ، سيكون أكبر إصدار من صورة المنتج هو 1280 بكسل (عرض محتوى موقع الويب) ، لذا تأكد من أن صورك بهذا العرض على الأقل. من الناحية المثالية ، سألتقط جميع صورك لتكون 1280 × 720 من أجل التمسك بنسبة العرض إلى الارتفاع 16: 9 لمعظم الشاشات.

كل مجموعة؟ هيا بنا نبدأ.

إنشاء موقع لمراجعة المنتج باستخدام إضافي - الجزء الأول

اشترك في قناتنا على اليوتيوب

إعداد خيارات السمة وإعدادات أداة تخصيص السمة.

من لوحة معلومات WordPress ، انتقل إلى Extra> Theme Options> General tab وقم بتحديث ما يلي:

الشعار: أدخل شعارك. تأكد من أنها نسخة خفيفة من شعارك حيث ستظهر على خلفية داكنة في رأسك.
الرمز المفضل: أدخل الرمز المفضل لديك
لون التمييز العام: # 222222
موقع الشريط الجانبي: لا يوجد شريط جانبي

احفظ التغييرات

انتقل الآن إلى Extra> Theme Customizer> General Settings> Typography Settings وقم بتحديث ما يلي:

حجم نص العنوان: 24
حجم النص الأساسي: 20
ارتفاع خط العنوان: 1.3
نمط خط العنوان: B (غامق)
خط العنوان: أوزوالد
خط النص الأساسي: Open Sans
لون رابط الجسم: # e6567a

حفظ ونشر

ارجع وحدد إعدادات الخلفية وقم بتغيير لون الخلفية إلى rgba (0،0،0،0.14).

حفظ ونشر

عد الآن إلى القائمة الرئيسية لمخصص السمة وحدد إعدادات الرأس والتنقل> إعدادات تنسيق الرأس وحدد "توسيط".

حفظ ونشر

عد الآن وحدد إعدادات شريط القوائم الأساسية وقم بتحديث ما يلي:

ارتفاع القائمة: 124
ارتفاع الشعار: 51
حجم النص: 20
لون النص: rgba (255،255،255،0.86)
لون الخلفية: # 222222
لون خلفية القائمة المنسدلة: # 222222
الرسوم المتحركة للقائمة المنسدلة: انعكاس عمودي

حفظ ونشر

عد الآن وحدد إعدادات شريط القوائم الثانوية وقم بتحديث ما يلي:

حجم النص: 20
لون الخلفية: # 121212
لون خلفية القائمة المنسدلة: # 121212
حجم النص الشائع: 16 بكسل
حجم نص البحث والعربة والأيقونة: 16
لون خلفية البحث والعربة والأيقونة: # 444444

بعد ذلك ، عد وحدد إعدادات التنقل الثابتة . ثم قم بتحديث ما يلي:

حدد إخفاء صورة الشعار
ارتفاع القائمة: 60
حجم النص: 16
لون الخلفية: # 222222

حفظ ونشر

إذا كنت تعمل مع تثبيت جديد تمامًا لـ WordPress و Extra ، فيجب أن تبدو صفحتك الرئيسية على هذا النحو.

إعداد فئات لمنتجاتك

بمجرد الانتهاء من إعدادات Theme Customizer ، يمكنك البدء في إضافة الفئات للمنتجات التي سنضيفها في المستقبل.

لإعداد الفئات ، انتقل إلى لوحة معلومات WordPress وانتقل إلى المنشورات > الفئات . ضمن قسم إضافة فئة جديدة على اليسار ، أضف المعلومات الخاصة بفئتك الأولى. في هذا المثال ، سأضيف فئة تسمى "إلكترونيات" مع سبيكة تسمى "إلكترونيات" ولون "# 5bd999".

ثم انقر فوق الزر " إضافة فئة جديدة" .

سأكرر هذه الخطوة لثلاث فئات أخرى. هذه هي المعلومات لجميع الفئات الأربع الخاصة بي:

1. الاسم: الكترونيات
   سبيكة: إلكترونيات
   اللون: # 5bd999
2. الاسم: الملابس
   سبيكة: ملابس
   اللون: # 00c0e4
3. الاسم: مطبخ
   سبيكة: مطبخ
   اللون: # e6567a
4. الاسم: الصحة واللياقة البدنية
   سبيكة: الصحة واللياقة البدنية
   اللون: # 7658f8

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

بمجرد الانتهاء من إضافة الفئات الخاصة بك ، تكون قد انتهيت من الجزء الأول من السلسلة!

القادم: إضافة منشورات وإنشاء تخطيطات منشورات لمنتجاتك

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

فيما يلي مثال لإحدى مشاركات المنتجات التي سنقوم ببنائها في الجزء الثاني من سلسلتنا.

إذا كان لديك أي أسئلة أو ملاحظات ، فلا تتردد في إرسال تعليق.

هتافات!