هذا ملخص للقاء Hallway Hangout الذي تم تنظيمه في قناة #fse-outreach-experiment كجزء من برنامج FSE Outreach. شكرًا لكل من شارك!
الحضور:
@elblakeo31 @beckej @annezazu @paaljoachim @rbest Lauren Gray، @FahimMurshed، James Riordon، Micro.
تسجيل الفيديو:
الملاحظات:
مقدمة
بدأنا المكالمة بمقدمة من @elblakeo31، وهو عضو في برنامج FSE Outreach لطالما سعى إلى استخدام أحدث التقنيات وأفضلها في أقرب وقت ممكن وبأكبر قدر ممكن. وبصفته من أوائل المتبنين للتقنيات، يتمثل جزء من عمله أيضًا في مساعدة الآخرين على تبني التكنولوجيا الجديدة.
يتواصل العملاء معي الآن بشأن ميزات FSE ويريدون استخدامها. بدأنا نرى انتقالًا من أشخاص كانوا حذرين جدًا إلى أشخاص يرغبون فعلًا في استخدام ميزات النواةالنواة النواة هي مجموعة البرامج المطلوبة لتشغيل WordPress. ويعمل فريق تطوير النواة على بناء WordPress. التي يوفرها WordPress.
@elblakeo31
النهج العام
لديهم سبعة مواقع مختلفة انتقلت إلى محرر الموقع في بيئة الإنتاج. وهم يتعمدون عدم إنشاء قوالب لهذه المشاريع، ويحاولون استخدام محرر الموقع إلى أقصى حد ممكن. حاليًا، يستخدمون القوالب الفرعية في بعض المشاريع، لكنهم يعتمدون في الغالب على Twenty Twenty-Three كما هو. يرى Blake أن استخدام محرر الموقع مباشرةً كأداة تصميم، بدلًا من استخدام Figma ثم إعادة التنفيذ في WordPress، يوفر ميزة كبيرة. توجد بعض التحديات هنا، إذ اعتاد الناس على Figma، بينما يحتاج محرر الموقع إلى فترة للتعلم، إضافةً إلى بعض القيود، مثل تجربة تنقل أكثر ديناميكية. وإلى جانب ذلك، يُبذل الكثير من العمل لتقييم الإضافات المطلوبة في الموقع والتأكد من أن كل ما قد يرغبون في استخدامه مدعوم داخل محرر الموقع. وبوجه عام، يحاولون عدم بناء الكثير من الكتل المخصصة، والاعتماد بدلًا من ذلك على الأنماط، مع التركيز على الاستفادة قدر الإمكان من وثيقة تنسيق تجربة المحرر. وينطبق هذا خصوصًا على المؤسسات الكبيرة، مثل جامعة كبيرة، حيث تحتاج إلى تقييد الأمور بدرجة أكبر.
كيف تبدو وكالة ويب في عالم محرر الموقع؟
كيف يمكننا تقديم الخدمات عندما يستطيع العملاء تنفيذ الكثير بأنفسهم باستخدام محرر الموقع؟ ظهر هذا السؤال طبيعيًا كنقطة نقاش، إذ شارك Blake كيف يهدف إلى تدريب العملاء على استخدام إمكانات محرر الموقع، وكيف أن «الكثير من الوقت الذي كان يُقضى في التطوير يُقضى الآن في التعليم».
أكبر تحدٍ في الوقت الحالي هو تعليم الناس استخدام أداة جديدة. عند الانتقال إلى GutenbergGutenberg مشروع Gutenberg هو واجهة المحرر الجديدة لـ WordPress. يحسن المحرر عملية وتجربة إنشاء محتوى جديد، ويجعل كتابة المحتوى المنسق أكثر بساطة. ويستخدم «الكتل» لإضافة الثراء بدلًا من الأكواد المختصرة وHTML المخصص وغير ذلك.
https://wordpress.org/gutenberg/، يكون لدى بعض الأشخاص أصلًا «توجس وغضب» في بعض الأحيان. وبغض النظر عن حجم الموقع الذي يعمل عليه العميل، فإذا كان قد استخدم WordPress من قبل، فسيكون قد أُصيب بشيء من إرهاق الميزات. ولمساعدتهم على تجاوز ذلك والانتقال إلى المستقبل، يقضون الكثير من الوقت في إدخالهم إلى ثقافة التعاون والتجريب، وهي أمور لا يرغب فيها الناس عادةً. ونتيجةً لذلك، يختارون تحديدًا العملاء الذين يقدرون قدرًا من التجريب المصاحب لتبني التقنيات الجديدة.
مع الإصدار الأحدث حاليًا، وصلنا إلى نقطة أستطيع فيها نقل المشاريع إلى بيئة الإنتاج وأنا واثق من أنها ستستمر.
@elblakeo31
متى تقرر استخدام قالب فرعيقالب فرعي القالب الفرعي هو قالب مخصص مبني على قالب رئيسي. وتُعد ممارسةً موصى بها إنشاء قالب فرعي إذا كنت تريد تعديل CSS الخاص بقالبك. https://developer.wordpress.org/themes/advanced-topics/child-themes/ بدلًا من TT3؟ وما الذي يدفعك إلى هذا القرار؟
شارك Blake بأنه تحدث مع كثير من الأشخاص حول أفضل الممارسات، ويهدف إلى تنفيذ أكبر قدر ممكن داخل المحرر. كما يعلم أنه سيحصل على دعم أكبر من المجتمع إذا دفع حدود Twenty Twenty Three مقارنةً باستخدام قالب آخر. وأثناء تعمقه في العمل، سيوثق أيضًا كل موضع أُضيف فيه كود لمواكبة ما قد يتغير مستقبلًا. وتُعد الخطوط مثالًا رائعًا على ذلك، فهي تظهر كثيرًا في النقاشات. في المستقبل، ستُدار الخطوط مباشرةً بصورة أكبر في النواة، لكنهم يستخدمون حاليًا إضافة Create Blockكتلة الكتلة هي مصطلح مجرد يُستخدم لوصف وحدات الترميز التي، عند جمعها، تشكل محتوى صفحة الويب أو تخطيطها باستخدام محرر WordPress. وتجمع الفكرة بين مفاهيم ما كان يمكن تحقيقه سابقًا باستخدام الأكواد المختصرة وHTML المخصص واكتشاف التضمينات، في واجهة برمجة وتجربة مستخدم واحدة ومتسقة. Theme pluginإضافة الإضافة هي جزء من البرامج يحتوي على مجموعة من الوظائف التي يمكن إضافتها إلى موقع WordPress. ويمكنها توسيع الوظائف أو إضافة ميزات جديدة إلى مواقع WordPress. تُكتب إضافات WordPress بلغة البرمجة PHP وتتكامل بسلاسة مع WordPress. وقد تكون مجانية في دليل إضافات WordPress.org https://wordpress.org/plugins/ أو مدفوعة من جهة خارجية. للتعامل مع ذلك.
ما العملية التي تتبعها لاستخدام محرر الموقع مباشرةً كأداة تصميم بدلًا من Figma؟
منذ الأيام الأولى لاستخدام محرر WYSIWYGما تراه هو ما تحصل عليه ما تراه هو ما تحصل عليه. يُستخدم هذا المصطلح غالبًا في ما يتعلق بالمحررات، حيث تعكس التغييرات التي تُجرى في وضع التحرير تمامًا الطريقة التي ستظهر بها في الصفحة المنشورة.، كان Blake يحلم بألا يستخدم شيئًا سوى المحرر لإنشاء النماذج الأولية، والاستغناء عن الحاجة إلى استخدام أدوات مثل Adobe. فهو يرى أن وجود مصادر متعددة للحقيقة مضيعة للوقت، ما دام يمكن جمع كل شيء في محرر واحد. أما فيما يتعلق بالعملية، فسيتبعون شيئًا شبيهًا بما يلي:
- إضافة المحتوى إلى WordPress باستخدام Twenty Twenty-Three من دون تغيير الأنماط.
- إضافة بعض عناصر التصميم باستخدام محرر الموقع وشرح عناصر الأنماط المختلفة للعميل مباشرةً، إلى جانب الخيارات المتاحة له مستقبلًا وفقًا لما يريد فعله.
- بناء أي شيء مخصص، مثل العناصر المخصصة أو إضافة الإضافات لتحسين إمكانية الوصولإمكانية الوصول تشير إمكانية الوصول (ويُختصر بها عادةً إلى a11y) إلى تصميم المنتجات أو الأجهزة أو الخدمات أو البيئات للأشخاص ذوي الإعاقة. ويضمن مفهوم التصميم الميسر «الوصول المباشر» (أي دون مساعدة) و«الوصول غير المباشر»، أي التوافق مع التقنيات المساعدة التي يستخدمها الشخص (مثل برامج قراءة الشاشة). (https://en.wikipedia.org/wiki/Accessibility) إلى المواقع.
في المواقع السبعة أو الثمانية التي تستخدم محرر الموقع، لم يصلوا إلى نقطة يقول فيها العميل إن هذا لن يناسبه. ولأنهم لم ينفذوا أي نماذج أولية، انتهى بهم الأمر إلى توجيه العملاء حرفيًا عبر محرر الموقع. لذلك، يُعد ضبط توقعات العميل من أكبر أدوات المهنة: «هذه تكنولوجيا جديدة ستضعك في موقع أفضل مستقبلًا، لكنها في الوقت نفسه لها حدود».
أستطيع أن أتفهم كل ما يتحدث عنه Blake. أنا وكالة مكونة من شخص واحد فقط، لكنني أتبع النهج نفسه تمامًا في جميع مشاريعي، بما في ذلك استخدام TT3 كأساس، أو قالب Frost من Brian Gardner. أنشئ النماذج الأولية في محرر الموقع. ويتم التعاون عبر P2P2 P2 أو O2 هو المصطلح الذي يستخدمه الناس للإشارة إلى مدونة Make WordPress. ويمكن العثور عليها على https://make.wordpress.org أو صفحة تواصل أنشئها، لأن ذلك يمنح العملاء فرصًا سهلة للعمل باستخدام الكتل والشعور بالراحة معها.
Micro في دردشة Zoom
ما أنواع العملاء الذين تعمل معهم، وكيف يتغير نهجك تبعًا لذلك؟
بوجه عام، هناك ثلاثة أنواع من العملاء:
- إنشاء شيء انطلاقًا من قالب: يأتي شخص ومعه نموذج تصميم كامل ويقول إنه يريد X. أصبح هذا الأمر أكثر ندرة، إذ أصبحت وكالتهم معروفة بإنشاء الأشياء من الصفر. وغالبًا ما يأخذون تصميمًا ويستخدمون إما كتلة مخصصة أو كتلة HTMLHTML HTML اختصار لـ Hyper Text Markup Language، أي لغة ترميز النص التشعبي. وهي لغة ترميز تُستخدم في تطوير صفحات الويب والمواقع الإلكترونية. إذا أرادوا تطابقًا مثاليًا مع وحدات البكسل.
- مشروع صغير: يريد العميل تصميم موقع إلكتروني وبناءه من الصفر، لكنه ليس مؤسسة كبيرة. يتعاونون مع الأشخاص لإدخال كل المحتوى إلى WordPress. ويحددون مكالمات مدتها من ساعة إلى ثلاث ساعات لمناقشة المحتوى، والنظر في مواقع WordPress مختلفة، ومعرفة ما يريد العميل فعله (سواءً كان سيضعه في مستند Google أو يريد الدخول إلى محرر WordPress فورًا). ثم يعقدون اجتماعًا يركز أكثر على التصميم للتأكيد على الأنماط وإنشائها، والعثور على المواقع التي تعجبهم، وغير ذلك. وتستمر عملية التكرار بعد ذلك.
- مؤسسة كبيرة مثل جامعة. في هذا المستوى، يركزون أكثر على الميزات ويعملون تقريبًا كمستشارين إلى جانب فريق تقنية معلومات على دراية بـ WordPress. أما بالنسبة إلى المؤسسات الأكبر، فالأمر يعتمد على ما تريده. مؤخرًا، بنوا 80% من الموقع، ثم نفذوا جزءًا تعليميًا، وسيعملون في النهاية على جزء الإنهاء. وبالنسبة إلى المؤسسات الأخرى، يتعلق الأمر أكثر بتقديم الدروس والإرشادات حول كيفية استخدامه لتطبيق أفضل الممارسات. وقد تستغرق هذه المشاريع وقتًا أطول غالبًا.
في الجانب التعليمي، يُقضى الكثير من الوقت في جعل الأشخاص يشعرون بالراحة مع المحرر، بمن فيهم المصممون. ومن المهم أن يشعر الأشخاص بالراحة مع محرر الموقع، بمن فيهم المصممون. لكل كتلة عناصر تحكم مختلفة، وما إلى ذلك. وبمجرد إعداد بعض هذه الأمور، يمكن ترك الأشخاص يبدعون بحرية. شارك Blake كيف يحاول دفع الناس إلى التفكير في أنفسهم كمصممين لمحرر الكتل، والتفكير في الكتل باعتبارها المستوى الأساسي للتصميم.
ما الذي جعلك تشعر بالثقة في استخدام محرر الموقع في بيئة الإنتاج؟
طرح أحد الحاضرين هذا السؤال، وشارك Blake أنه في كل مرة يصدر فيها إصدار جديد، يقضي قدرًا كبيرًا من وقته في اختبار الأشياء. وغالبًا ما يقضي عطلة نهاية أسبوع في معرفة ما إذا كان يستطيع تشغيل مشروع في محرر الموقع، ثم يشاركه مسبقًا مع العميل لمعرفة ما إذا كان سيعمل معه. وهو يجد بصورة متزايدة أن الأمور تعمل، وأنه يستطيع تسليمها إلى العميل مباشرةً. ومع الإصدار الأحدث، ابتعد تمامًا عن استخدام إضافة Gutenberg كحل مؤقت («كان الابتعاد عنها محررًا»).
أمور أخرى
ناقشنا بعض جوانب الصيانة، والاعتماد الأوسع لمحرر الموقع داخل مجتمع WordPress، وتطلعنا إلى المستقبل من خلال بعض مشكلات GitHubGitHub GitHub هو موقع إلكتروني يوفر تطبيقًا عبر الإنترنت لمستودعات git، ويمكن للمطورين الآخرين مشاركتها ونسخها وتعديلها بسهولة. استضافة المستودعات العامة مجانية، بينما تتطلب المستودعات الخاصة اشتراكًا مدفوعًا. قدم GitHub مفهوم «طلب السحب»، حيث يمكن مراجعة تغييرات الكود التي ينفذها المساهمون في الفروع ومناقشتها قبل دمجها بواسطة مالك المستودع. https://github.com/. وشمل ذلك نقاشًا أكثر عمقًا حول أجزاء القوالب والأنماط والكتل القابلة لإعادة الاستخدام، مع إلقاء نظرة على نقاش حديث حول سبل التوحيد.
الموارد التي تمت مشاركتها:
تمت مشاركة الوثائق التالية:
تمت مشاركة روابط GitHub التالية:
- مستودع جسر نظام تصميم VIP الذي يحتوي على أداة تسهل مزامنة قيم نظام التصميم في Figma مع ملف theme.jsonJSON JSON، أو JavaScript Object Notation، هو تنسيق بسيط ومقروء لتنظيم البيانات. ويُستخدم أساسًا لنقل البيانات بين الخادم وتطبيق الويب، كبديل لـ XML..
- إضافة نوع تخطيط شبكي إلى طلب السحب.
- توسيع كتلة wp:pattern.
الخطوات التالية:
بعض المتابعات السريعة من جانب كاتب هذه السطور:
- تنظيم لقاء Hallway Hangout آخر حول هذا الموضوع، إذ كان الناس متحمسين لمواصلة النقاش.
- استكشاف الموارد التي قد يكون من المفيد إضافتها إلى Learn WP حول التصميم داخل محرر الموقع.