أفضل مقتطفات كود WooCommerce لـ WordPress

نشرت: 2023-05-12

هل تريد معرفة أفضل مقتطفات كود WooCommerce لـ WordPress ؟ إذا كنت تخطط لتعديل متجرك عبر الإنترنت وإضافة المزيد من الميزات ، فاستمر في قراءة هذه المقالة. سيعرض لك هذا الدليل مجموعة من مقتطفات التعليمات البرمجية التي يجب أن تعرفها.

لكن أولاً ، دعنا نرى ما هو مقتطف الشفرة ولماذا نحتاج إلى استخدامه.

ما هو مقتطف الكود؟

مقتطف الشفرة هو جزء صغير من التعليمات البرمجية يؤدي مهمة أو وظيفة محددة على موقع ويب أو برنامج. غالبًا ما يتم استخدامه لتخصيص موقع الويب / الأداة وتحسين الميزات.

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

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

لماذا تضيف مقتطفات كود WooCommerce إلى WordPress؟

إذا كنت تستخدم مقتطفات رمز WooCommerce لـ WordPress ، فستفيد كل من المالك والمطورين.

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

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

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

علاوة على ذلك ، يمكن أن تساعد مقتطفات رمز WooCommerce في تحسين أمان المتجر على الإنترنت وأدائه. من خلال إضافة رمز مخصص إلى ملف function.php أو ملف ملحق منفصل ، يمكن للمطورين التأكد من أن الكود مُحسَّن لاحتياجات موقع الويب الخاصة.

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

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

أيضًا ، احتفظ بنسخة احتياطية من ملفات وقاعدة بيانات موقع الويب لتأمين عملك الشاق.

كيفية إضافة WooCommerce Code Snippets إلى WordPress

يمكنك إضافة مقتطفات رمز WooCommerce إلى WordPress في بضع خطوات بسيطة:

  • افتح ملف jobs.php: ملف jobs.php هو المكان الذي يمكنك العثور فيه على معظم مقتطفات كود WordPress. عادة ما يكون في مجلد الموضوع ؛ يمكنك الوصول إليه من خلال لوحة تحكم WordPress أو عميل FTP.
  • أضف مقتطف الشفرة: انسخ المقتطف المطلوب والصقه في ملف jobs.php. تأكد من إضافته في المكان المناسب ، مثل نهاية الملف ، بعد أي رمز موجود.
  • احفظ التغييرات: بمجرد إضافة مقتطف الشفرة ، احفظ التغييرات في ملف jobs.php. سيؤدي هذا إلى تنشيط الرمز الذي أدخلته للتو.
  • اختبر الوظيفة: بعد إضافة مقتطف الشفرة ، اختبر الوظيفة الجديدة للتأكد من أنها تعمل على النحو المنشود.

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

أفضل مقتطفات كود WooCommerce لـ WordPress

الآن وقد تعلمنا لماذا وكيف نضيف مقتطفات كود WooCommerce لـ WordPress. بعد ذلك ، دعنا ننتقل إلى أفضل مقتطفات كود WooCommerce المحددة لاحتياجاتك العامة.

باختصار ، ستساعدك الرموز التي سنشاركها على:

  • إضافة علامة تبويب منتج مخصص
  • أضف دعم WooCommerce إلى سمة
  • أضف عملة مخصصة إلى WooCommerce
  • اعرض رابط "حسابي" في نموذج
  • أكمل الطلبات تلقائيًا
  • قم بتغيير عدد المنتجات المعروضة في المتجر
  • تعطيل البحث
  • تعديل نص زر الإضافة إلى عربة التسوق
  • قم بتعديل عنوان صفحة المتجر

دعنا نلقي نظرة عميقة على كل رمز.

1) أضف علامة تبويب منتج مخصص

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

 // إضافة علامة تبويب منتج مخصص

add_filter ('woocommerce_product_tabs'، 'add_custom_product_tab') ؛
الوظيفة add_custom_product_tab (علامات التبويب $) {
علامات التبويب $ ['custom_tab'] = مصفوفة (
"العنوان" => __ ("علامة تبويب مخصصة" ، "woocommerce") ،
"الأولوية" => 50 ،
"رد الاتصال" => "custom_product_tab_content"
) ؛

إرجاع علامات التبويب $؛

}

// محتوى علامة تبويب المنتج المخصص

دالة custom_product_tab_content () {
صدى "<h2> علامة تبويب المنتج المخصص </ h2>" ؛
صدى '<p> المحتوى المخصص هنا. </ p>'؛
}

يضيف هذا الرمز علامة تبويب "علامة تبويب مخصصة" جديدة إلى صفحة المنتج ، مع أولوية 50. علاوة على ذلك ، يمكنك تغيير عنوان ومحتوى علامة تبويب المنتج المخصص وفقًا لمتطلباتك. تعرض وظيفة رد الاتصال custom_product_tab_content محتوى علامة التبويب. يمكنك تخصيص الكود وفقًا لاحتياجاتك.

2) أعلن عن دعم WooCommerce في موضوع طرف ثالث

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

 // أضف دعم WooCommerce إلى السمة

function mytheme_add_woocommerce_support () {
add_theme_support ('woocommerce') ؛
add_theme_support ("wc-product-gallery-zoom") ؛
add_theme_support ("wc-product-gallery-lightbox") ؛
add_theme_support ('wc-product-gallery-slider') ؛
}
add_action ('after_setup_theme'، 'mytheme_add_woocommerce_support') ؛

المصدر: متوسط.

3) إضافة عملة مخصصة إلى WooCommerce

إذا كنت تريد إضافة عملة مخصصة إلى WooCommerce ، يمكنك استخدام مقتطف الشفرة التالي:

 // أضف عملة مخصصة إلى WooCommerce

وظيفة add_my_currency (عملات دولار) {
العملات $ ['ABC'] = __ ('عملتي'، 'woocommerce')؛
إرجاع العملات $؛
}

add_filter ('woocommerce_currencies'، 'add_my_currency') ؛
الوظيفة add_my_currency_symbol ($ currency_symbols) {
$ currency_symbols ['ABC'] = '$'؛ // قم بتغيير ABC إلى رمز العملة المخصص و $ إلى رمز العملة الخاص بك.
إرجاع $ currency_symbols؛
}

add_filter ('woocommerce_currency_symbols'، 'add_my_currency_symbol') ؛

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

4) اعرض رابط حسابي في ملف قالب

لعرض رابط حسابي في ملف نموذج في WooCommerce ، يمكنك استخدام مقتطف الشفرة التالي:

 <؟ php if (is_user_logged_in ()):؟>

<a href="<؟php echo esc_url( wc_get_account_endpoint_url('dashboard') )؛ ؟> "> <؟ php esc_html_e ('My Account'، 'woocommerce')؛ ؟> </a>

<؟ php else:؟>

<a href="<؟php echo esc_url( wc_get_page_permalink('myaccount') )؛ ؟> "> <؟ php esc_html_e ('تسجيل الدخول / التسجيل'، 'woocommerce')؛ ؟> </a>

<؟ php endif؛ ؟>

يتحقق هذا الرمز مما إذا كان المستخدم قد قام بتسجيل الدخول باستخدام وظيفة is_user_logged_in () .

إذا قام المستخدم بتسجيل الدخول ، فإنه يعرض رابطًا إلى لوحة القيادة باستخدام وظيفة wc_get_account_endpoint_url ("لوحة القيادة") . ومع ذلك ، إذا لم يقم المستخدم بتسجيل الدخول ، فإنه يعرض رابطًا إلى صفحة "حسابي" باستخدام وظيفة wc_get_page_permalink ("حسابي") .

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

5) أكمل الطلبات تلقائيًا

إذا كنت ترغب في إكمال الطلبات في WooCommerce تلقائيًا ، يمكنك استخدام مقتطف الشفرة التالي:

 // أوامر الإكمال التلقائي
add_action ('woocommerce_thankyou'، 'custom_woocommerce_auto_complete_order') ؛

دالة custom_woocommerce_auto_complete_order ($ order_id) {
إذا (! $ order_id) {
يعود؛
}

الطلب بالدولار = wc_get_order ($ order_id) ؛
order-> update_status ("مكتمل") ؛
}

المصدر: StackOverflow

تضيف هذه الشفرة خطاف إجراء إلى وظيفة woocommerce_thankyou ، والتي يتم تشغيلها عند اكتمال الطلب. عند تنشيط هذا الخطاف ، يتم تنفيذ وظيفة custom_woocommerce_auto_complete_order .

تتحقق الوظيفة أولاً من تعيين المتغير order_id $ . إذا لم يتم تعيينه ، فإنه يعود. وإلا ، فإنه يصل إلى كائن الترتيب من وظيفة wc_get_order () .

أخيرًا ، يستخدم طريقة update_status () لوضع حالة الطلب على "مكتمل".

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

6) تغيير عدد المنتجات المعروضة في كل صفحة

إذا كنت تريد تغيير عدد المنتجات المعروضة لكل صفحة في WooCommerce ، فيمكنك استخدام مقتطف الشفرة التالي:

 // تعديل المنتجات في عدد الصفحات
add_filter ('loop_shop_per_page'، 'custom_loop_shop_per_page'، 22) ؛
الدالة custom_loop_shop_per_page ($ cols) {
عمود الدولار = 14 ؛ // قم بتغيير هذا الرقم إلى العدد المطلوب من المنتجات لكل صفحة.
إرجاع $ cols؛

}

يضيف هذا الرمز مرشحًا لوظيفة loop_shop_per_page . يتحكم هذا في عدد المنتجات المعروضة لكل صفحة في WooCommerce. يتم بعد ذلك تنفيذ وظيفة custom_loop_shop_per_page ، والتي تأخذ العدد الحالي من الأعمدة كمعامل.

في الوظيفة ، يمكنك أيضًا تعيين متغير $ cols على العدد المطلوب من المنتجات لكل صفحة (في هذا المثال ، 14). أخيرًا ، تحصل على العدد المحدث من الأعمدة.

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

7) تعطيل البحث

لتعطيل البحث في WordPress ، يمكنك استخدام مقتطف الشفرة التالي:

 // تعطيل البحث
الدالة fb_filter_query ($ query، $ error = true) {
إذا (is_search ()) {
$ query-> is_search = false؛
$ query-> query_vars [s] = خطأ ؛
$ query-> query [s] = false؛

// لخطأ
إذا (خطأ دولار == ​​صحيح)
$ query-> is_404 = صحيح ؛
}
}

add_action ('parse_query'، 'fb_filter_query') ؛
add_filter ('get_search_form'، create_function ('$ a'، "return null؛"))؛

المصدر: StackOverflow

يستخدم هذا الرمز وظيفة مخصصة تسمى custom_disable_search () لتعطيل وظيفة البحث في WordPress. هنا تقوم بإضافة خطاف إجراء إلى وظيفة parse_query ، يتم تشغيلها عند تنفيذ استعلام بحث.

في الوظيفة ، يتحقق مما إذا كان الاستعلام الحالي هو استعلام بحث (is_search ()) ؛ إذا كان الأمر كذلك ، فإنه يعين الخاصية is_search لكائن الاستعلام على قيمة خالية. كما يقوم بتعيين متغير الاستعلام s على قيمة خالية ، ويعطل استعلام البحث بشكل فعال.

أخيرًا ، يضيف مقتطف الشفرة هذا مرشحًا لـ get_search_form لإخفاء نموذج البحث من موقع WordPress الخاص بك.

8) تغيير إضافة إلى نص زر عربة التسوق

لتغيير نص الزر "إضافة إلى عربة التسوق" في WooCommerce ، يمكنك استخدام مقتطف الشفرة التالي:

 add_filter ('woocommerce_product_single_add_to_cart_text'، 'custom_add_to_cart_text') ؛
add_filter ('woocommerce_product_add_to_cart_text'، 'custom_add_to_cart_text') ؛

الوظيفة custom_add_to_cart_text () {
return __ ("اشتر الآن" ، "woocommerce") ؛
}

المصدر: Njengah

تضيف هذه الشفرة مرشحين إلى وظائف woocommerce_product_single_add_to_cart_text و woocommerce_product_add_to_cart_text ، والتي تتحكم في نص الزر "Add to Cart" في WooCommerce. يتم بعد ذلك تنفيذ الوظيفة custom_add_to_cart_text () ، والتي تُرجع نص الزر المحدث.

نستخدم وظيفة __ () للوصول إلى نص "اشترِ الآن" المحدد في ملف ترجمة WooCommerce. إذا كنت تريد تغيير النص إلى شيء آخر ، فاستبدل "Buy Now" بالنص الذي تريده.

9) استبدل عنوان صفحة التسوق في WooCommerce

لاستبدال عنوان صفحة المتجر في WooCommerce ، يمكنك استخدام مقتطف الشفرة التالي:

 add_filter ('woocommerce_page_title'، 'custom_shop_page_title')؛
وظيفة custom_shop_page_title ($ page_title) {
إذا ('shop' == $ page_title) {
return __ ('New Shop Title'، 'woocommerce') ؛
}

العودة $ page_title؛
}

سيضيف هذا الرمز عامل تصفية إلى وظيفة woocommerce_page_title ، التي تتحكم في عنوان صفحة متجر WooCommerce. يتم بعد ذلك تنفيذ الوظيفة custom_shop_page_title () ، والتي تتحقق مما إذا كان عنوان الصفحة هو "shop" ، وإذا كان الأمر كذلك ، فتُرجع العنوان المحدث ("New Shop Title").

يستخدم مقتطف الشفرة هذا وظيفة __ () للوصول إلى النص المترجم لعنوان صفحة المتجر المحدث ، المحدد في ملف ترجمة WooCommerce. ومع ذلك ، إذا كنت تريد تغيير النص إلى شيء آخر ، فاستبدل "New Shop Title" بالنص الذي تريده.

خاتمة

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

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

باستخدام الأكواد التي قدمناها أعلاه ، يمكنك تشغيل متجر WooCommerce رائع مع العديد من التخصيصات. لتلخيص الأشياء ، قمنا بمشاركة مقتطفات لـ

  • إضافة علامة تبويب منتج مخصص
  • أضف دعم WooCommerce إلى سمة
  • أضف عملة مخصصة إلى WooCommerce
  • اعرض رابط "حسابي" في نموذج
  • أكمل الطلبات تلقائيًا
  • قم بتغيير عدد المنتجات المعروضة في المتجر
  • تعطيل البحث
  • تعديل نص زر الإضافة إلى عربة التسوق
  • قم بتعديل عنوان صفحة المتجر

يمكنك اختيار رمز والعمل معه حسب متطلباتك.

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

هل نحتاج إلى إضافة أي مقتطفات أخرى إلى هذا الدليل؟

اسمحوا لنا أن نعرف في التعليقات أدناه.

مقالات مماثلة قد ترغب:

  • كيفية تصفية منتجات WooCommerce حسب السمة
  • أفضل ملحقات WooCommerce للتبرع
  • أفضل ملحقات مدير ترخيص WooCommerce