محرر الكتل في WordPress يشبه أي أداة أخرى لبناء الصفحات تتيح لك إنشاء وتصميم محتوى وصفحات ويب مذهلة لموقعك على الويب. إنه مدمج في WordPress، لذا يمكن لأي شخص إنشاء موقع ويب من الصفر.
محرر الكتل Gutenberg، المعروف أيضًا باسم محرر الكتل، هو المحرر الجديد الذي حل محل المحرر الكلاسيكي القديم. يعمل محرر الكتل بشكل مختلف عن المحرر الكلاسيكي.
محرر كتلة WordPress! ما هذا؟
محرر الكتل في WordPress هو محرر الكتل الافتراضي الجديد الذي يعتمد على الكتل. الكتل تشبه عناصر المحتوى المطلوبة لبناء موقع ويب أو محتوى.
إنه يوفر نهجًا حديثًا قائمًا على الكتل لإنشاء المحتوى، مما يجعل تصميم وتنسيق الصفحات والمشاركات أسهل دون الحاجة إلى ترميز مكثف أو أدوات تابعة لجهات خارجية.
واجهة محرر الكتل
دعونا نلقي نظرة على واجهة Gutenberg Block Editor ووظائفها.
فيما يلي عرض سريع لعناصر واجهة محرر جوتنبرج:
- إضافة كتلة
- زر إعادة/تراجع
- نظرة عامة على الوثيقة
- منظر
- الإعدادات (الكتل والنشر)
- خيارات المحرر
هناك المزيد. انظر الصورة أدناه.
- خيار شريط البحث
- أضف عنوان المنشور أو الصفحة
- إضافة كتل في منطقة المحتوى
- كتل WordPress المثبتة والأساسية
- إضافة زر الحظر
- خيارات للمشاركات والصفحات
- خيارات الحظر
- أنماط وإعدادات الكتلة
- الكتل والأنماط والوسائط
الآن بعد أن أصبحت على دراية بواجهة محرر الكتل، دعنا نلقي نظرة على الكتل التي تأتي مع Gutenberg.
كتل ووردبريس الأساسية
نظرًا لأن محرر الكتل Gutenberg يعتمد على الكتل، فلنتعرف على الكتل التي تأتي مع محرر الكتل وماذا تفعل بالضبط.
كتل المحتوى
تشكل هذه الكتل الأساس لإنشاء محتوى نصي:
- فقرة:هذا مخصص لإضافة نص عادي مع خيارات التنسيق.
- عنوان:لإنشاء عناوين ذات ستة مستويات (H1 إلى H6).
- قائمة:يضيف قوائم مرتبة (مرقمة) أو غير مرتبة (منقطة).
- يقتبس:تنسيق النص على شكل اقتباس مع الاستشهاد الاختياري.
- شفرة:يعرض مقتطفات التعليمات البرمجية الخام في كتلة منسقة.
- مُهيأ مسبقًا:يضيف نصًا مع الحفاظ على المسافة والمحاذاة.
- طاولة:إنشاء جداول بسيطة لعرض البيانات.
- بيت شعر:للقصائد أو غيرها من النصوص المنسقة مسبقًا مع المسافات الخاصة.
إنشاء جداول جميلة
مع محرر الكتل
كتل الوسائط
تتيح لك هذه الكتل تضمين وعرض أنواع مختلفة من الوسائط:
- صورة:إضافة صور فردية مع تعليقات توضيحية وخيارات محاذاة.
- معرض الصور:إنشاء معرض صور بتخطيطات قابلة للتخصيص.
- فيديو:يتضمن مقاطع الفيديو التي تم تحميلها إلى مكتبة الوسائط.
- صوتي:إضافة ملفات الصوت القابلة للتشغيل مباشرة إلى الصفحة.
- ملف:تحميلات وروابط للملفات للتنزيل.
- الوسائط والنصوص: يجمع النص والوسائط جنبًا إلى جنب في كتلة واحدة.
- غطاء:يضيف صورة أو مقطع فيديو مع نص متراكب، مثالي للعناوين أو الأقسام.
كتل التصميم
تساعد هذه الكتل في هيكلة الصفحة والتصميم المرئي:
- الأعمدة:إنشاء تخطيطات متعددة الأعمدة.
- مجموعة:تجميع كتل متعددة لتحسين التنظيم والتصميم.
- صف:محاذاة الكتل أفقياً في صف واحد.
- أزرار:إضافة أزرار قابلة للتخصيص مع روابط.
- فاصل:يضيف مساحة بين الكتل لإجراء تعديلات على التخطيط.
- فاصل:إدراج خطوط أفقية لتقسيم الأقسام.
تضمين الكتل
يدعم WordPress تضمين المحتوى من منصات مختلفة باستخدام هذه الكتل:
- يوتيوب:يتضمن مقاطع فيديو YouTube.
- تغريد:يُدرج التغريدات مباشرة على الصفحة.
- انستجرام:يتضمن منشورات Instagram.
- سبوتيفاي:يتضمن قوائم التشغيل أو الألبومات أو المسارات الخاصة بـ Spotify.
- تضمينات أخرى:دعم Vimeo، وFacebook، وTikTok، وSoundCloud، والمزيد.
كتل الموضوع
يتم استخدام هذه الكتل لإضافة محتوى مرتبط بالموضوع:
- عنوان المنشور:يعرض عنوان المنشور أو الصفحة الحالية.
- محتوى المنشور:إخراج محتوى المنشور أو الصفحة الحالية.
- بريد الصورة المميزة:يعرض الصورة المميزة للمنشور.
- حلقة الاستعلام:يعرض قائمة المنشورات بشكل ديناميكي استنادًا إلى معايير محددة.
- ملاحة:إضافة قوائم التنقل.
كتل الأدوات
يسمح بإضافة محتوى الأداة التقليدي إلى التصميمات القائمة على الكتل:
- يبحث:إضافة شريط بحث.
- أحدث المقالات:يعرض قائمة بالمشاركات الأخيرة.
- فئات:يظهر قائمة بفئات المنشورات.
- سحابة الوسوم:يعرض العلامات بتنسيق جذاب بصريًا.
كتل قابلة لإعادة الاستخدام ومخصصة
كتل قابلة لإعادة الاستخدام:احفظ أي كتلة أو مجموعة من الكتل لإعادة استخدامها في جميع أنحاء الموقع.
- HTML مخصص:أضف HTML مخصصًا للتخصيص المتقدم.
هؤلاء كتل أساسية توفير الأساس لإنشاء تخطيطات صفحات مختلفة وأنواع محتوى دون الحاجة إلى أدوات إضافية، مما يجعل WordPress متعدد الاستخدامات ويمكن الوصول إليه للمستخدمين من جميع مستويات المهارة.
كيفية استخدام محرر الكتل في WordPress؟
محرر الكتل سهل الاستخدام للغاية. محرر الكتل في WordPress قوي ومرن، مما يسمح لك بتصميم الصفحات والمشاركات بسهولة. من خلال التعرف على ميزاته، يمكنك إنشاء محتوى جذاب بصريًا وجذابًا بسرعة!
إدراج الكتل
يدعم هذا المحرر الجديد ميزة السحب والإفلات، مما يعني أنه يمكنك السحب والإفلات الكتل لإنشاء تخطيطات وأقسام جديدة لصفحة الويب. لسحب الكتل وإفلاتها، انقر فوق "إضافة كتلة جديدة"في الأعلى ثم اسحب وأفلِت"
يمكنك إضافة أو إدراج الكتل ببساطة عن طريق النقر فوق "إضافة كتلة"الضغط على الزر "" في المحرر، وكتابة اسم الكتلة وإدخاله في المحرر.
هناك طريقة أخرى يمكنك استخدامها لإضافة الكتل إلى المحرر. فقط اكتب "/اسم الكتلة"يوجد أدناه عرض توضيحي. تأكد من إلقاء نظرة عليه.
تكرار كتلة A
تكرار الكتل إنها عملية بسيطة. يمكنك تكرار كتلة عن طريق تحديد الكتلة واستخدام مفتاح الاختصار Ctrl+Shift+D.
أو يمكنك القيام بذلك يدويًا. حدد كتلة وانقر على النقاط الرأسية الثلاث في قائمة إعدادات الكتلة (1) لتكرارها. من هناك، اختر خيار "تكرار" (2)بمجرد النقر فوقها، سيتم تكرار الكتلة على الفور.
يمكنك تكرار الكتل عن طريق تحديد الكتلة واستخدام مفتاح الاختصار Ctrl+Shift+D.
نقل كتلة
يمكنك بسهولة تحريك الكتل باستخدام ميزة السحب والإفلات أو الأزرار لأعلى ولأسفل.
حدد الكتلة، وسترى سهمين (للأعلى وللأسفل). انقر على السهم لأعلى أو لأسفل لتحريك الكتلة رأسياً.
بدلاً من ذلك، استخدم مقبض السحب لإعادة وضع الكتلة في أي مكان تريده.
حذف أو إزالة كتلة
حذف أو إزالة كتلة أمر سهل للغاية. حدد الكتلة واضغط على مفتاح الاختصار التحول + Alt + Z من لوحة المفاتيح الخاصة بك.
يمكنك القيام بذلك يدويًا بالنقر فوق إعدادات الحظر وتحديد خيار إزالة الحظر.
إنشاء نمط
من بين الميزات البارزة لمحرر الكتل هي إنشاء نمطهذه هي الكتل التي يمكنك حفظها وإعادة استخدامها عبر منشورات أو صفحات متعددة. هذه الميزة مفيدة بشكل لا يصدق، حيث تتيح لك توفير الوقت عن طريق إعادة استخدام الكتل المصممة خصيصًا.
لإنشاء نمط، افتح إعدادات الكتلة للكتل المحددة أو كتلة عن طريق النقر فوق النقاط الثلاث وتحديد 'إنشاء نمط'.
بعد ذلك، قم بتعيين اسم (1) والفئات (2) إلى الكتلة أو الكتل الخاصة بك وانقر فوق يضيف زر (3).
يؤدي هذا إلى حفظ الكتلة الخاصة بك في مكتبة كتل Gutenberg، مما يجعلها متاحة للاستخدام في المستقبل. متى احتجت إليها، ما عليك سوى إدراج الكتلة القابلة لإعادة الاستخدام تمامًا مثل أي كتلة أخرى.
اختصارات لوحة المفاتيح
يمكنك الاستفادة من استخدام محرر Gutenberg Block عبر اختصارات لوحة المفاتيح. يمكن أن تساعد هذه الاختصارات المستخدمين على التنقل بسرعة وتنسيق النص وإدارة الكتل دون الاعتماد على الماوس.
تعمل هذه الاختصارات عبر واجهة المحرر بأكملها:
- السيطرة + S (ويندوز) / أمر + S (Mac): احفظ المسودة.
- السيطرة + Z (ويندوز) / أمر + Z (Mac): التراجع عن الإجراء الأخير.
- السيطرة + Y:إعادة الإجراء الأخير.
- Ctrl + Shift + Alt + M (ويندوز) / Cmd + Shift + Option + M (Mac): التبديل بين وضعي المحرر المرئي ومحرر الكود.
- Ctrl + Shift + D: تكرار الكتلة المحددة
- Ctrl + Shift + ، : إخفاء أو عرض لوحة الإعدادات
إذا أردت، يمكنك انظر اختصارات لوحة مفاتيح المحرر من WordPress.org.
أضف المزيد من الكتل باستخدام Ultimate Blocks!
تعتبر الكتل الافتراضية في محرر الكتل رائعة لإنشاء منشورات وصفحات جذابة بصريًا. ولكن ماذا لو كنت بحاجة إلى مزيد من المرونة؟
لحسن الحظ، يدعم محرر الكتل تطوير الكتل المخصصة، مما يتيح للمطورين إنشاء كتلهم الفريدة. وقد أدى هذا إلى مجموعة واسعة من مكونات Gutenberg الإضافية الرائعة التي صممها المجتمع. مثل هذا المكون الإضافي هو الكتل النهائية.
الكتل النهائية هو مكون إضافي قوي مصمم لتعزيز محرر كتلة WordPress بـ 25+ كتل قابلة للتخصيص. مثالية للمدونين والمسوقين، فهي تتضمن ميزات مثل كتل المراجعة ومرشحات المحتوى وكتل الحث على اتخاذ إجراء لتعزيز المشاركة والوظائف.
الأفكار النهائية!
إن إتقان محرر Gutenberg Block يفتح إمكانيات لا حصر لها لإنشاء محتوى جذاب ومذهل بصريًا على موقع WordPress الخاص بك.
آمل أن يكون هذا البرنامج التعليمي مفيدًا وسهل المتابعة. أخبرني بأفكارك في قسم التعليقات أدناه. كما أخبر أصدقاءك بهذا الدليل السهل من خلال وسائل التواصل الاجتماعي الخاصة بك.
اقرأ المزيد!
