رمز WooCommerce المختصر 101: كل ما تحتاج إلى معرفته

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

في دليل رمز WooCommerce القصير هذا ، نغطي جميع الرموز القصيرة المتاحة لمتجرك عبر الإنترنت ، جنبًا إلى جنب مع إرشادات حول كيفية إضافتها.

جدول المحتويات:

• ما هو الرمز المختصر لـ WordPress / WooCommerce؟
• كيفية استخدام رموز WooCommerce المختصرة
• ما الرموز القصيرة التي تأتي مع WooCommerce؟
• يمكن أن توفر امتدادات WooCommerce رموزًا مختصرة إضافية
• بدائل لأكواد WooCommerce المختصرة

ما هو الرمز المختصر لـ WordPress / WooCommerce؟

تبدو الرموز القصيرة كما يلي:

 [this_is_a_shortcode]

باستثناء ، يمكنك تغيير النص داخل هذه الأقواس لتحديد ما تريد أن يفعله الرمز القصير.

ومع ذلك ، لا يمكنك ببساطة كتابة ما تريد ؛ هناك رموز مختصرة محددة تعمل عبر WordPress وداخل البرنامج المساعد WooCommerce.

على سبيل المثال ، أحد الرموز القصيرة الافتراضية التي تأتي مع WooCommerce هو:

 [products]

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

رموز WooCommerce المختصرة إما:

• قم بإنشاء إجراءات / محتوى أساسي في متجر التجارة الإلكترونية الخاص بك ، مثل إرسال عميل إلى صفحة Checkout

أو…

• السماح لأصحاب المتاجر بوضع محتوى التجارة الإلكترونية في أي مكان على موقعهم ، مثل إدراج معرض منتجات باستخدام أزرار " الشراء الآن " في منشور مدونة

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

تبتعد WooCommerce عن الرموز القصيرة (لكنها لا تزال مهمة)

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

منذ إطلاق محرر الكتلة (AKA Gutenberg) في WordPress 5.0 ، كان WooCommerce يعمل ببطء ولكن بثبات على إنشاء كتل مخصصة لكثير من الوظائف التي لم يكن بإمكانك الوصول إليها سابقًا إلا من خلال الرموز القصيرة.

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

كتل WooCommerce

المؤلف (المؤلفون): Automattic

الإصدار الحالي: 7.9.0

آخر تحديث: 21 يونيو 2022

woo-gutenberg- المنتجات- Block.7.9.0.zip

50٪ التقييمات 200،000+ يتطلب التثبيت WP 6.0+

إذا كنت ترغب في معرفة المزيد ، تحقق من البرنامج التعليمي الخاص بنا عن كتل WooCommerce.

ومع ذلك ، لا يزال نظام حظر WooCommerce ليس شاملاً مثل الرموز القصيرة الحالية ، لذلك لا يزال فهم أكواد WooCommerce المختصرة أمرًا مهمًا.

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

كيفية استخدام رموز WooCommerce المختصرة

ستضيف WooCommerce تلقائيًا بعض الرموز القصيرة عند إعداد متجرك ، عادةً للصفحات الرئيسية مثل عربة التسوق والدفع.

لإضافة رموز مختصرة أخرى إلى موقعك ، يمكنك نسخها ولصقها يدويًا أو كتابتها مباشرةً.

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

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

كيفية إضافة رمز WooCommerce القصير في محرر الكتلة

للبدء ، افتح منشورًا أو صفحة جديدة أو حالية على WordPress.

انقر فوق أحد رموز " + " للبحث عن كتل المحتوى. ابحث عن مجموعة الرموز القصيرة وحددها حتى يتم إدراجها في المحرر.

يجب أن تحصل الآن على رمز قصير للصقه أو الكتابة في الحقل المتوفر.

ضع الكود المختصر المطلوب (والذي سنقوم بتغطيته جميعًا في هذه المقالة) في الحقل.

تأكد من حفظ أو تحديث المنشور أو الصفحة لمشاهدة النتائج.

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

كيفية إضافة رمز WooCommerce القصير في المحرر الكلاسيكي

يتعامل محرر WordPress الكلاسيكي مع الرموز القصيرة بطريقة مختلفة قليلاً.

لإدراج رمز WooCommerce قصيرًا ، افتح محرر صفحة أو منشور وتأكد من ضبطه على Visual.

الصق الرمز القصير في أي مكان تريده في المحرر.

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

استخدام الحجج مع الرموز القصيرة الخاصة بك

يشار إليها أحيانًا باسم "Args" أو "Attributes" أو "Parameters" ، تسمح وسيطات الرمز القصير للمطورين ومالكي المواقع بعرض محتوى أكثر تحديدًا من الرموز القصيرة المستخدمة.

على سبيل المثال ، يمكنك أن تأخذ وسيطة "id" هذه:

وأضف ذلك إلى الكود القصير التالي:

 [add_to_cart]

ليصنع:

 [add_to_cart]

نتيجة لذلك ، تعرض الصفحة التي بها هذا الرمز القصير زر " إضافة إلى عربة التسوق " للمنتج بالمعرف # 25:

إذا نقر شخص ما على هذا الزر ، فسيضيف هذا المنتج المحدد إلى سلة التسوق الخاصة به:

لا تسمح جميع رموز WooCommerce المختصرة بالوسيطات ، لكن بعضها يتطلبها. فيما يلي بعض الأمثلة على الوسائط التي يمكنك تجربتها باستخدام أكواد WooCommerce المختصرة:

• Limit = ””: على سبيل المثال ، Limit = ”5 ″ تُظهر خمسة منتجات فقط
• معرف = "": لعرض منتج معين بناءً على معرفه ، مثل id = "10 ″
• orderby = ””: لتنظيم قائمة المنتجات حسب التاريخ أو المعرف أو التصنيف أو العنوان أو الشعبية أو ترتيب القائمة أو الراند (عشوائيًا).
• attribute = ””: للاستيلاء على العناصر بناءً على رخوياتها الصفية
• أعمدة = "": لتعيين عدد معين من الأعمدة في معرض المنتجات

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

 [products columns="3" orderby="popular"]

ما الرموز القصيرة التي تأتي مع WooCommerce؟

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

هم انهم:

• الرمز المختصر لصفحة عربة التسوق
• الرمز المختصر لصفحة الخروج
• الرمز المختصر لصفحة حسابي
• الرمز المختصر لصفحة تتبع الطلب

يضيف WooCommerce ثلاثة من هذه الرموز القصيرة إلى الصفحات التي تم إنشاؤها تلقائيًا في قسم جميع الصفحات في WordPress.

إليك نظرة على كل رمز قصير لـ WooCommerce ، وما يفعله كل واحد ، وما إذا كان مثبتًا بالفعل على الصفحة.

الرمز المختصر لصفحة WooCommerce Cart

يبدو الرمز المختصر لصفحة عربة التسوق كما يلي:

 [woocommerce_cart]

غاية

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

إنه أحد الرموز المختصرة التي تتم إضافتها تلقائيًا إلى الصفحة بعد تثبيت WooCommerce.

مثال

بدون الرمز المختصر لصفحة عربة التسوق ، لن يظهر أي من العناصر أدناه للعملاء.

هل لها حجج؟

رقم.

الرمز المختصر لـ WooCommerce Checkout

يبدو الرمز المختصر لصفحة Checkout كما يلي:

 [woocommerce_checkout]

غاية

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

يتلقى هذا الرمز القصير صفحته التلقائية الخاصة بعد تثبيت WooCommerce.

مثال

ينتج عن الرمز المختصر Checkout كل شيء بدءًا من حقول الاسم إلى معلومات الطلب وحقول الدفع إلى زر تقديم الطلب .

هل لها حجج؟

رقم.

الرمز المختصر لصفحة حسابي

يبدو الرمز المختصر لصفحة حسابي كما يلي:

 [woocommerce_my_account]

غاية

يمنح رمز WooCommerce المختصر للعملاء صفحة على موقع الويب الخاص بك لإدارة معلومات حساباتهم ، مع أقسام لـ:

• تغيير معلومات الاتصال
• ضبط كلمات المرور
• تحرير طرق الدفع
• عرض الطلبات السابقة
• تسجيل الدخول / الخروج من الحساب

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

مثال

بناءً على التكوين الخاص بك ، قد يكون لديك علامات تبويب أخرى في صفحة حسابي لأشياء مثل الاشتراكات والتنزيلات .

هل لها حجج؟

نعم.

• المستخدم الحالي

الرمز المختصر لتتبع طلب WooCommerce

يبدو الرمز المختصر لتتبع الطلب كما يلي:

 [woocommerce_order_tracking]

غاية

ينشئ هذا الرمز المختصر صفحة للتجار والعملاء لتتبع الشحنات باستخدام رموز الناقل.

يجب عليك إنشاء صفحة جديدة حتى تظهر في متجرك عبر الإنترنت.

مثال

لكي يعمل الرمز المختصر لتتبع الطلب ، يجب عليك إرسال معرفات التتبع مع رسائل البريد الإلكتروني الخاصة بالمعاملات.

هل لها حجج؟

رقم.

الرمز المختصر لمنتجات WooCommerce

يبدو الرمز المختصر للمنتجات كما يلي:

 [products]

غاية

ربما تكون أقوى رموز WooCommerce القصيرة ، تتيح لك الرموز المختصرة للمنتجات عرض أي عنصر تريده من المخزون ، مع الحصول على مزيد من التحديد بشأن اختيارك بناءً على:

• SKU
• فئة
• صفات
• معرف المنتج

من المفيد أيضًا عرض معارض المنتجات حيث يكون لديك عناصر متعددة ، مع صورها وعناوينها وأزرار الشراء المنظمة جميعها في أعمدة.

مثال

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

هل لها حجج؟

نعم ، أكثر من أي رمز قصير آخر في WooCommerce.

تتضمن بعض الحجج الشائعة للرمز المختصر للمنتجات ما يلي:

• حد
• الأعمدة
• ترتيب حسب
• سكوس
• بطاقة شعار
• أفضل مبيعات
• ترتيب
• صف دراسي
• ينسب
• هويات
• الفئة

الرمز المختصر لصفحة المنتج لـ WooCommerce

يبدو الرمز المختصر لصفحة المنتج كما يلي:

 [product_page]

ولكنه يعتمد على معلومات معرف أو SKU إضافية ، لذلك لن يعمل الرمز القصير أعلاه في الواقع حتى تقوم بتضمين شيء مثل:

 [product_page]

أو:

 [product_page sku="F12345"]

غاية

يختلف الرمز المختصر لصفحة المنتج عن الرمز المختصر للمنتجات من حيث أنه يعرض صفحة منتج فردية كاملة بدلاً من معاينة أو مجموعة من العناصر.

مثال

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

هل لها حجج؟

نعم ، المعرف المطلوب أو وسيطات SKU.

الرمز المختصر للمنتجات ذات الصلة لـ WooCommerce

يبدو الرمز المختصر للمنتجات ذات الصلة كما يلي:

 [related_products]

غاية

من المفترض أن تضع معرضًا للمنتجات ذات الصلة في أي مكان على صفحة منتج موجودة ، أو على أي صفحة بها نوع من معلومات المنتج عليها.

بدون منتج للرجوع إليه ، لن يتمكن الرمز المختصر من العثور على العناصر ذات الصلة.

مثال

وضعنا رمزًا قصيرًا للمنتجات ذات الصلة داخل وصف صفحة منتج ، وقمنا بتضمين وسيطة بحد خمسة.

هذا يضع معرضًا للمنتجات ذات الصلة أسفل الوصف مباشرةً.

هل لها حجج؟

نعم:

• حد
• الأعمدة
• ترتيب حسب

الرموز المختصرة لفئة المنتج لـ WooCommerce

يبدو الرمز المختصر لفئة المنتج على النحو التالي (لعرض عناصر في فئة معينة):

 [product_category]

يعرض إصدار آخر من الرمز القصير قائمة بفئات المنتجات الخاصة بك:

 [product_categories]

غاية

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

ضع في اعتبارك أنه يجب أن يكون لديك فئات مكونة بالفعل حتى يعمل هذا.

أمثلة

يستخدم هذا المثال الرمز المختصر لفئة المنتج مع وسيطة بسيطة للفئة = "ملابس".

يوفر الرمز المختصر لفئات المنتجات نتيجة مختلفة ، مع قائمة بالفئات والصور وأعداد المنتجات.

هل لها حجج؟

نعم ، عدد غير قليل:

• ترتيب
• ترتيب حسب
• اخفاء
• الفئة
• هويات
• حد
• الأعمدة
• الأبوين

إضافة إلى عربة التسوق الرموز القصيرة

يحتوي WooCommerce على رمزين قصيرين "إضافة إلى عربة التسوق" ، أحدهما يبدو كالتالي:

 [add_to_cart]

الآخر هو:

 [add_to_cart_url]

كلاهما يتطلب إما sku أو id وسيطة للعمل.

غاية

يسحب الرمز المختصر "إضافة إلى عربة التسوق" سعر المنتج ويعرضه بجانب زر " إضافة إلى عربة التسوق" .

يعرض الرمز المختصر لعنوان URL الخاص بـ Add To Cart عنوان URL الخاص بصفحة المنتج الخاص بالعنصر الذي تختاره ويضعه في الزر Add To Cart .

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

مثال

 [add_to_cart]

ينتج هذا الرمز القصير ، مع وسيطة معرف المنتج ، ما يلي.

كما ترى ، فإنه يعرض السعر والزر.

من ناحية أخرى ، ينتج عن الرمز المختصر لعنوان URL الخاص بـ Add To Cart عنوان URL للمنتج المذكور.

هل لها حجج؟

نعم:

• هوية شخصية
• SKU
• نمط
• عرض_السعر
• صف دراسي
• كمية

يحتوي الرمز المختصر لعنوان URL الخاص بـ "إضافة إلى عربة التسوق" على عدد أقل:

• هوية شخصية
• SKU

تسوق الرمز المختصر للرسائل لـ WooCommerce

يبدو الرمز المختصر لـ Shop Messages كما يلي:

 [shop_messages]

غاية

إنه رمز قصير مفيد لعرض رسائل WooCommerce المضمنة على صفحات غير تابعة لـ WooCommerce.

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

مثال

يتطلب الرمز المختصر لـ Shop Messages عمومًا رمزًا قصيرًا للشريك كمحرك. يعد الرمز المختصر Add To Cart مثالًا جيدًا.

ثم يجب على المستخدم اتخاذ إجراء لتشغيل الرسالة.

هذه صفحة غير تابعة لـ WooCommerce ، لذا يكشف الرمز القصير الآن عن رسالة WooCommerce مضمنة حول المنتج الذي تتم إضافته إلى سلة التسوق.

ملاحظة: إذا كنت تواجه مشكلة في رؤية رسائل المتجر ، فانتقل إلى WooCommerce> الإعدادات> المنتجات> عام ، وقم بإلغاء تحديد المربع لـ "تمكين AJAX إضافة إلى أزرار سلة التسوق في الأرشيف".

هل لها حجج؟

رقم.

الصفحات المبنية مسبقًا التي لا تستخدم رمز WooCommerce القصير

أثناء وجودك في قسم All Pages في WordPress ، ستلاحظ بعض الصفحات الأخرى التي تم إنشاؤها تلقائيًا من WooCommerce والتي تتضمن علامات خاصة لتشغيل متجر عبر الإنترنت.

وتشمل هذه:

• صفحة سياسة الخصوصية
• صفحة سياسة الاسترداد والإرجاع
• صفحة المتجر

على الرغم من أنها تم إنشاؤها افتراضيًا بعد تثبيت WooCommerce ، إلا أن هذه الصفحات لا تعمل بنفس الطريقة التي تعمل بها الصفحات ذات الرموز القصيرة مثل صفحة Checkout و My Account.

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

يمكن أن توفر امتدادات WooCommerce رموزًا مختصرة إضافية

يحتوي WooCommerce بالفعل على مجموعة قوية من الرموز القصيرة لتتمكن من إدراجها وإدارتها ، ولكن عادةً ما توفر المكونات الإضافية لجهات خارجية المزيد من الرموز القصيرة لتقوية تجربة التطوير الخاصة بك مع WooCommerce.

على سبيل المثال ، يحتوي ملحق WooCommerce Product Search على أكواد قصيرة للبحث عن المنتج بشكل أكثر مرونة ، بما في ذلك:

• woocommerce_product_search: للكشف عن حقل بحث عن منتج في أي مكان على موقعك
• woocommerce_product_filter_price: لعرض مرشح البحث عن منتج للسعر
• woocommerce_product_filter_sale: للتصفية حسب بنود البيع
• woocommerce_product_filter_category: للتصفية حسب فئة المنتج في حقل البحث

بدائل لأكواد WooCommerce المختصرة

إذا وجدت رموز WooCommerce المختصرة محيرة ، فلديك بديلان رئيسيان للتحكم في محتوى متجرك.

كتل WooCommerce

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

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

الإضافات منشئ الصفحة

بدلاً من ذلك ، يمكنك استخدام أدوات إنشاء الصفحات الشهيرة مثل Elementor و Beaver Builder.

من المحتمل أن يكون Elementor Pro أحد أقوى منشئي الصفحات عندما يتعلق الأمر بالعمل مع WooCommerce. بالإضافة إلى الكتل المتعددة لعرض المنتجات بطرق مختلفة ، يمكنك الآن أيضًا الحصول على أدوات مخصصة لسلة التسوق و Checkout يمكن أن تحل محل رموز WooCommerce المختصرة لتلك الصفحات.

بالإضافة إلى تبسيط الأشياء ، ستتمكن أيضًا من تخصيص تصميم تلك الصفحات بالكامل باستخدام Elementor ، وهو شيء لا يمكنك القيام به باستخدام الرمز القصير فقط.

️ لمعرفة المزيد ، تحقق من مراجعة Elementor.

ابدأ باستخدام رموز WooCommerce المختصرة

جربهم اليوم واستمتع بمزيد من التحكم في محتوى متجرك.

هل لديك أسئلة حول رمز WooCommerce المختصر؟ لو سمحتوا دعونا نعرف في التعليقات!