WooCommerce: كيفية تخصيص مظهر واجهة المتجر بنقرات قليلة

إذا كان موقع WooCommerce الخاص بك يعمل على موضوع Storefront (مثل Business Bloomer) ، فمن المحتمل أنك تعلم أنه لا يأتي مع الكثير من خيارات التخصيص.

بالنسبة للمطورين مثلي ، فإن موضوع Storefront مثالي: فهو يأتي مع العديد من “الخطافات” ، بحيث يسهل إزالة عناصر التخطيط أو نقلها أو إضافتها في غضون بضعة أسطر من PHP.

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

إذن ، إليك نظرة عامة سريعة على ما يفعله المكون الإضافي. يتمتع!

تعرف على البرنامج المساعد Powerpack لواجهة المتجر .

بمجرد تثبيت موضوع Storefront (تم تطويره وصيانته بواسطة WooCommerce أيضًا) وشراء Storefront Powerpack ، سترى على الفور قسمًا جديدًا ضمن لوحة معلومات وورد بريس> المظهر> تخصيص> “Powerpack” :

بالنقر فوق ” Powerpack ” ، ستحصل على قائمة كاملة بالميزات والعناصر التي يمكنك تخصيصها:

تخصيص كل شيء. بدون سطر واحد من التعليمات البرمجية.

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

بالتفصيل ، وباتباع الترتيب كما هو موضح في الصورة السابقة:

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

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

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

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

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

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

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

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

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

عرض تجريبي سريع.

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