يعتمد عالم التجارة الإلكترونية على المرونة. المتجر الإلكتروني الناجح قادرًا على التغيير والتكيف وإبراز منتجات محددة في أي لحظة. بينما يعتقد العديد من أصحاب المتاجر أن هذا يتطلب مطورًا، إلا أن الحقيقة هي أن أداة قوية مدمجة في ووكومرس تُسهّل الأمر: رمز ووكومرس المختصر للمنتجات. تتيح لك هذه الأداة البسيطة والمتعددة الاستخدامات عرض المنتجات، وإنشاء شبكات مخصصة، وبناء صفحات ديناميكية دون كتابة سطر واحد من التعليمات البرمجية.
سيعلمك هذا الدليل الشامل كيفية إتقان استخدام [products] المختصر. ستتعلم كيفية استخدام خصائصه لإنشاء عروض منتجات مخصصة وجذابة لأي صفحة أو منشور أو منطقة أدوات. سواء كنت مبتدئًا ترغب في إضافة بعض المنتجات إلى صفحتك الرئيسية، أو مستخدمًا متقدمًا تحتاج إلى إنشاء صفحة هبوط معقدة وقابلة للتصفية، فإن هذه المقالة هي مرجعك الشامل.
الأساسيات: قائمة رموز WooCommerce المختصرة الأساسية
قبل الخوض في [products] ، دعونا نفهم ماهية الأكواد المختصرة ودورها في ووردبريس. الكود المختصر هو جزء صغير من التعليمات البرمجية محصور بين قوسين مربعين، مثل [shortcode] . يستبدله ووردبريس كعنصر نائب بمحتوى أو وظائف ديناميكية عند عرض الصفحة. يمكنك استخدام الأكواد المختصرة في أي مكان يمكنك إضافة نص إليه، بما في ذلك المحرر الكلاسيكي، وقوالب غوتنبرغ، وأدوات إنشاء الصفحات مثل إليمنتور .
مع أن تركيزنا ينصبّ على [products] المختصر، إلا أن ووكومرس يأتي بقائمة كاملة من الرموز المختصرة لصفحات المتجر الأساسية. تُوضع هذه الرموز عادةً في الصفحات التي ينشئها ووكومرس تلقائيًا أثناء الإعداد.
[woocommerce_cart]– يعرض محتوى صفحة سلة التسوق.[woocommerce_checkout]– يعرض نموذج الدفع.[woocommerce_my_account]– يعرض لوحة تحكم حساب العميل.[woocommerce_order_tracking]– يوفر نموذجًا للعملاء لتتبع طلباتهم.
رمز [products] المختصر الأكثر تنوعًا بينها جميعًا. فهو المفتاح لعرض المنتجات على صفحات ومنشورات أخرى غير صفحة المتجر الرئيسية. يتكون هيكله الأساسي من [products] . يعرض هذا الرمز المختصر، بمفرده، شبكة من أحدث منتجاتك. لكن تكمن قوته الحقيقية في خصائصه.
استكشف المزيد: كيفية إعداد سلة تسوق ووردبريس لمبيعات سلسة عبر الإنترنت
حوّل صفحات منتجاتك باستخدام الرموز المختصرة القوية
أضف الحيوية إلى متجر WooCommerce الخاص بك من خلال تصميمات ديناميكية وتجارب تسوق سلسة.
تشريح رمز [المنتجات] المختصر
تكمن المرونة الحقيقية لرمز المنتج المختصر في ووكومرس في خصائصه. الخصائص عبارة عن معلمات تُضاف داخل الأقواس المربعة للتحكم في المنتجات المعروضة وشكلها. يمكن اعتبارها أوامر تُعطي تعليمات محددة للرمز المختصر.
إليك نظرة سريعة على أهم الخصائص التي ستستخدمها. هذه هي قائمة رموز المنتجات المختصرة الأساسية في ووكومرس.
| يصف | وظيفة | القيم المحتملة |
حد | يحدد عدد المنتجات المراد عرضها. | أي عدد صحيح موجب (مثلاً، 8, 12) |
أعمدة | يحدد عدد الأعمدة في الجدول. | 1 ل 6 |
ترتيب حسب | يحدد كيفية فرز المنتجات. | التاريخ ، العنوان ، المعرف ، الشعبية ، التقييم ، راند |
طلب | يحدد ترتيب الفرز. | ASC (صاعد) أو DESC (هابط) |
معرفات | يعرض منتجات محددة حسب رقم التعريف. | قائمة معرفات المنتجات مفصولة بفواصل (مثال: "1,2,3") |
skus | يعرض منتجات محددة حسب رمز المنتج (SKU). | قائمة رموز المنتجات مفصولة بفواصل (على سبيل المثال، "hoodie-01,tee-02" ) |
فئة | يتم التصفية حسب اسم فئة المنتج أو معرفه. | قائمة مفصولة بفواصل لأسماء الفئات (مثل "ملابس، إكسسوارات" ). |
معروض للبيع | يعرض المنتجات المعروضة للبيع حاليًا. | حقيقي |
الرؤية | يتم التصفية حسب مدى ظهور المنتج. | مرئي ، فهرس ، بحث ، مميز |
ترقيم الصفحات | يُمكّن هذا الخيار من ترقيم صفحات قائمة المنتجات. | حقيقي |
فصل | يضيف فئة CSS مخصصة إلى الشبكة. | أي اسم فئة CSS (على سبيل المثال، "my-custom-grid" ) |
تذكر دائمًا استخدام علامات اقتباس مستقيمة ( " ) حول قيم السمات. من الأخطاء الشائعة استخدام علامات اقتباس معقوفة، مما يؤدي إلى تعطل الكود المختصر.
اقرأ أيضًا: كيفية إصلاح مشكلة عدم ظهور منتجات ووكومرس في صفحة المتجر: حلول سريعة
إتقان اختيار المنتج: حالات استخدام عملية ومتقدمة للرموز المختصرة
والآن، ألقِ نظرة على أمثلة عملية لرموز منتجات WooCommerce المختصرة، وتعلّم كيفية استخدامها بفعالية. ستساعدك هذه الأمثلة على إنشاء أقسام منتجات ديناميكية ومخصصة في أي صفحة.
عرض المنتجات المميزة
يُعدّ رمز WooCommerce المختصر للمنتجات المميزة طريقة رائعة لعرض منتجاتك الأكثر مبيعًا أو التي تُروّج لها على الصفحة الرئيسية. يجب عليك أولًا تحديد المنتجات على أنها "مميزة" في لوحة تحكم WooCommerce لاستخدامه. انتقل إلى "المنتجات"، مرّر مؤشر الماوس فوق المنتج، ثم انقر على أيقونة النجمة. ستتحول النجمة إلى اللون الأزرق، مما يشير إلى أن المنتج مميز.
الرمز المختصر: [products visibility="featured"]
يعرض هذا الرمز المختصر جميع المنتجات التي حددتها كمنتج مميز. يمكنك دمجه مع سمات أخرى لتحسين العرض.
مثال: عرض 8 منتجات مميزة في شبكة من 4 أعمدة، مرتبة عشوائيًا. [products visibility="featured" limit="8" columns="4" orderby="rand"]
منتجات محددة حسب المعرف أو رمز المنتج
أحيانًا، قد تحتاج إلى عرض منتج أو منتجين محددين، ربما في منشور مدونة أو صفحة هبوط . هنا تبرز فائدة رمز تعريف المنتج المختصر في ووكومرس. يمكنك استخدام ids مع قائمة بمعرفات المنتجات مفصولة بفواصل.
الرمز المختصر: [products ids="12, 35, 78"]
يمكنك أيضًا استخدام رموز تعريف المنتج (SKUs)، والتي قد تكون أسهل في التذكر.
الرمز المختصر: [products skus="shirt-01, pants-02"]
كيفية العثور على معرّفات المنتجات ورموزها: في لوحة تحكم ووردبريس، انتقل إلى ووكومرس ← المنتجات. يظهر معرّف المنتج في عمود صغير بجوار اسم المنتج. يمكنك أيضًا تمرير مؤشر الماوس فوق عنوان المنتج لعرض المعرّف في الرابط. أما رمز المنتج (SKU) فيوجد في صفحة تعديل المنتج ضمن قسم "بيانات المنتج".
تصفية النتائج حسب الفئة
يُعدّ رمز WooCommerce المختصر لفئة المنتج أحد أقوى الميزات. فهو يسمح لك بإنشاء أقسام مخصصة لنوع منتج معين، مثل قسم "تيشيرتات جديدة" أو صفحة "إكسسوارات".
الرمز المختصر: [products category="t-shirts"]
للعثور على اسم الفئة، انتقل إلى WooCommerce → المنتجات → الفئات . اسم الفئة هو اسم سهل الاستخدام في عناوين URL.
مثال: اعرض 9 منتجات من فئتي "السترات ذات القلنسوة" و"القمصان" في 3 أعمدة. [products category="hoodies, t-shirts" limit="9" columns="3"]
عرض المنتجات المخفضة والأكثر مبيعًا
يُعد إنشاء صفحة مخصصة للمبيعات استراتيجية تسويقية رائعة. يمكنك القيام بذلك بسهولة باستخدام رمز مختصر.
الرمز المختصر للعروض المخفضة: [products on_sale="true"]
وبالمثل، يمكنك عرض منتجاتك ذات الأداء الأفضل.
الرمز المختصر للأكثر مبيعًا: [products best_selling="true"]
دمج الفلاتر لعرض مخصص
يكمن السحر الحقيقي في الجمع بين سمات متعددة. وهذا يتيح لك إنشاء شبكات منتجات دقيقة وجذابة.
مثال: اعرض أكثر 12 منتجًا رواجًا وتخفيضات من فئة "الملابس" في 4 أعمدة. [products category="clothing" on_sale="true" orderby="popularity" limit="12" columns="4"]
تتيح لك هذه السيطرة التفصيلية إنشاء تجربة تسوق فريدة تحافظ على تفاعل العملاء.
خيارات العرض المتقدمة: ترقيم الصفحات، والفرز، والتصميم المخصص
يقوم رمز WooCommerce المختصر للمنتجات بتحديد المنتجات والتحكم في مظهرها وسلوكها على الصفحة.
ترقيم الصفحات لقوائم المنتجات الكبيرة
تحتاج إلى ترقيم الصفحات للصفحات التي تحتوي على العديد من المنتجات لتجنب أوقات التحميل وتجربة المستخدم السيئة . الترقيم (paginate) تُعالج هذا الأمر بشكل مثالي.
الرمز المختصر: [products paginate="true" per_page="12"]
خاصية per_page مع خاصية paginate لتحديد عدد العناصر التي تظهر في كل صفحة. يُعد هذا عنصرًا أساسيًا في رمز WooCommerce المختصر للمنتجات الذي يدعم خاصية الترقيم.
الفرز والترتيب
يمكنك تحديد ترتيب منتجاتك باستخدام سمات الترتيب والترتيب .
orderby="price": يقوم بترتيب المنتجات حسب سعرها.orderby="rating": يرتب النتائج حسب متوسط تقييم العملاء.orderby="popularity": يقوم بالترتيب حسب عدد عمليات الشراء.orderby="rand": يقوم بترتيب المنتجات عشوائياً عند تحميل كل صفحة.
السمة الترتيب " اتجاه الفرز. " order="ASC" للترتيب التصاعدي (مثلاً، من السعر المنخفض إلى السعر المرتفع) و " order="DESC" للترتيب التنازلي (مثلاً، من السعر المرتفع إلى السعر المنخفض).
مثال: عرض 10 منتجات مرتبة حسب أعلى تقييم أولاً. [products limit="10" orderby="rating" order="DESC"]
تصميم أزياء حسب الطلب مع دروس
بالنسبة للمصممين والمطورين، "class" أداةً فعّالة لتخصيص رموز المنتجات المختصرة في WooCommerce. فهي تتيح إضافة فئة CSS فريدة إلى غلاف شبكة المنتجات، مما يسمح بتطبيق أنماط مخصصة على مخرجات الرمز المختصر دون التأثير على شبكات المنتجات الأخرى في الموقع.
الرمز المختصر: [products class="hero-products"]
بعد ذلك، في ملف CSS المخصص الخاص بك، يمكنك استهداف هذه الفئة: .hero-products .product { background-color: #f5f5f5; border: 1px solid #ccc; }
نصائح حول التوافق
يعمل رمز المنتج المختصر في WooCommerce مع المحرر الكلاسيكي، ومحرر Gutenberg (باستخدام قسم "الرمز المختصر" المخصص)، ومعظم أدوات إنشاء الصفحات الرئيسية. كما أنه مصمم ليكون متجاوبًا، أي أنه يتكيف مع أحجام الشاشات المختلفة. مع ذلك، يُنصح دائمًا باختبار الرموز المختصرة على أجهزة الكمبيوتر والهواتف المحمولة للتأكد من عرضها بشكل صحيح.
حالات الاستخدام الاستراتيجية: أين ولماذا نستخدم رموز المنتجات المختصرة
معرفة قواعد اللغة شيء، واستخدامها بذكاء شيء آخر. إليك بعض الأفكار لتحسين متجرك باستخدام رمز المنتج المختصر في ووكومرس .
- الصفحة الرئيسية: أنشئ أقسامًا مخصصة لعناصر "المنتجات الجديدة" و"الأكثر مبيعًا" و"المنتجات المخفضة" لتوجيه الزوار إلى منتجاتك الأكثر أهمية على الفور.
- منشورات المدونة: يمكنك تضمين منتج واحد أو مجموعة منتجات صغيرة ضمن منشور المدونة. على سبيل المثال، إذا كنت تكتب منشورًا عن تنسيق سترة جديدة، فاستخدم رمزًا مختصرًا لعرض تلك السترة تحديدًا وغيرها من المنتجات التكميلية أسفل المنشور مباشرةً.
- صفحات الهبوط الخاصة بالفئات: أنشئ صفحات هبوط مخصصة لفئة معينة. يمكنك إضافة نص فريد ثم استخدام رمز مختصر لعرض المنتجات من تلك الفئة فقط.
- صفحات الهبوط التسويقية: بالنسبة لحملة جديدة، يمكنك إنشاء صفحة هبوط تعرض منتجات تحمل علامة معينة أو من مجموعة جديدة، باستخدام رمز WooCommerce المختصر المخصص لزيادة التحويلات.
اقرأ المزيد: كيفية إضافة خيار الإكرامية في صفحة الدفع في ووكومرس
أفضل الممارسات في استكشاف الأخطاء وإصلاحها وتحسين الأداء
حتى مع استخدام أداة بسيطة مثل الرمز المختصر، قد تظهر بعض المشاكل. إليك كيفية حل المشاكل الشائعة وضمان أداء موقعك بشكل جيد.
- تحقق من الأخطاء الإملائية: قد يتسبب وجود قوس مفقود، أو خطأ إملائي في اسم الخاصية، أو علامات اقتباس غير صحيحة في عرض الكود المختصر كنص عادي. راجع الكود جيدًا.
- ابحث عن المعرّفات والأسماء المختصرة: تأكد من استخدام معرّفات المنتجات ورموز SKU والأسماء المختصرة الصحيحة للفئات. أسهل طريقة للتحقق من ذلك هي من خلال لوحة تحكم ووردبريس.
- التخزين المؤقت والأداء: قد يؤدي عرض عدد كبير جدًا من المنتجات باستخدام رمز مختصر واحد إلى إبطاء موقعك. استخدم
limitوpaginateللتحكم في عدد المنتجات. استخدم إضافة تخزين مؤقت جيدة لتسريع تحميل الصفحات.
- الاحتياجات المتقدمة: إذا كنت بحاجة إلى تصفية ديناميكية، أو ترقيم صفحات باستخدام AJAX، أو ميزات معقدة أخرى، فقد تحتاج إلى إضافة مخصصة. يمكن لأدوات مثل WooCommerce Product Table أو WooCommerce Product Filters أن توسع بشكل كبير وظائف الكود المختصر.
الخلاصة: أدواتك لعرض منتجات ووكومرس بشكل ديناميكي
يُعدّ رمز WooCommerce المختصر للمنتجات نقلة نوعية لأصحاب المتاجر الإلكترونية. فهو يوفر طريقة سهلة وفعّالة لإنشاء عروض منتجات ديناميكية وجذابة وقابلة للتخصيص بشكل كبير على موقعك الإلكتروني. من خلال إتقان [products] المختصر وخصائصه، يمكنك تحويل صفحاتك الثابتة إلى أدوات تسويقية فعّالة.
ابدأ بالأساسيات، مثل قسم المنتجات المميزة على صفحتك الرئيسية، ثم جرّب تركيبات أكثر تقدماً لإنشاء صفحات هبوط فريدة وتضمين المنتجات بشكل استراتيجي في محتوى مدونتك. يتيح لك هذا الرمز المختصر إنشاء متجر إلكتروني احترافي وسهل الاستخدام دون الحاجة إلى كتابة أي كود برمجي. احفظ هذا الدليل، وابدأ في تصميم عروض منتجات أفضل اليوم!
الأسئلة الشائعة حول رمز المنتج المختصر في ووكومرس
ما هو رمز WooCommerce المختصر؟
رمز WooCommerce المختصر هو جزء صغير من النص محاط بأقواس مربعة (على سبيل المثال، [products]). يقوم WordPress باستبدال هذا بمحتوى ديناميكي من متجر WooCommerce الخاص بك، مثل قوائم المنتجات أو محتوى سلة التسوق أو نماذج الدفع.
كيف أستخدم قائمة الرموز المختصرة لمنتجات WooCommerce؟
يمكنك استخدام قائمة رموز المنتجات المختصرة في WooCommerce بإضافة [products] وخصائصه إلى أي صفحة أو منشور أو منطقة أدوات في موقع WordPress الخاص بك. تتيح لك كل خاصية تصفية أو تخصيص عرض المنتجات.
كيف يمكنني عرض المنتجات من فئة معينة؟
يمكنك استخدام التصنيف ضمن [products] . على سبيل المثال، سيعرض [products category="clothing"]
هل يمكنني عرض المنتجات من علامة أو سمة معينة باستخدام رمز مختصر؟
نعم. [products] المختصر إمكانية التصفية باستخدام مُعرّفات الوسوم ( tag="new-collection" ) وحتى باستخدام السمات المخصصة ومصطلحاتها. وهذا يوفر مستوى عالٍ جدًا من التحكم في المنتجات التي تعرضها.
كيف أستخدم رمز WooCommerce المختصر للمنتجات المميزة؟
لاستخدام رمز المنتجات المميزة في ووكومرس، قم أولاً بتحديد المنتجات كمميزة بالنقر على أيقونة النجمة بجوارها في قائمة المنتجات. ثم استخدم الرمز المختصر [products visibility="featured"] في أي صفحة أو منشور.
