محرر القوالب: اكتشف ميزات إمكانية الوصول الجديدة في WordPress

عند مناقشة إدارة محتوى الويب ، يأتي WordPress في المقدمة. يعمل WordPress بنسبة 40 بالمائة من جميع مواقع الويب في عام 2021 ، وهو ملك أنظمة إدارة المحتوى (CMS). على الرغم من شعبيتها ، إلا أن النظام الأساسي يعاني من مشاكله. جعلت الإصدارات القديمة من WordPress من الصعب إنشاء صفحات غنية بالوسائط ، ولم توفر تجربة WYSIWYG ، ولم تكن صديقة لقارئ الشاشة.

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

ما هو محرر جوتنبرج؟

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

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

كيف يعمل محرر جوتنبرج؟

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

تقدم Gutenberg مجموعة من الكتل المتخصصة لأنواع متنوعة من المحتوى. بعض هذه الكتل تشمل:

• نص
• صورة
• فيديو
• صوتي
• يقتبس
• الأعمدة
• قائمة
• ملف

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

ميزات إمكانية الوصول الخاصة بـ Block Editor

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

ملاحظة: إذا كنت تستخدم نظام Windows أو Linux ، فالرجاء استخدام CTRL بدلاً من ⌘ و ALT بدلاً من ⌥ للإرشادات الواردة أدناه.

التنقل باستخدام لوحة المفاتيح

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

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

استخدم نصائح التنقل في لوحة مفاتيح محرر قوالب WordPress التالية لجعل إنشاء المحتوى عملية أكثر فاعلية:

التنقل بين الكتل المتداخلة

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

بمجرد دخول محرر الحظر في وضع التنقل ، استخدم:

• مفتاح السهم لأعلى أو لأسفل للتنقل داخل نفس المستوى
• مفتاح السهم لليسار للانتقال إلى مستوى متداخل
• مفتاح السهم الأيمن للخروج من المستوى المتداخل

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

نقل الكتل بين مستويات مختلفة

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

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

• مفتاح السهم لأعلى أو لأسفل لتحريك الكتلة داخل نفس المستوى
• مفتاح السهم الأيسر لتحريك الكتلة للأعلى مستوى واحد
• مفتاح السهم الأيمن لتحريك الكتلة لأسفل مستوى واحد

بمجرد وصولك إلى الموقع المطلوب ، استخدم مفتاح ENTER أو SPACE لإصلاح الكتلة في موضعها الجديد.

اختصارات لوحة المفاتيح

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

تحريك الكتل لأعلى ولأسفل الصفحة

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

لوضع قالب جديد ، حدد كتلة موجودة في المحرر ، ثم استخدم:

• ⌥⌘T: لإدراج كتلة جديدة فوق الكتلة المحددة
• ⌥⌘Y: لإدراج كتلة جديدة أسفل الكتلة المحددة

تشبه اختصارات لوحة المفاتيح لنقل الكتل الموجودة أعلاه. هم فقط يضيفون

مفتاح السهم لأعلى لتسلسل الأوامر. لتغيير موضع كتلة موجودة ، حدد الكتلة ، ثم استخدم:

• ↑ ⌥⌘T: لتحريك الكتلة (الكتل) المحددة لأعلى
• ↑ ⌥⌘Y: لتحريك الكتلة (الكتل) المحددة لأسفل

أدخل وضع ملء الشاشة

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

• ↑ ⌥⌘F: يأخذك إلى وضع ملء الشاشة
• ↑ ⌘: لإخفاء الشريط الجانبي للإعدادات

تحسينات الاستخدام

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

فيما يلي بعض تحديثات قابلية الاستخدام التي تجعل استخدام Gutenberg أكثر إمتاعًا ليستخدمه الجميع:

عرض القائمة

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

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

لفتح عرض القائمة في محرر الكتلة ، حدد الزر بثلاثة خطوط أفقية في شريط الأدوات العلوي ، أو استخدم اختصار لوحة المفاتيح ^ ⌥ O.

فتات الخبز

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

لذا ، كيف يمكنك استخدام ميزة مسارات التنقل في محرر قوالب WordPress؟ استفد من اختصار لوحة المفاتيح هذا ^ ⌥ N ، والذي يسمح لك بالتنقل بسرعة في الأقسام التالية من المحرر. استمر في استخدام هذا الاختصار لتصفح الكتل حتى تصل إلى نهاية المحرر ، حيث يجب أن ترى شريط مسار تنقل الكتلة في الزاوية اليسرى السفلية من الصفحة.

تسميات نصية لأزرار شريط الأدوات

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

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

1. انقر فوق قائمة الخيارات (الموجودة في أقصى يمين شريط الأدوات العلوي)
2. حدد التفضيلات
3. في قسم المظهر ، انقر فوق عرض تسميات الأزرار

تعديل سلوك Block Inserter

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

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

استخدم اختصارات لوحة المفاتيح هذه للاستفادة من أداة الإنتاجية الجديدة هذه:

• ENTER أو SPACE: يُدرج كتلة ، لكن يترك المُدخل مفتوحًا
• ⌘ + إدخال: إدراج كتلة وإغلاق أداة الإدخال وإعادة التركيز إلى نقطة الإدراج
• ESC: يغلق أداة الواضع بدون إضافة كتلة

تحسين موقع WordPress الخاص بك باستخدام تقنيات التحالف

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

إذا كنت بحاجة إلى مزيد من المساعدة في تطوير مواقع WordPress على الويب ، فيمكن أن تساعدك Coalition Technologies. مع ما يقرب من عقد من الخبرة في التصميم على WordPress وأكثر من 200 موقع تم تطويره ، لدينا الخبرة التي تحتاجها لبناء مواقع WordPress عالية التفاعل. اتصل بنا الآن لمعرفة كيف يمكننا تحسين تواجدك على الإنترنت.