كتل WordPress: دليل في العمق

كتل WordPress هي المكون الرئيسي لنظام تحرير Gutenberg بالسحب والإفلات في WordPress لمواقع الويب.

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

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

تعرف على المزيد: تصميم موقع WordPress: كيفية إنشاء موقع WordPress من الصفر

ما هي قوالب ووردبريس؟

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

يركز معظم الأشخاص على استخدامه للمدونات ، ولكنه يعمل بشكل جيد مع معظم الصفحات الأخرى على العديد من مواقع الويب.

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

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

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

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

تختلف هذه الكتل أيضًا عن دروبال ، وهو نظام إدارة محتوى آخر.

يركز دروبال على الكتل التي يمكن أن تظهر في أجزاء متعددة من موقع الويب ، بينما يركز WordPress على الأجزاء الفردية من صفحة واحدة.

يمكنك نسخ المحتوى بسهولة كافية ، لكن الكتل نفسها ليست مرتبطة ولن تتغير كلها عندما تقوم بتحرير واحد.

تعرف على المزيد: تصميم الصفحة المقصودة: 10 صفحات مقصودة ملهمة عالية التحويل

تاريخ جوتنبرج

Gutenberg هو محرر WordPress الحالي.

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

لا يزال الأمر غير مكتمل لأن المطورين يريدون استخدامه لتحرير الموقع بالكامل ، ولكن لديه الآن ميزات أكثر بكثير مما كان عليه عند الإطلاق.

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

هنا ، من الضروري أن نفهم أن WordPress يجذب العديد من المستخدمين العاديين ، والكثير منهم لديهم معرفة قليلة بالبرمجة.

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

الاعتبار الثانوي لجوتنبرج هو كيف وأين يدون الناس.

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

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

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

اعرف المزيد: تحسين معدل التحويل: الدليل الكامل

التبديل بين Classic و Block Editor

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

في معظم الحالات ، يجب أن تكون مسؤول الموقع للتبديل بين طرق عرض التحرير.

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

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

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

تقدم المكونات الإضافية مثل Divi builder و SeedProd و Elementor الشهير سهل الاستخدام أنظمة تحرير تتجاوز الكتل التي يوفرها Gutenberg.

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

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

تعرف على المزيد: خريطة رحلة العميل: أفضل الممارسات + قوالب جاهزة

كيفية تعطيل جوتنبرج

هل يمكنك تعطيل Gutenberg لمستخدمين محددين؟ هل يمكن تعطيله تماما؟

الجواب على كلاهما هو نعم. هناك عدة طرق لتعطيل Gutenberg إذا كنت لا تريد استخدامه على موقعك.

قم بتعطيل Gutenberg عن طريق تثبيت مكون إضافي

الطريقة الأولى ، وأفضلها لمعظم المستخدمين ، هي استخدام المكون الإضافي Classic Editor. هذا مكون إضافي رسمي من فريق WordPress ، مع الملايين من عمليات التثبيت النشطة على المواقع.

يسمح لك المحرر الكلاسيكي بتعيين المحرر الافتراضي لكل مستخدم ، ويسمح للمستخدمين باختيار محرر ، ويأتي مزودًا بالعديد من الميزات الإضافية لتسهيل الأمور.

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

يستخدم البديل المستند إلى المجتمع المكون الإضافي Disable Gutenberg ، والذي لا يتمتع بشعبية مثل Classic Editor ولكنه لا يعتمد على الحصول على دعم رسمي.

هذه طريقة مباشرة وعملية لتعطيل Gutenberg تمامًا أو تعطيله لصفحات أو أنواع منشورات أو أدوار أو سمات معينة على موقع ما.

لتثبيت أي من المكونين الإضافيين ، فإن الخطوات بسيطة:

1. سجّل الدخول إلى واجهة WordPress الخاصة بك
2. على اليسار ، حدد "المكونات الإضافية"
3. في شاشة الإضافات الموسعة ، حدد "جديد"
4. في حقل البحث في الأعلى ، اكتب اسم المكون الإضافي الذي تريده
5. اختر المكون الإضافي الذي تريده من النتائج وانقر فوق الزر "التثبيت الآن"
6. بعد الانتهاء ، انقر فوق "تنشيط المكون الإضافي"

قم بتعطيل Gutenberg عن طريق تحرير jobs.php

أخيرًا ، يمكنك تعديل ملف function.php على موقعك لتعطيل الأشياء مباشرةً.

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

إذا كنت ترغب في تعطيل Gutenberg بدون مكون إضافي وكنت مبتدئًا في WordPress code ، يمكنك اتباع هذه الخطوات. هذه الطريقة تعطلها لجميع المستخدمين.

1. قم بتسجيل الدخول إلى واجهة WordPress الخاصة بك (ستحتاج إلى أن تكون مسؤولاً)
2. ابحث عن "المظاهر" في الشريط الجانبي الأيسر وحوم فوقها
3. حدد "محرر الموضوع"
4. في قائمة الملفات الموجودة على اليسار ، حدد "وظائف .php"
5. قم بعمل نسخة من ملف jobs.php الخاص بك من قبل كنسخة احتياطية حتى تتمكن من استعادته إذا حدث شيء ما بشكل جانبي
6. عندما ينبثق المحرر ، انسخ ما يلي بالضبط والصقه في الملف: add_filter ('use_block_editor_for_post'، '__return_false')؛
7. انقر فوق الزر تحديث الملف أدناه

تعرف على المزيد: شرح خريطة التمثيل اللوني + كيف يمكنك إنشاء خريطة حرارية لموقع الويب

الأنواع الشائعة من قوالب WordPress

فيما يلي أكثر أنواع الكتل شيوعًا المتوفرة في محرر WordPress الأساسي.

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

فقرة

هذه هي الكتلة التي يستخدمها معظم الناس أكثر من أي كتلة أخرى. كما يوحي الاسم ، فإنه يركز على المحتوى المكتوب.

يحول محرر النصوص كل فقرة إلى كتلة حتى تتمكن من نقلها وإعادة ترتيبها بعد كتابتها.

صورة

تحتوي كتل تضمين الصورة على رسومات مفردة يمكنك تحريكها في جميع أنحاء الصفحة.

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

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

العناوين

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

يدعم WordPress ما يصل إلى 6 مستويات للعناوين ، بما في ذلك h1 لعنوان الصفحة ، ولكن نادرًا ما يتجاوز معظم الأشخاص h4.

صالة عرض

تعد كتلة المعرض إصدارًا متقدمًا من كتلة الصورة الأساسية وتتيح لك إضافة صور متعددة في تخطيط محدد مسبقًا.

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

قائمة

إنشاء قوائم الكتل قوائم ذات تعداد رقمي أو نقطي.

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

يقتبس

كتل الاقتباس عبارة عن كتل فقرات منسقة بشكل خاص تساعد في استدعاء شيء مهم بشكل خاص.

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

صوتي

تعد كتل الصوت نادرة نسبيًا على مواقع الويب ، لكن WordPress لا يزال يدعمها.

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

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

التغطية

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

يمكن لهذه الوسائط أن تطفو في الخلفية ، وتكررها ، وتعمل بطريقة أخرى كجذب انتباه فوري.

يدعم WordPress عدم وجود شفافية على التراكب أو الشفافية الكاملة ، لكنه يوصي بكمية معتدلة لضمان سهولة قراءة النص.

ملف

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

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

هذا مثال جيد على الترابط بين تطوير الويب.

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

فيديو

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

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

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

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

هناك عدة طرق لإضافة قالب في محرر Gutenberg. يمكنك إضافتها مباشرة من شريط الرموز العلوي ، أو عن طريق النقر فوق زر أداة الإدخال.

يشبه هذا الزر دائرة بها علامة زائد ويتيح لك النقر فوق نوع الكتلة المراد إضافتها.

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

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

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

الفرق بين قوالب WordPress والأدوات

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

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

عادة ما تكون واجهة الحظر على الجانب الأيمن من الشاشة عندما يكون محرر الصفحة مفتوحًا. محرر الأدوات متاح من خلال المظهر> منطقة المخصص ومن خلال قائمة المسؤول.

تظهر الأدوات عادةً في كل صفحة لموقع ويب ، لذا لا يمكنك تعديلها من نفس المكان الذي يمكنك فيه تحرير الكتل.

إنشاء قوالب قوالب WordPress قابلة لإعادة الاستخدام

يتيح لك WordPress إنشاء قوالب كتلة قابلة لإعادة الاستخدام.

هذا مفيد لوجود علامة تجارية وتصميم متسقين على موقعك دون إعادة إنشاء تخطيط دقيق في كل مرة. يكون هذا مفيدًا بشكل خاص إذا كنت تستخدم برنامجًا مثل Vectornator أو Adobe Illustrator لإنشاء رسومات وتخطيطات متجهية متقدمة.

إنشاء القالب نفسه بسيط. كل ما عليك فعله هو تحديد الكتلة ، والنقر فوق النقاط الثلاث في شريط الأدوات الذي يظهر ، ثم النقر فوق Add to Reusable Blocks.

من هناك ، يمكنك إعادة تسميته إلى شيء يسهل تذكره والعودة إلى العمل على الصفحة.

تعمل قوالب القوالب على تبسيط أشياء مثل الشعارات والأزرار المخصصة المصنوعة في برامج التصميم الجرافيكي وعناصر التصميم وأي شيء مستخدم في العلامة التجارية لموقع الويب.

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

الأفكار النهائية حول قوالب ووردبريس

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

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

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

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