WooCommerce: CodeLobster ، ربما أفضل محرر كود

مواقع التجارة الإلكترونية هي أكثر أنواع مواقع الويب ديناميكية. بعد إطلاق الموقع ، لا تتوقف أعمال التطوير والتفصيل مستمر. لا تستطيع العديد من الشركات بيع منتجاتها دون مساعدة المبرمجين.

إذا كانت لديك بالفعل مهارات برمجة PHP وفهمًا لمبادئ WordPress ، فستمنحك هذه المقالة السبق في كيفية تحسين تدفق الترميز الخاص بك.

على وجه التحديد ، سنلقي نظرة على البرنامج المساعد WooCommerce الشهير ونوضح لك كيفية البرمجة به بشكل فعال في CodeLobster IDE ، وهو محرر أكواد أكثر تعقيدًا من NotePad ++ أو Atom ، وذلك لأنه تم تحسينه وتطويره مع وضع WordPress و WooCommerce في الاعتبار.

إنشاء موقع ويب WooCommerce من CodeLobster

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

ينفذ كل IDE حديث بشكل أساسي دعم WordPress جيدًا ويسهل CodeLobster نشر مشروع جديد ، مثل تثبيت موقع ويب WordPress اختباري على جهاز الكمبيوتر الخاص بك (التطوير المحلي) أو الخادم الخاص بك .

يمكنك تثبيت CMS باستخدام المعالج. ما عليك سوى إدخال بيانات المسؤول وعنوان الخادم للاتصال بـ MySQL.

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

WooCommerce موجود أيضًا ويمكن إضافته إلى التثبيت المحلي / المباشر بسرعة.

تخصيص WooCommerce بالوظائف والخطافات

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

يمكن لمبرمج PHP استخدام وظائف وفئات WooCommerce. بفضلهم ، ستتمكن من الوصول إلى المتغيرات العالمية والإعدادات وجميع الموارد الأخرى التي يتفاعل معها WC.

استخدم الإكمال التلقائي عند العمل بهذه الوظائف ، واضغط على Ctrl + Space عند إدخال اسم الوظيفة ، أو Shift + Ctrl + Space للحصول على تلميح حول المعلمات .

في لقطة الشاشة أعلاه ، قمنا بكتابة الكود التالي:

//Get WC_Order object by order ID
$order_id = 55;
$order = wc_get_order( $order_id );

//Get customer ID
$customer_id = $order->get_user_id();

تستخدم وظيفة WooCommerce wc_get_order () للحصول على كائن الطلب ، والذي يمكنك من خلاله استخراج أي بيانات من الطلب ، على سبيل المثال ، معرفة معرّف العميل.

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

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

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

إذا حددت " do_action " أو " application_filters " في الملف ، فسيقوم المحرر بتسليط الضوء على كل التطابقات الخاصة بالربط.

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

يمكننا إضافة الوظائف الضرورية إلى ملف "jobs.php" في موضوعنا. اكتب الوظيفة الخاصة بك وقم بتسجيلها باستخدام طريقة add_action ().

ستوفر الكثير من الوقت إذا كنت تستخدم نظام المساعدة الديناميكي عند العمل مع WordPress و WooCommerce في CodeLobster IDE.

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

انتقل إلى علامة التبويب "المساعدة الديناميكية" على اللوحة اليمنى للبرنامج وانقر على الرابط المناسب لبدء دراسة الوثائق في المتصفح.

الكتابة فوق ملفات القوالب في WooCommerce

WooCommerce لديها نظام قوالب خاص بها - توجد ملفات قالب الواجهة الأمامية في مجلد " wp-content / plugins / woocommerce / قوالب / ".

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

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

يمكنك إدراج HTML أو نص عادي أو كود PHP مباشرة في ملفات القوالب من خلال إرفاقها في “ <؟ php…. ؟ > ".

في هذا المثال ، أخذنا ملف قالب صفحة سلة التسوق من " woocommerce / قوالب / cart / cart.php " ، وقمنا بنسخه ولصقه في مجلد woocommerce / woocommerce الخاص بقالبنا الفرعية (" storefront-business / woocommerce / cart / cart.php " ) ، ثم تخصيصها.

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

العمل الجماعي الفعال لمشروع التجارة الإلكترونية

عادة ، يتم تطوير المتاجر الكبيرة عبر الإنترنت ودعمها من قبل فريق من المبرمجين. يجعل CodeLobster IDE من السهل الحفاظ على كود مصدر المشروع من خلال التكامل مع Git .

من الممكن العمل مع كل من المستودعات المحلية والبعيدة ، وإنشاء فروع جديدة للاختبار الآمن وحفظ التغييرات باستخدام الالتزامات.

يمكن تنفيذ معظم أوامر Git مباشرة من قائمة سياق المشروع ، على سبيل المثال ، لإنشاء التزام ، ما عليك سوى تحديد "Git" -> "Commit".

في الوقت نفسه ، يوفر CodeLobster IDE مربع حوار مناسبًا سترى فيه على الفور حالة جميع ملفات مشروعك وستكون قادرًا على تحديد تلك الملفات التي تحتاج إلى إضافتها إلى اللقطة.

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

بعد تنفيذ الأمر "Git" -> "History" ، لدينا الفرصة لتصور التاريخ الكامل للتعديلات ، والانتقال بالتسلسل خلال الالتزامات.

الأمر المفيد التالي "Git" -> "قارن" يجعل من السهل فحص محفوظات التعديلات وعرض جميع التعديلات على نفس الملف في عمليات تنفيذ مختلفة.

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

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

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

دعونا نلخص

لتنفيذ الحلول الرقمية الجديدة بسرعة باستخدام WordPress ، فأنت بحاجة إلى IDE موثوق به وعملي. يدعم Codelobster بشكل شامل هذا النظام وأنظمة إدارة المحتوى الشائعة الأخرى لجميع مهام العمل: Joomla و Drupal و Magento.

سيتعين على مطوري الويب حل معظم المهام القادمة ، لذا كن مستعدًا للعمل الجاد وظهور العديد من المشاريع المثيرة للاهتمام قريبًا.