تكامل WordPress و GitHub

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

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

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

كيفية الجمع بين GitHub و WordPress (في 4 خطوات)

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

الخطوة 1: إنشاء بيئة WordPress محلية

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

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

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

بعد تنزيل حزمة البرامج وإكمال عملية التثبيت لنظامك ، يمكنك فتح Local والبدء في إعداد موقع التطوير المحلي الخاص بك. عندما يُطلب منك ، انقر فوق إنشاء موقع جديد :

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

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

بعد الانتهاء من اختيار اسم المجال الخاص بك ، انقر فوق متابعة . بعد ذلك ، سيُطلب منك اختيار اسم مستخدم وكلمة مرور لتثبيت WordPress المحلي الخاص بك:

بمجرد اكتمال بيئة التطوير الخاصة بك ، سترى شاشة بها ملخص لمعلومات موقعك الجديد:

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

الخطوة 2: قم بتثبيت GitHub

لتمكين استخدام GitHub مع WordPress ، ستحتاج إلى إنشاء حساب GitHub مجاني وتنزيل Git وتثبيته على محرك الأقراص المحلي. Git هو نظام التحكم في الإصدار مفتوح المصدر (VCS) الذي يتعامل مع جميع مهام سير العمل على GitHub.

لديك خياران لما يمكنك استخدامه لتثبيت Git وتكوينه. إذا كنت مرتاحًا لاستخدام أداة سطر الأوامر ، فهذا خيار واحد. بدلاً من ذلك ، يمكنك استخدام عميل GitHub Desktop:

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

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

عند الانتهاء ، يمكنك استخدام Git لدفع التغييرات إلى GitHub ، بحيث تكون ملفاتك محدثة دائمًا.

الخطوة 3: إنشاء مستودع

الآن بعد أن أصبحت بيئتك المحلية جاهزة للعمل ، مع تثبيت WordPress و Git على جهازك ، فأنت جاهز لإنشاء مستودع لمشروعك. من GitHub Desktop ، يمكنك تحديد إنشاء مستودع جديد على محرك الأقراص الثابتة :

سيُطلب منك بعد ذلك تهيئة المستودع المحلي الجديد الخاص بك:

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

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

إذا أنشأت المستودع الخاص بك بهذه الطريقة ، يمكنك استخدام ميزة Clone repository في واجهة سطح المكتب لسحبها إلى بيئة التطوير المحلية الخاصة بك:

بعد اختيار المستودع الذي تريد استنساخه من GitHub وتعيين المسار المحلي ، انقر فوق Clone لإكمال الإجراء.

الخطوة 4: انشر المستودع الخاص بك

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

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

بعد ذلك ، يمكنك التحقق من حساب GitHub الخاص بك للتأكد من نشر المستودع الخاص بك:

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

ملحقات جيثب لوورد

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

1. جيثب امبيد

Github Embed هو مكون إضافي مجاني لبرنامج WordPress يمكّنك من تضمين معلومات GitHub على موقع الويب الخاص بك. يمكنك القيام بذلك باستخدام رابط بسيط في صفحاتك ومشاركاتك على WordPress. بمجرد تضمين رابط GitHub الخاص بك على موقع الويب الخاص بك ، سيتم تحديثه كلما قمت بإجراء تغيير على هذا المستودع.

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

2. جيثب المحدث

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

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

الخطوات التالية

في هذه المرحلة ، تكون جاهزًا لإنشاء سير عمل Git بين Flywheel و WordPress و GitHub! ستتمكن من استرداد التعليمات البرمجية من GitHub ، وإنشاء السمات والإضافات الخاصة بك أو المساهمة في المشاريع الحالية في مجتمع WordPress.

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

ابق في السيطرة مع WP Engine

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

هنا في WP Engine ، نؤمن بقوة تطوير المصادر المفتوحة. لهذا السبب نعمل على توفير أفضل موارد المطورين لمستخدمي WordPress. تحقق من خططنا لمشروعك القادم!