DE {CODE}: المزيد من التطوير أقل الدراما

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

شرائح الجلسة

نص كامل

روب ستينسون : مرحبًا بكم جميعًا. مرحبًا بكم في جلسة DE {CODE}. أتمنى أن تكون قد استمتعت بالحدث حتى الآن. أتمنى أن تكون قد تعلمت الكثير. أتمنى أن تستمر في تعلم الكثير. على وجه الخصوص ، أتمنى أن تتعلم شيئًا مثيرًا للاهتمام في هذه الجلسة الآن. اسمي روب ستينسون. أقوم بهذه الجلسة مع صديقي العزيز ، السيد روبرت لي. كلانا أستراليين. نعم ، مرحبا روبرت.

روبرت لي: كيف حالكم يا رفاق؟

روب ستينسون: تحصل على اثنين من الأستراليين في جلسة واحدة ، كلاهما يدعى روبرت. إذن ما مدى تميز ذلك؟ هذه هي جلسة "المزيد من التطوير والدراما". تدور هذه الجلسة حول كيفية الاستفادة بشكل أفضل من الميزات والأدوات من مضيفي WordPress المُدارين. أود أن أتمنى أن يكون هذا هو WP Engine. بحيث يمكنك تبسيط وتحسين سير العمل الخاص بك. كل ذلك مع فكرة أنه يمكنك قضاء وقت أقل في القيام بالأشياء التي لا تريد فعلها حقًا ، والمزيد من الوقت في القيام بالأشياء التي تستمتع بفعلها ، مثل التطوير وبناء المواقع.

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

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

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

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

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

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

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

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

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

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

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

واحد آخر هو أن - WP CLI هي واحدة من أدوات تغيير اللعبة التي وصلت إلى نظام WordPress البيئي منذ بضع سنوات. أنا أحب أن الأمر مستمر في التطوير والتحسين ، لكنه أحد تلك الأشياء الصغيرة التي تكتشفها ، خاصة كمطور ، إنها جميلة. والشيء الرائع في Local هو أنه يمكنك النقر بزر الماوس الأيمن على موقع وفتح shell site ، بشكل أساسي والحصول على وصول Command Line إلى المثيل المحلي وتشغيل أوامر WP CLI. وهذا أمر رائع لتوفير الوقت.

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

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

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

هذه هي كل الميزات الأساسية ، لكن Local لديها مجموعة كاملة من الوظائف الإضافية أيضًا. وفي التاريخ السابق ، كان بعضها مجانيًا وبعضهم كان محترفًا. ولكن منذ حوالي 12 شهرًا ، جعلنا كل شيء مجانًا. لذا فإن كل إضافة في Local add on library متاحة الآن لأي شخص في نظام WordPress البيئي مجانًا. بالتأكيد تستحق المراجعة. عدد قليل من هؤلاء مثل Link Checker ، إنها مجرد أداة رائعة للتحقق من الروابط المعطلة على موقعك المحلي. الروابط المعطلة سيئة ، اكتشف مكان وجودها وقم بإصلاحها بسهولة فائقة.

مُحسِّن الصور ، هناك مجموعة متنوعة من الأدوات في الصناعة لتحسين الصور ، ولكن هناك واحدة من خلال إضافة مُصممة خصيصًا لـ Local. وهذا أمر رائع لتقليل تأثير المواقع التي تقوم ببنائها على جهازك المحلي. النسخ الاحتياطية السحابية أيضًا. بشكل عام ، كقاعدة قياسية ، من الجيد أن يكون لديك النسخ الاحتياطية ، حتى للإنتاج فقط بالطبع ، ولكن حتى لمواقعك المحلية. النسخ الاحتياطية السحابية - ولكنها رائعة أيضًا ، ربما تكون قد عملت على موقع ما وبالطبع تحتاج إلى أرشفته والاحتفاظ به للمستقبل ، لكنك تريد إزالته من جهازك المحلي لاستعادة بعض المساحة. لذا يمكنك نسخه احتياطيًا على Google Drive أو Dropbox.

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

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

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

روبرت لي: شكرًا روب. لذلك من الواضح أننا تحدثنا عن كيفية إدارتك وتطويرك بطريقة أسرع وأسهل محليًا. الآن عليك الحصول عليها في بيئة ، أليس كذلك؟ ولذا فإن أحد الأشياء التي تحتاج إلى التفكير فيها - وهذا أحد العناصر الأساسية في WordPress هو بالطبع ، إدارة التبعية. كيف تدير هذه المواضيع؟ كيف تدير هذه المكونات الإضافية؟ في الواقع ، شيء مثل 2/3 من كل شيء ، إنها في الواقع مشكلة أمنية ، شيء ما مثل 2/3 من جميع الثغرات الأمنية يرجع إلى مكونات إضافية قديمة.

ولذا فهو جزء مهم حقًا من إدارة WordPress ، لكنه ليس دائمًا الأكثر روعة. وفي كثير من الأحيان أجد نفسي أقضي ساعات في محاولة تحديث المكونات الإضافية. أو ، إذا عطلت موقعًا عن تحديث مكون إضافي ، فأحاول معرفة مكان كسره. وبالتالي فإن إحدى الأدوات التي يمتلكها WP Engine الآن والتي تتيح لك القيام بذلك بطريقة مجدولة آمنة وسهلة حقًا هي Smart Plugin Manager.

لذلك يأتي في الواقع مع كل بيئة مخصصة على WP Engine. لذا ، إذا كان لديك واحد من هؤلاء ، فلا تتردد في تخصيصه لأحد التثبيتات الخاصة بك وتجربته الآن. ولكن من الواضح أن هناك أيضًا ترخيصًا جماعيًا متاحًا حتى تتمكن من الحصول عليه مثل 5 أو 10 أو 25 أو حتى 500 موقع. إذا كنت ترغب في الحصول على أسعار معقولة جدًا بالنسبة لك لتوفير ساعات من الوقت. ولكن ما تفعله في الأساس هو أنها تفعل ما تقوله على الصندوق. إنه يحافظ على الإضافات الخاصة بك ، وكذلك السمات الخاصة بك الآن ، محدثة تلقائيًا. إنه يقوم باختبار للتأكد من أنه تم بأمان ويسمح لك أيضًا بالتحكم في وقت حدوث ذلك ، بحيث لا يحدث بشكل عشوائي بمجرد ظهور تحديث ، وهو ما أعرفه شيء تفعله وظيفة التحديث الأساسية في WordPress.

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

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

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

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

اختبار الانحدار البصري هذا هو شيء يتحسن باستمرار بمرور الوقت. إنها في الواقع مدفوعة بالتعلم الآلي. وهي مشتقة من مجموعة البيانات لأكثر من مليون عملية تحديث قمنا بتقديمها منذ أن أطلقنا هذا المنتج بالفعل. أيضًا ، من بين الأشياء التي يقوم بها Smart Plugin Manager هذا النوع من التمييز بينه وبين الكثير من أدوات التحديث الأخرى أنه لا يوجد حد لما يمكنك تحديثه بهذا ، حقًا. يمكنك بالفعل تحديث المكونات الإضافية المخصصة التي قمت بإنشائها بنفسك طالما حصلت عليها للاستماع إلى الريبو الخاص بك ويعمل أيضًا على GitHub أو Bitbucket أو GitLabs ، ويسمح لك أيضًا بتحديث السمات.

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

يمكنك الحصول على هذا على wpengine.com/smart-plugin-manager أو التحدث إلى أي جهة اتصال في WP Engine. الآن سأعود إلى Rob ، الآخر Rob ، للتحدث عنه بمجرد تحديث كل شيء ، ماذا يحدث إذا كنت تريد أن تجعلها تبدو جميلة؟

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

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

لذا ، فإن Genesis Custom Blocks تجعل هذا الأمر سهلاً حقًا بالنسبة لك للقيام بهذه الأشياء باستخدام الكتلة المخصصة الخاصة بك ومن المهم إجراء مكالمة هنا مفادها أنه إذا كنت معتادًا على Genesis ، فأنت تعرف إطار عمل Genesis وهناك عدد من المكونات الأخرى -ins ، لا تعتمد قوالب Genesis Custom Blocks هذه على أي منها. لذا يمكنك استخدام هذا في عزلة وستعمل جميع الميزات وكل شيء.

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

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

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

لذا سأريكم واحدة الآن. سأكون أقل من دقيقتين. سأقوم ببناء كتلة مخصصة من البداية. لذا تمسك بمقاعدك.

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

في WordPress Admin ، المكون الإضافي الوحيد الذي قمنا بتثبيته على هذا الموقع هنا هو Genesis Custom Blocks. يعطينا هذا الخيار هنا على اليسار. وعندما نضغط على ذلك ، يمكننا أن نرى قائمة بجميع الكتل المخصصة الخاصة بنا. الآن لدينا هذا فقط. إذا قمت بالنقر فوق ذلك ، يمكنك رؤية الحقول الثلاثة التي أضفتها. تذكر ، فكر في الأمر مثل إضافة الحقول إلى نموذج. لدينا حقل صورة وحقولان نصيتان وحقلان لعناوين URL. بالطبع ، لقد قدمنا ​​عنوانًا للكتلة المخصصة ، بالإضافة إلى تكوين بعض الأشياء هنا على اليمين لإعدادات الكتلة.

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

في محرر الكود الخاص بنا ، أضفت ، ضمن نسق الطفل ، مجلد كتل الطفل 2022. ضمن ذلك ، صورة تجانب للشرطة للفريق ، والتي تتوافق مع الكتلة المخصصة لدينا وملفين داخل نقطة الكتلة PHP و block dot CSS. في ملف PHP الخاص بنا ، لدينا بعض HTML بسيط جدًا. لقد أضفت فئة CSS مخصصة حتى نتمكن من التفاعل معها.

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

حسنًا. لذا فقد مررنا بالكثير بخصوص كتل Genesis Custom Blocks. آمل أن يكون هذا قد أظهر لك حقًا مدى سهولة إنشاء تلك التجارب المخصصة داخل WordPress. لمعرفة المزيد ، لتنزيل المكون الإضافي والعثور على مزيد من المعلومات ، فإن wpengine.com/genesis-custom-blocks هو المكان الذي يمكنك الذهاب إليه. رائع ، عد إلى روبرت لي. سيتحدث عن النسخ الاحتياطية.

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

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

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

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

إذن ما نفعله في WP Engine هو أننا نقوم بالفعل بنسخ النسخة الاحتياطية تسع مرات على 3 مناطق توافر. مرة أخرى ، يتم تشفيرها أيضًا في حالة السكون والعبور وهذا يعني أننا نكتبها لتوفر 11 تسعة. إنهم في الأساس مضادون للرصاص. لذلك أسوأ سيناريو تنخفض فيه منطقتك الخاصة ، يمكننا سحب ذلك مرة أخرى لأعلى ويمكننا تدويره في مكان آخر.

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

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

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

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

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

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

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

لذا فإن الإدارة الجيدة للعملاء وحلول أو أنظمة الفواتير الخاصة بالعميل تعتبر ذات قيمة كبيرة حقًا. وأريد أن ألفت انتباهك إلى شيء يسمى Growth Suite. يمكنك العثور على المزيد حول هذا الموضوع على getflywheel.com/growth-suite. لكنه مجرد حل رائع. منصة رائعة لإدارة العملاء ، وفواتير العميل ، واشتراكات العملاء ، وحتى إعادة البيع أيضًا ، واستضافة WordPress. لذلك فهو رائع حقًا لتنظيم كل تلك الطبقات وتبسيطها ومرة ​​أخرى ، كما قلنا في الجزء العلوي ، يتيح لك الحرية للقيام بالأشياء التي تريد القيام بها.

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

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

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

لذلك يمكنك إعداد هذه التقارير بسهولة داخل Growth Suite لتنظيم تلك التجربة بأكملها بشكل أساسي. ويمكنهم جعلها متكررة ويمكنك إعدادها للخروج كل أسبوع أو كل شهر أو ربع سنوي ، مهما كان هذا الهيكل الذي حددته مع عميلك. تستطيع فعل ذلك.

والشيء العظيم هو أنها وكالتك. إنها علامتك التجارية. سواء كانت ألوانًا أو شعارًا ، فسيخرج منك إلى عميلك. لن يتم اختتامها في العلامة التجارية WP Engine أو Flywheel أو Growth Suite. ستكون وكالة ABC في كل مكان. لذلك من تجربة العميل ، فإن هذا التقرير ونقطة التفاعل هذه معك ، وهو أمر رائع حقًا.

مع الاستمرار في هذه الفكرة أيضًا ، يمكنك بالفعل الحصول على بوابة عميل. لذلك هو المكان الذي يمكن لعملائك من خلاله إنشاء حساب تسجيل الدخول الصغير الخاص بهم. ويذهبون هناك. يرون علامتك التجارية. لا يرون Growth Suite أو WP Engine أو Flywheel أو أي شيء من هذا القبيل. أنهم يرون العلامة التجارية لوكالتك. They can log in and they can view the services that are associated with their account. They can make payments. They can see past payments that have occurred. They can update their credit card information, for instance if they're on a subscription.

That's just a really simplified and consolidated experience, but it does a couple of things. One, it reinforces your brand. Two, it streamlines that whole interaction point, right? You're able to hand that off to the client to have them log in and fill out all those details. So it does a few things to really streamline things there, which is fantastic.

And of course, look, Growth Suite is built on top of our infrastructure and we've been WordPress hosting, Managed WordPress hosting for over a decade. And we know how to do it. We know how to do it well. We also know how to do reselling really, really well. So a lot of our Growth Suite existing customers resell as well and that layer of our service is baked in to Growth Suite.

It's optional, you don't have to do it. You may only ever want to run your SEO subscription service through Growth Suite. And that's fine. You don't have to resell, but for those agencies and freelancers that do do that, it is baked in and it works really, really efficiently. And I actually encourage any agency out there, any freelancer out there who's consistently building WordPress sites and who wants to retain an ongoing style of relationship with those clients. Recently hosting is just– it's just a fantastic option for increasing that revenue flow for your own business.

Bulk Site Management as well. So if you are reselling and you've got a number of sites within that account, Bulk Site Management as well. So it kind of like– some of the value proposition of what we saw earlier with this Smart Plugin manager, you can see all of the sites, you can get an, at a glance insights into the status of various things. And things are filter-able, and sortable. So you don't have to log in to every individual site to get key information for the sites within your portfolio. Next one, I want to hand back over to Robert. He's going to talk a little bit about SSH gateway.

ROBERT LI: Sweet. Thanks, Rob. So we're getting into the homestretch. We're getting into real nerd territory now, right? So this is the stuff that makes me super excited. Let's say you've gotten to the point where you've scaled up. You've got hundreds of sites under your management. And you're like, man my finger is cramping up because I have to click on so many things, right? Let's do this programmatically. How do you manage your installs programmatically? How do you manage your deploys programmatically?

First question, how do you manage your installs programmatically? SSH Gateway. That's what you want to use. This is actually a feature that's built into WP Engine's platform. It's not something you need to buy or anything like that. I highly encourage you to use it, but effectively this is the most powerful way to interact with WordPress. We spoke about it earlier. The fact that local has this within its application allows you to do WP CLI, but you can also do that on the platform.

So once you've tested out those commands on local go on. Do a SSH Gateway. Replicate those commands, and that way you can interact with the database programmatically, you can interact with the WordPress site programmatically, you can spin up installs, et cetera, et cetera, et cetera. There's so many things that you can do, right? But with that power also comes some responsibility. So not only can you, like I say, you're executing all of these custom PHP functions and you're executing like remote database commands and stuff, but you want to do that safely.

And the way that SSH gateway makes that safe is that it actually goes through a Bastion Host. That's why we call it a gateway and what I mean by a Bastion Host is this is what governs the connection between you and the origin server itself. There's no direct connection to the actual server, which means you are safe to do any sort of testing or anything that you want to do without the risk of blowing up that environment. But also, that connection is encrypted so no one can listen in. And the session is destructible, so that means that once you leave no one else can hijack that session. So not only is it powerful, but this is a safe way to manage installs.

Let's say you've got this down pat and now you want to do this across all of your installs. Then you want to have a look at our GitHub Action. And super proud to announce that this has been recently updated and released. It is generally available. I'll show you where you can get it later, but effectively this is the most powerful way you can deploy to WP Engine.

Of course, everyone– a lot of you developers probably are aware of Git. If you're not aware of it, then have a look up what versioning WordPress looks like. It is kind of the industry standard. But this allows you to use Git at speed and with flexibility on WP Engine. It allows you to deploy to different environments on WP Engine from different branches. Right now it is just available on GitHub, but we are rolling this out to Bitbucket next, so keep an eye out for that.

But the coolest thing about this– and this is something that I actually personally do, so I'm a super advocate of this– is that this is an open source community driven project. And what that means is that you can take this and run with it what you like. The basics are it's going to log into your WP Engine platform and it's going to push your installs to the right environment. But after that, or during that there's a lot that you can do. For example, there are flags built into the GitHub action that allow you to do cache control so you can tell it to clear cache once you've deployed. And PHP linting, so you can observe PHP coding standards, make sure you're not doing anything dodgy.

Then also, you can deploy scripts, post deploy. For example, you might want to activate all of those plug-ins once you've deployed it. You might want to run a security audit, or you might want to spit out some sort of an output to your local terminal, or something like that.

What this allows you then to do, as I mentioned before, is manage those installs programmatically at bulk. Just like how WordPress core, whenever there's an update that goes out, it goes out to all of the WordPress sites in the ecosystem. Imagine you as an agency have a framework that is common, that you guys have built that you're super proud of, but it's used across all of your sites, and right now what you need to do is you need to log into every site, or SSH into every site and do all of those updates manually. Now you don't need to do that. Once you've set up an organization key, you can actually manage that framework and update that from a central repository and spit that out to every install that you manage, which is super duper handy and it saves tens of hours of work. It's super powerful.

I highly encourage you to visit github.com/wpengine/ that string. It's too long, not going to say it, but you can see it right there and check this out yourself. As I mentioned, this is open source community driven. Please feel free to fork it. I've done that myself, and play around with it. It is just a boilerplate and start managing your sites at scale with speed and flexibility.

So this actually gets us to the end of this DE{CODE} presentation. Hopefully through this you've gained some value. As Rob mentioned, this is a buffet. It's like a Sizzler or a Las Vegas buffet. Some of the things are going to be real tasty and some of the things you're not going to like very much, but I guarantee you you've gotten something out of it, right? And hopefully from this you're able to manage your sites at speed and scale and do more of the stuff that you love and less of the things you don't. I'm Rob Li, this has been Rob Stinson. Thanks for joining us.

ROB STINSON: Thanks, everyone. See you later.

And that is a wrap for DE{CODE} 2022. I hope you found it inspirational and are leaving with more WordPress expertise and new community connections. ابحث عن المحتوى المسجل على الموقع من يوم الجمعة لمتابعة أي شيء قد فاتك أو شاهد مقطع فيديو مرة أخرى.

I want to say a final thank you to our sponsor partners, Amsive Digital, BOX UK, Candyspace, Drewl, Elementary Digital, Illustrate Digital, Kanopi Studios, Springbox, StudioMalt StrategiQ, WebDev Studios, and 10up. شكراً جزيلاً لك على التبرع لحملة التبرعات DE {CODE}. نحن حقا نقدر كرمك.

Now for everybody that has been interacting with us in our Attendee Hub and our sessions, we will pick the top three winners and let you know how you can claim your prize at the end of DE{CODE} We look forward to seeing you again at our future events, either in-person or virtually. لا يمكننا الانتظار لنقدم لك المزيد حول أحدث اتجاهات تطوير WordPress وكيف يمكنك تنفيذها لبناء مواقع WordPress بشكل أسرع. هذا كل شيء مني. شكرا جزيلا لانضمامك إلينا واعتني بنفسك.