हॉलवे हैंगआउट: साइट एडिटर पर जाने के बारे में बातचीत करें

यह उस Hallway Hangout का सारांश है जिसे #fse-outreach-experiment चैनल में FSE Outreach Program के हिस्से के रूप में आयोजित किया गया था। इसमें शामिल होने वाले सभी लोगों का धन्यवाद!

उपस्थिति:

@elblakeo31 @beckej @annezazu @paaljoachim @rbest Lauren Gray, @FahimMurshed, James Riordon, Micro.

वीडियो रिकॉर्डिंग:

नोट्स:

परिचय

हमने कॉल की शुरुआत @elblakeo31 के परिचय से की, जो FSE Outreach Program के सदस्य हैं और लंबे समय से नवीनतम तकनीकों को जल्द से जल्द और अधिकतम रूप से इस्तेमाल करने का प्रयास कर रहे हैं। स्वयं एक शुरुआती अपनाने वाले के रूप में, उनके काम का एक हिस्सा अन्य लोगों को भी नई तकनीक अपनाने में मदद करना है।

अब क्लाइंट FSE सुविधाओं के बारे में मुझसे संपर्क कर रहे हैं और उनका उपयोग करना चाहते हैं। हम लोगों के बहुत सतर्क रहने से लेकर WordPress द्वारा उपलब्ध कराई गई CoreCore Core, WordPress चलाने के लिए आवश्यक सॉफ़्टवेयर का समूह है। Core Development Team, WordPress का निर्माण करती है। सुविधाओं का वास्तव में उपयोग करने की इच्छा रखने तक का बदलाव देखना शुरू कर रहे हैं।

@elblakeo31

सामान्य दृष्टिकोण

उन्होंने सात अलग-अलग साइटों को प्रोडक्शन में Site Editor पर स्थानांतरित किया है। वे जानबूझकर इन प्रोजेक्ट्स के लिए थीम बनाने का प्रयास नहीं कर रहे हैं और Site Editor का अधिक से अधिक उपयोग करना चाहते हैं। वर्तमान में, वे कुछ प्रोजेक्ट्स के लिए चाइल्ड थीम का उपयोग कर रहे हैं, लेकिन अधिकांशतः Twenty Twenty-Three को सीधे इस्तेमाल कर रहे हैं। Blake को WordPress में दोहराने से पहले Figma का उपयोग करने के बजाय Site Editor को सीधे डिज़ाइन टूल के रूप में इस्तेमाल करने में बहुत बड़ा लाभ दिखाई देता है। इसमें कुछ चुनौतियाँ हैं, क्योंकि लोग Figma के अभ्यस्त हैं और Site Editor को सीखने में समय लगता है, साथ ही इसमें कुछ सीमाएँ भी हैं (जैसे अधिक गतिशील नेविगेशन अनुभव)। इसके साथ ही, साइट पर किन प्लगइन्स की आवश्यकता है और वे जिन चीज़ों का उपयोग करना चाहते हैं, उन्हें Site Editor में समर्थन प्राप्त है या नहीं, इसका मूल्यांकन करने में काफी काम किया जाता है। सामान्यतः, वे बहुत अधिक कस्टम ब्लॉक बनाने से बचते हैं और इसके बजाय पैटर्न पर निर्भर रहते हैं, जिसमें एडिटर अनुभव को व्यवस्थित करने वाले दस्तावेज़ से अधिक से अधिक चीज़ों को अपनाने पर जोर दिया जाता है। यह बड़े संगठनों, जैसे किसी बड़े विश्वविद्यालय, के लिए विशेष रूप से सही है, जहाँ चीज़ों को अधिक नियंत्रित करना आवश्यक होता है।

Site Editor की दुनिया में वेब एजेंसी कैसी दिखती है?

जब क्लाइंट Site Editor से स्वयं इतना कुछ कर सकते हैं, तो हम सेवाएँ कैसे प्रदान कर सकते हैं? यह स्वाभाविक रूप से बातचीत का विषय बना। Blake ने बताया कि वे क्लाइंट्स को Site Editor की क्षमताओं का उपयोग करने का प्रशिक्षण देने का लक्ष्य रखते हैं और अब “विकास पर बिताया जाने वाला काफी समय सिखाने में खर्च होता है”।

इस समय सबसे बड़ी चुनौती लोगों को एक नया टूल सिखाना है। GutenbergGutenberg Gutenberg प्रोजेक्ट WordPress के लिए नया Editor Interface है। एडिटर नई सामग्री बनाने की प्रक्रिया और अनुभव को बेहतर बनाता है, जिससे समृद्ध सामग्री लिखना बहुत सरल हो जाता है। यह शॉर्टकोड, कस्टम HTML आदि के बजाय समृद्धता जोड़ने के लिए ‘ब्लॉक’ का उपयोग करता है।
https://wordpress.org/gutenberg/ में आने पर लोगों में पहले से ही कभी-कभी कुछ “आशंका और गुस्सा” होता है। क्लाइंट जिस भी आकार की वेबसाइट पर काम कर रहे हों, यदि उन्होंने पहले WordPress का उपयोग किया है, तो वे सुविधाओं की अधिकता से कुछ थक चुके होते हैं। इसका मुकाबला करने और उन्हें भविष्य के लिए तैयार करने में, वे उन्हें सहयोग और प्रयोग की संस्कृति में शामिल करने में काफी समय लगाते हैं, जिसे लोग सामान्यतः नहीं चाहते। परिणामस्वरूप, वे विशेष रूप से ऐसे क्लाइंट चुनते हैं जो नई तकनीक अपनाने के साथ आने वाले कुछ स्तर के प्रयोग को महत्व देते हों।

अभी नवीनतम रिलीज़ के साथ, हम उस बिंदु पर हैं जहाँ मैं प्रोजेक्ट्स को प्रोडक्शन में ला सकता हूँ और आश्वस्त महसूस कर सकता हूँ कि वे टिके रहेंगे।

@elblakeo31

आप child themeChild theme Child Theme, Parent Theme पर आधारित एक अनुकूलित थीम होती है। यदि आप अपनी थीम के CSS में बदलाव करना चाहते हैं, तो child theme बनाना सर्वोत्तम अभ्यास माना जाता है। https://developer.wordpress.org/themes/advanced-topics/child-themes/ बनाम TT3 का उपयोग करने का निर्णय कब लेते हैं? इस निर्णय को कौन-सी चीज़ प्रभावित करती है?

Blake ने बताया कि उन्होंने सर्वोत्तम प्रथाओं के बारे में कई लोगों से बात की है और एडिटर में यथासंभव अधिक काम करने का लक्ष्य रखते हैं। वे यह भी जानते हैं कि यदि वे किसी अन्य थीम की तुलना में Twenty Twenty Three की सीमाओं को आगे बढ़ाते हैं, तो उन्हें समुदाय से अधिक समर्थन मिलेगा। जैसे-जैसे वे काम में गहराई से जाते हैं, वे कोड जोड़े जाने वाली हर जगह का दस्तावेज़ भी बनाएँगे, ताकि भविष्य में होने वाले बदलावों से अद्यतित रह सकें। फ़ॉन्ट इसका एक अच्छा उदाहरण है और यह विषय अक्सर सामने आता है। भविष्य में फ़ॉन्ट्स को Core में अधिक सीधे प्रबंधित किया जाएगा, लेकिन वर्तमान में वे इसे संभालने के लिए Create BlockBlock Block एक अमूर्त शब्द है, जिसका उपयोग मार्कअप की उन इकाइयों का वर्णन करने के लिए किया जाता है जो मिलकर WordPress एडिटर का उपयोग करके वेबपेज की सामग्री या लेआउट बनाती हैं। यह विचार शॉर्टकोड, कस्टम HTML और एम्बेड खोज जैसी पिछली अवधारणाओं को एक सुसंगत API और उपयोगकर्ता अनुभव में जोड़ता है। Theme pluginPlugin प्लगइन सॉफ़्टवेयर का एक भाग होता है, जिसमें ऐसे फ़ंक्शन्स का समूह होता है जिन्हें WordPress वेबसाइट में जोड़ा जा सकता है। ये आपकी WordPress वेबसाइटों की कार्यक्षमता बढ़ा सकते हैं या नई सुविधाएँ जोड़ सकते हैं। WordPress प्लगइन्स PHP प्रोग्रामिंग भाषा में लिखे जाते हैं और WordPress के साथ सहज रूप से एकीकृत होते हैं। ये WordPress.org Plugin Directory https://wordpress.org/plugins/ में निःशुल्क उपलब्ध हो सकते हैं या किसी तृतीय-पक्ष के भुगतान वाले प्लगइन के रूप में मिल सकते हैं। का उपयोग कर रहे हैं।

Figma की तुलना में सीधे Site Editor को डिज़ाइन टूल के रूप में उपयोग करने के लिए आप किस प्रक्रिया का पालन करते हैं?

WYSIWYGWhat You See Is What You Get What You See Is What You Get। इसका सबसे सामान्य उपयोग एडिटर्स के संदर्भ में होता है, जहाँ एडिट मोड में किए गए बदलाव ठीक उसी तरह दिखाई देते हैं जैसे प्रकाशित पेज पर दिखाई देंगे। एडिटर के इस्तेमाल के शुरुआती दिनों से ही Blake ने किसी अन्य चीज़ के बजाय केवल एडिटर का उपयोग करके मॉकअप बनाने और Adobe जैसी चीज़ों की आवश्यकता समाप्त करने का सपना देखा है। जब सब कुछ एक ही एडिटर में हो सकता है, तो सच्चाई के कई स्रोत रखना समय की बर्बादी जैसा लगता है। इस प्रक्रिया के संदर्भ में, वे लगभग निम्नलिखित तरीके का पालन करते हैं:

• Twenty Twenty-Three का उपयोग करके बिना स्टाइल में बदलाव किए WordPress में सामग्री जोड़ें।
• Site Editor के साथ कुछ स्टाइल एलिमेंट जोड़ें और क्लाइंट को विभिन्न स्टाइल हिस्सों के बारे में सीधे समझाएँ, साथ ही आगे उनके पास उपलब्ध विकल्पों के बारे में भी बताएँ।
• साइटों की accessibilityAccessibility Accessibility (आमतौर पर a11y के रूप में संक्षिप्त) विकलांग लोगों के लिए उत्पादों, उपकरणों, सेवाओं या वातावरण के डिज़ाइन को संदर्भित करती है। सुलभ डिज़ाइन की अवधारणा “प्रत्यक्ष पहुँच” (अर्थात बिना सहायता) और “अप्रत्यक्ष पहुँच”, यानी किसी व्यक्ति की सहायक तकनीक के साथ अनुकूलता (उदाहरण के लिए, कंप्यूटर स्क्रीन रीडर), दोनों सुनिश्चित करती है। (https://en.wikipedia.org/wiki/Accessibility) को बेहतर बनाने के लिए कस्टम एलिमेंट बनाने या प्लगइन्स जोड़ने जैसे कस्टम काम करें।

Site Editor का उपयोग करने वाली 7-8 साइटों में अभी तक ऐसी स्थिति नहीं आई है जहाँ कोई क्लाइंट कहे कि यह मेरे लिए काम नहीं करेगा। चूँकि उन्होंने कोई मॉकअप नहीं बनाया है, इसलिए वे क्लाइंट्स को Site Editor के माध्यम से सचमुच पूरी प्रक्रिया से गुज़ारते हैं। परिणामस्वरूप, क्लाइंट की अपेक्षाओं को सही स्तर पर रखना इस काम के सबसे बड़े साधनों में से एक है: “यह नई तकनीक है जो आपको भविष्य में बेहतर स्थिति में रखेगी, लेकिन साथ ही इसकी सीमाएँ भी हैं।”

Blake जो कुछ कह रहे हैं, उससे मैं पूरी तरह सहमत हूँ। मैं अकेला एजेंसी संचालक हूँ, लेकिन अपने सभी बिल्ड्स के लिए बिल्कुल यही तरीका अपनाता हूँ, जिसमें TT3 या Brian Gardner की Frost थीम को आधार के रूप में उपयोग करना शामिल है। मैं Site Editor में मॉकअप बनाता हूँ। सहयोग P2P2 P2 या O2 वह शब्द है जिसका उपयोग लोग Make WordPress ब्लॉग के लिए करते हैं। यह यहाँ उपलब्ध है: https://make.wordpress.org या मेरे द्वारा बनाए गए संचार पेज के माध्यम से होता है, क्योंकि इससे क्लाइंट्स को ब्लॉक्स के साथ काम करने और सहज होने के आसान अवसर मिलते हैं।

ज़ूम की चैट में Micro

आप किस प्रकार के क्लाइंट्स के साथ काम करते हैं और उनके अनुसार आपका दृष्टिकोण कैसे बदलता है?

सामान्यतः, क्लाइंट्स तीन प्रकार के होते हैं:

• टेम्पलेट से कुछ बनवाने वाले: कोई व्यक्ति पूर्ण डिज़ाइन मॉकअप के साथ आता है और कहता है कि उसे X चाहिए। यह अब कम होता जा रहा है, क्योंकि उनकी एजेंसी स्क्रैच से चीज़ें बनाने के लिए जानी जाती है। अक्सर वे एक डिज़ाइन लेते हैं और यदि पिक्सेल-परफेक्ट मिलान चाहिए तो या तो कस्टम ब्लॉक या HTMLHTML HTML, Hyper Text Markup Language का संक्षिप्त रूप है। यह एक मार्कअप भाषा है जिसका उपयोग वेब पेजों और वेबसाइटों के विकास में किया जाता है। ब्लॉक का उपयोग करते हैं।
• छोटा बिल्ड: ऐसा व्यक्ति जो किसी बड़े संगठन के लिए नहीं, बल्कि स्क्रैच से डिज़ाइन और निर्मित वेबसाइट चाहता है। वे लोगों के साथ मिलकर सारी सामग्री WordPress में डालते हैं। सामग्री पर चर्चा करने, विभिन्न WP साइटों को देखने और यह समझने के लिए कि क्लाइंट क्या करना चाहता है (इसे Google Doc में डालना चाहता है या तुरंत WP एडिटर में जाना चाहता है), 1-3 घंटे की कॉल निर्धारित करते हैं। फिर वे डिज़ाइन-केंद्रित बैठक करते हैं, जिसमें पैटर्न पर जोर दिया जाता है और उन्हें बनाया जाता है, पसंद आने वाली साइटें खोजी जाती हैं आदि। इसके बाद यह पुनरावृत्ति प्रक्रिया जारी रहती है।
• किसी विश्वविद्यालय जैसा बड़ा संगठन। इस स्तर पर, सुविधाओं पर अधिक ध्यान दिया जाता है और लगभग सलाहकारों की तरह ऐसे IT दल के साथ काम किया जाता है जो WP से परिचित हो। बड़े संगठनों के लिए, वे जो चाहते हैं वही किया जाता है। हाल ही में, साइट का 80% बनाने के बाद प्रशिक्षण दिया गया और अंततः इसे पूरा करने का काम किया जाएगा। अन्य संगठनों के लिए, सर्वोत्तम प्रथाओं को लागू करने हेतु इसका उपयोग करने के तरीके पर पाठ और मार्गदर्शन देना अधिक महत्वपूर्ण होता है। इनमें अक्सर अधिक समय लग सकता है।

शिक्षा वाले हिस्से में, लोगों को एडिटर के साथ सहज बनाने में काफी समय लगाया जाता है, जिसमें डिज़ाइनर भी शामिल हैं। लोगों को Site Editor के साथ सहज होना आवश्यक है, जिसमें डिज़ाइनर भी शामिल हैं। हर ब्लॉक के अलग-अलग नियंत्रण आदि होते हैं। एक बार इनमें से कुछ चीज़ें मौजूद हों, तो लोग खुलकर प्रयोग कर सकते हैं। Blake ने बताया कि वे लोगों को ब्लॉक एडिटर के स्वयं डिज़ाइनर होने और ब्लॉक्स को डिज़ाइन के मूलभूत स्तर के रूप में सोचने के लिए प्रेरित करने का प्रयास करते हैं।

Site Editor को प्रोडक्शन में उपयोग करने को लेकर आपको आत्मविश्वास महसूस कराने वाली चीज़ क्या थी?

एक अन्य सहभागी ने यह पूछा और Blake ने बताया कि हर बार नई रिलीज़ आने पर वे चीज़ों का परीक्षण करने में अपना बहुत-सा समय लगाते हैं। अक्सर वे यह देखने के लिए एक सप्ताहांत बिताते हैं कि क्या वे Site Editor में किसी प्रोजेक्ट को काम करने योग्य बना सकते हैं और उसे पहले से क्लाइंट के साथ साझा करते हैं, ताकि देखा जा सके कि वह उनके लिए काम करेगा या नहीं। वे लगातार यह पा रहे हैं कि चीज़ें काम कर रही हैं और वे उन्हें सीधे क्लाइंट को दे सकते हैं। नवीनतम रिलीज़ के साथ, उन्होंने Gutenberg प्लगइन को अस्थायी समाधान के रूप में उपयोग करना लगभग छोड़ दिया है (“इससे दूर होना मुक्ति जैसा रहा है”)।

अन्य

हमने रखरखाव के कुछ पहलुओं, WordPress समुदाय में Site Editor के व्यापक उपयोग और भविष्य पर चर्चा की, साथ ही कुछ GitHubGitHub GitHub एक वेबसाइट है जो git repositories का ऑनलाइन कार्यान्वयन प्रदान करती है, जिन्हें अन्य डेवलपर्स आसानी से साझा, कॉपी और संशोधित कर सकते हैं। सार्वजनिक repositories को होस्ट करना निःशुल्क है, जबकि निजी repositories के लिए सशुल्क सदस्यता आवश्यक होती है। GitHub ने ‘pull request’ की अवधारणा प्रस्तुत की, जिसमें contributors द्वारा branches में किए गए कोड बदलावों की समीक्षा और चर्चा repository owner द्वारा मर्ज किए जाने से पहले की जा सकती है। https://github.com/ मुद्दों पर विचार किया। इसमें template parts, patterns और reusable blocks के बारे में अधिक गहन चर्चा शामिल थी, जिसमें उन्हें एकीकृत करने के तरीकों पर हालिया चर्चा भी देखी गई।

साझा किए गए संसाधन:

निम्नलिखित दस्तावेज़ साझा किए गए:

निम्नलिखित GitHub लिंक साझा किए गए:

• VIP का design system bridge repository, जिसमें Figma design system के मानों को थीम.jsonJSON JSON, या JavaScript Object Notation, डेटा को संरचित करने का एक न्यूनतम और पढ़ने योग्य प्रारूप है। इसका उपयोग मुख्यतः XML के विकल्प के रूप में सर्वर और वेब एप्लिकेशन के बीच डेटा भेजने के लिए किया जाता है। के साथ सिंक करना आसान बनाने वाला टूल मौजूद है।
• ग्रिड लेआउट प्रकार जोड़ने वाला PR।
• wp:pattern ब्लॉक का विस्तार।

अगले कदम:

आपकी ओर से कुछ त्वरित फॉलो-अप:

• इस विषय पर एक और hallway hangout आयोजित करें, क्योंकि लोग इस बारे में और चर्चा करने के इच्छुक थे।
• Site Editor के भीतर डिज़ाइन करने के बारे में Learn WP में जोड़ने के लिए उपयोगी संसाधनों का पता लगाएँ।

#fse-hallway-hangout, #fse-outreach-channel