عندما تم إطلاق محرر قوالب وورد بريس ، أو Gutenberg ، في ديسمبر 2018 ، لم نكن نعرف ما يمكن توقعه. بالتأكيد ، كان لدينا متسع من الوقت للتلاعب بنسخته التجريبية ، لكن لم نتمكن من التنبؤ بمدى سلاسة الإطلاق الفعلي أو مدى احتضان المستخدمين والمطورين المتحمسين للمحرر الجديد.
لقد رأينا أن محرر Gutenberg شهد نموًا هائلاً في أكثر من عامين منذ نشرنا هذا المنشور لأول مرة. لقد تم نقله من الحد الأدنى من إطلاق منتج قابل للتطبيق (MVP) إلى مشروع أكثر نضجًا يقترب من هدف إنشاء تجربة تحرير موقع كامل موحد لـ وورد بريس.
لحساب هذه التغييرات ، راجعنا محرر Gutenberg ليأخذك عبر وجهه الجديد ، بما في ذلك المكان الذي سينتقل إليه قريبًا.
Gutenberg ، المعروف أيضًا باسم “محرر قوالب وورد بريس” أو “محرر وورد بريس” فقط ، هو محرر محتوى وورد بريس الذي تم تقديمه في وورد بريس 5.0 ، والذي تم إصداره في 6 ديسمبر 2018.
إذا لم تكن قد سمعت بهذا المصطلح ، فهو المحرر الافتراضي الذي تستخدمه جميع مواقع وورد بريس ما لم تقم بتعطيله على وجه التحديد. يبدو شيئًا كالتالي:
لقطة شاشة لمحرر Gutenberg وورد بريس.
محرر Gutenberg وورد بريس.
الاختلاف الكبير بين محرر Gutenberg وورد بريس ومحرر وورد بريس السابق (يسمى الآن “المحرر الكلاسيكي” أو “محرر TinyMCE”) هو أسلوب جديد قائم على الكتلة لإنشاء المحتوى.
مع Gutenberg ، كل عنصر في المحتوى الخاص بك عبارة عن كتلة ، مما يتيح سهولة التلاعب بالمحتوى. كل فقرة عبارة عن كتلة ، كل صورة عبارة عن كتلة ، كل زر عبارة عن كتلة – تحصل عليه!
يمكن لمطوري الطرف الثالث أيضًا إنشاء كتل مخصصة ، مما يساعد على إنهاء علاقة وورد بريس بالرموز القصيرة . لنفترض أنك تريد تضمين نموذج اتصال . بدلاً من الحاجة إلى إضافة رمز قصير (على سبيل المثال ، “[your-form-shortcode]`) كما فعلت في الماضي ، يمكنك الآن فقط إفلات قالب المكون الإضافي للنموذج الخاص بك.
علاوة على ذلك ، يمكنك أيضًا استخدام الكتل لإنشاء تخطيطات أكثر تعقيدًا ، مثل إعداد تصميم متعدد الأعمدة أو تجميع الكتل لإنشاء قسم متماسك.
بينما نتعمق أكثر في توضيح كيفية استخدام محرر الكتلة ، ستحصل على فكرة أفضل عن كيفية استخدام الكتل لتحسين كيفية إنشاء المحتوى.
تم إطلاق Gutenberg في ديسمبر 2018 ، وقد تغير الكثير منذ ذلك الحين! 🚀 تحقق من هذا الدليل المحدث لمعرفة المزيد
انقر للتغريد
شيء مهم يجب فهمه هو أن مشروع Gutenberg يهدف إلى أن يكون أكثر من مجرد محرر محتوى.
في يوليو 2021 ، لا يزال Gutenberg مجرد محرر محتوى (في الغالب). لكن الهدف طويل المدى لـ Gutenberg هو تحريكه نحو شيء يسمى Full Site Editing .
الفكرة في Full Site Editing هي أنك ستتمكن من تصميم 100٪ من موقعك باستخدام محرر Gutenberg. على سبيل المثال ، بدلاً من أن تكون مقيدًا بخيارات الرأس التي تأتي مع سمة وورد بريس الخاصة بك ، ستتمكن من استخدام Gutenberg لتصميم رؤوس مخصصة باستخدام محرر الكتلة.
هذا النوع من الوظائف غير متوفر حتى الآن ، ولكنه في الطريق ، ولدينا بعض مشاريع “إثبات المفهوم” التي سنقوم بإلقاء نظرة عليها قرب نهاية هذا المنشور.
الآن وقد تمكنا من استخدام محرر قوالب وورد بريس لأكثر من عامين ، لدينا فكرة جيدة عن بعض إيجابيات وسلبيات Gutenberg مقابل الحلول الأخرى.
هناك بديلان رئيسيان لديك لإنشاء محتوى على وورد بريس:
محرر وورد بريس TinyMCE : هذا هو المحرر الكلاسيكي الذي استخدمه وورد بريس قبل الإصدار 5.0 من وورد بريس.
الإضافات منشئ الصفحات : هذه هي المكونات الإضافية لجهات خارجية التي تضيف تصميمًا مرئيًا بالسحب والإفلات إلى وورد بريس.
بشكل عام ، يوفر محرر TinyMCE الكلاسيكي تجربة أكثر تجريدًا مثل معالج Word ، بينما يوفر منشئو الصفحات تجربة تصميم مرئية وسحب وإفلات أكثر مرونة.
إذا كنا نطلب جميع المحررين الثلاثة بناءً على مرونة تصميمهم ، فسيكون الأمر كالتالي:
محرر TinyMCE الكلاسيكي (الأقل مرونة) <Gutenberg <أدوات إنشاء الصفحات (الأكثر مرونة)
الآن ، دعنا نتحدث عن بعض إيجابيات وسلبيات محرر كتلة جوتنبرج مقابل البدائل.
لنقارن أولاً بين Gutenberg ومحرر TinyMCE الكلاسيكي.
الايجابيات :
يقدم Gutenberg خلفية تصميم أكثر بصرية
لست بحاجة إلى استخدام الرموز القصيرة لتضمين المحتوى – ستحصل على نظام حظر موحد
سلبيات :
يجد بعض الناس أن الكتابة في جوتنبرج صعبة بعض الشيء لأن كل فقرة هي جزء منفصل. بالنسبة إلى المنشورات الطويلة ، قد يكون من الصعب معالجة النص. قد تفضل الكتابة في محرر آخر ولصق النص في Gutenberg عند الانتهاء.
على الرغم من تحسن أداء Gutenberg بشكل كبير ، إلا أنه لا يزال يتأخر في المنشورات الضخمة ، وهو ما يقل احتمال حدوثه مع المحرر الكلاسيكي.
إذا كنت تعتقد أن محرر TinyMCE الكلاسيكي يناسب احتياجاتك بشكل أفضل ، يمكنك تعطيل محرر Gutenberg تمامًا.
الآن ، دعنا نلقي نظرة على كيفية تكديس Gutenberg مقابل المكونات الإضافية لمنشئ الصفحات التابعة لجهة خارجية.
الايجابيات :
تعد Gutenberg ميزة أساسية ، مما يعني أنه لا داعي للقلق بشأن مشكلات التوافق.
نظرًا لأنها ميزة أساسية ، يمكن لجميع المطورين إنشاء دعم Gutenberg في مكوناتهم الإضافية ، مما يؤدي إلى تحسين التوافق.
ينتج جوتنبرج كود أنظف وأكثر خفة. كل الأشياء متساوية ، عادةً ما يتم تحميل التصميم الذي تم إنشاؤه باستخدام Gutenberg بشكل أسرع من نفس التصميم المصمم باستخدام أداة إنشاء الصفحات.
سلبيات :
لا يقدم Gutenberg تحريرًا مرئيًا مناسبًا مثل أداة إنشاء الصفحات. يمكن الوصول إليه أكثر من المحرر الكلاسيكي ، لكنه لا يزال غير سلس بنسبة 100٪ مثل أداة إنشاء الصفحات.
لا يزال منشئو الصفحات يوفرون لك خيارات تصميم وتخطيط أكثر مرونة.
توفر معظم أدوات إنشاء الصفحات حركة سحب وإفلات أكثر مرونة ومرونة.
بالنسبة لغالبية المستخدمين ، يصل Gutenberg إلى النقطة المثالية من حيث المرونة.
لا يحتاج معظم الأشخاص إلى مرونة أداة إنشاء الصفحات لمحتواها ، خاصةً منشورات المدونة. ولكن في الوقت نفسه ، من الجيد إعداد تصميم متعدد الأعمدة بسرعة أو إدراج زر ، وهو أمر لا يسهله المحرر الكلاسيكي.
مع وضع ذلك في الاعتبار ، دعنا ندرس كيف يمكنك البدء في استخدام Gutenberg.
الآن بعد أن تعرفت قليلاً على محرر كتلة Gutenberg ، دعنا نتعمق في كيفية استخدامه لبدء إنشاء المحتوى.
سنبدأ بإلقاء نظرة تمهيدية على الواجهة ونطور تدريجيًا طرقًا أكثر تقدمًا لاستخدام المحرر وتحسين سير العمل.
عند فتح المحرر ، سيخفي الشريط الجانبي للوحة معلومات وورد بريس ويمنحك تجربة ملء الشاشة:
واجهة محرر كتلة Gutenberg وورد بريس
واجهة محرر كتلة Gutenberg وورد بريس.
هناك ثلاثة أجزاء رئيسية للمحرر:
المحتوى : يحتل المحتوى الخاص بك معظم مساحة الشاشة. سترى معاينة مرئية للشكل الذي ستبدو عليه في الواجهة الأمامية لموقعك. إنها ليست دقيقة بنسبة 100٪ ، ولكن يجب أن تكون لديك فكرة جيدة عن التصميم النهائي.
شريط الأدوات العلوي: يساعدك شريط الأدوات في الأعلى على إدراج كتل جديدة ، والتراجع / الإعادة ، والوصول إلى الإعدادات الحيوية الأخرى
الشريط الجانبي: يحتوي الشريط الجانبي على علامتي تبويب. و المشاركة التبويب تمكنك من تكوين إعدادات مثل فئاته، والعلامات، ومستوى إضافة صورة مميزة ، وما إلى ذلك بلوك يظهر التبويب إعدادات الكتلة التي اخترتها – أكثر عن ذلك لاحقا.
لإنشاء تجربة كتابة أكثر شمولاً ، يمكنك إخفاء الشريط الجانبي عن طريق النقر فوق رمز “الترس” في الزاوية العلوية اليمنى. لإعادة الشريط الجانبي ، كل ما عليك فعله هو النقر فوق رمز “الترس” مرة أخرى:
سيؤدي النقر فوق رمز “الترس” إلى إظهار / إخفاء الشريط الجانبي
سيؤدي النقر فوق رمز “الترس” إلى إظهار / إخفاء الشريط الجانبي.
معلومات
قد يبدو المحرر الخاص بك مختلفًا بعض الشيء لأن مطوري السمات لديهم خيار إضافة أنماطهم إلى المحرر لإنشاء تجربة مرئية أكثر. اعتمادًا على المظهر الخاص بك ، قد ترى خطوطًا أو ألوانًا مختلفة.
على سبيل المثال ، إليك ما تبدو عليه واجهة المحرر إذا كنت تستخدم السمة الافتراضية الجديدة Twenty-One :
لإضافة نص فقرة عادي إلى منشورك ، يمكنك فقط النقر والكتابة. في كل مرة تضغط على مفتاح الإدخال ، سيقوم المحرر تلقائيًا بإنشاء كتلة فقرة جديدة.
بالنسبة لأنواع المحتوى الأخرى ، ستحتاج إلى إدراج كتلة جديدة. ستستخدم الكتل للصور والأزرار وتضمينات الفيديو وما إلى ذلك.
لإضافة كتلة جديدة ، يمكنك النقر فوق أحد رموز “زائد” في الواجهة. إنها أيقونة أداة إدراج الكتلة الرئيسية في الزاوية العلوية اليسرى ، ولكنك سترى أيضًا رموزًا أخرى داخل الواجهة التي تفتح واجهة إدراج كتلة أصغر:
للبدء ، ضع مؤشر الماوس حيث تريد إدراج الكتلة الجديدة. على سبيل المثال ، لإضافة كتلة جديدة أسفل الزر ، يمكنك النقر فوق الزر ثم النقر فوق الرمز + .
يجب أن تشاهد لوحة جانبية تعرض جميع الكتل المتاحة ، مقسمة إلى فئات مختلفة. يمكنك إما البحث عن كتلة معينة أو مجرد اختيار خيار من القائمة. عندما تحوم فوق كتلة ، سترى وصفًا لما تفعله ومعاينة.
لإدراج الكتلة ، ما عليك سوى النقر عليها. على سبيل المثال ، لإدراج صورة عادية ، ما عليك سوى النقر فوق قالب الصورة:
انقر فوق نوع كتلة محرر وورد بريس Gutenberg الذي تريد إدراجه
انقر فوق نوع الكتلة التي تريد إدراجها.
يمكنك بعد ذلك اتباع المطالبات لتحميل أو اختيار صورة موجودة من مكتبة الوسائط الخاصة بك .
لإجراء اختيارات التنسيق الأساسية للكتل الخاصة بك ، ستحصل على شريط أدوات عائم يظهر عند النقر فوق أي كتلة.
إذا كنت تقوم بتنسيق نص عادي ، فهذا هو المكان الذي يمكنك فيه:
أضف غامقًا أو مائلًا
أدخل الروابط
تغيير المحاذاة
أضف تنسيقًا ، مثل التعليمات البرمجية المضمنة ، ويتوسطه خط ، والاشتراك
يتيح لك شريط الأدوات العائم إمكانية تحديد خيارات التنسيق الأساسية
يتيح لك شريط الأدوات العائم إمكانية تحديد خيارات التنسيق الأساسية.
على سبيل المثال ، لنفترض أنك تريد إدراج رابط في المحتوى الخاص بك. عليك أولاً تحديد النص المحدد الذي تريد ربطه – في مثالنا ، هذا “لأنواع أخرى من المحتوى”. بعد ذلك ، يمكنك النقر فوق رمز الارتباط الموجود على شريط الأدوات لفتح خيارات إدراج الارتباط:
كيفية إدراج رابط في محرر كتلة Gutenberg وورد بريس.
إدراج رابط في محرر كتلة Gutenberg وورد بريس.
جميع الكتل التي تقوم بإدراجها تأتي مع إعدادات إضافية في الشريط الجانبي. قد تمنحك بعض الكتل بعض الإعدادات ، بينما يمنحك البعض الآخر عدة خيارات للتحكم في التصميم والتخطيط والوظائف وما إلى ذلك.
لفتح إعدادات الكتلة ، انقر فوق الكتلة في المحرر لتحديدها. بعد ذلك ، انتقل إلى علامة التبويب ” حظر” في الشريط الجانبي لمعرفة إعداداتها.
أدناه ، يمكنك رؤية إعدادات كتلة الأزرار ، والتي تعد واحدة من الكتل الأكثر مرونة. يمكنك تغيير اللون وجعله أوسع وأكثر من ذلك بكثير.
أثناء إجراء تغييرات على إعدادات الكتلة ، سترى على الفور تلك التغييرات تنعكس في المحرر.
يمكنك الوصول إلى إعدادات الكتلة في الشريط الجانبي
يمكنك الوصول إلى إعدادات الكتلة في الشريط الجانبي.
مرة أخرى ، سيكون لكل كتلة إعدادات فريدة لتلك الكتلة. على سبيل المثال ، إذا فتحت إعدادات نص فقرة عادي ، فستحصل فقط على بعض خيارات الطباعة واللون الأساسية . أدناه ، يمكنك أن ترى أننا تمكنا من تطبيق خلفية ملونة لتمييز بعض النص:
بالإضافة إلى مجرد استخدام النسخ واللصق (وهو ما يمكنك القيام به للنص تمامًا مثل أي محرر آخر) ، يمنحك Gutenberg طريقتين رئيسيتين لإعادة ترتيب الكتل.
أولاً ، إذا كنت تريد تحريك كتلة لأعلى أو لأسفل في بعض المواضع ، فيمكنك استخدام الأسهم لأعلى أو لأسفل على شريط الأدوات العائم.
لتحركات واسعة النطاق ، يمكنك استخدام السحب والإفلات. لسحب وإسقاط كتلة ، تحتاج إلى النقر على أيقونة “النقاط الست” على يسار الأسهم.
بمجرد النقر مع الاستمرار على الماوس فوق هذا الرمز ، يمكنك سحب الكتلة في أي مكان على الصفحة:
الأهمية
قد يكون النسخ واللصق أمرًا صعبًا بالنسبة للمحتوى غير النصي. بعد ذلك بقليل في هذا المنشور ، سنوضح لك كيف يمكنك نسخ ولصق كتل كاملة مع الحفاظ على أنماطها.
يأتي Gutenberg مع كتل مخصصة لتضمين محتوى من مصادر خارجية مثل YouTube و Vimeo و Soundcloud وما إلى ذلك. يمكنك العثور على كل هذه الخيارات في قسم Embeds من أداة إدراج الكتلة.
على سبيل المثال ، لتضمين مقطع فيديو على YouTube ، كل ما عليك فعله هو:
إضافة كتلة مخصصة يوتيوب.
الصق عنوان URL المباشر للفيديو.
انقر فوق تضمين .
كيفية تضمين مقطع فيديو على YouTube في Gutenberg باستخدام قالب مخصص
تضمين فيديو يوتيوب في جوتنبرج.
يجب أن تشاهد بعد ذلك معاينة للفيديو المضمن في المحرر.
كما ذكرنا سابقًا ، تتمثل إحدى المزايا المهمة لمحرر الكتلة على محرر TinyMCE الأقدم في أنه يمكنك إنشاء تخطيطات أكثر تعقيدًا دون الحاجة إلى الاعتماد على كود مخصص أو رموز مختصرة.
يأتي محرر الكتلة مع كتلتين افتراضيتين لمساعدتك في القيام بذلك:
الأعمدة : قم بإنشاء تخطيط متعدد الأعمدة.
المجموعات: تجميع الكتل المتعددة. على سبيل المثال ، يمكنك استخدام هذا لتعيين لون الخلفية لقسم كامل يتم عرضه خلف العديد من الكتل.
تعمل كلتا الكتلتين على مبدأ الكتل “المتداخلة” ، مما يعني أنك ستضع كتلة واحدة أو أكثر داخل كتلة أخرى.
سنعرض لك مثالاً باستخدام كتلة الأعمدة ، لكن نفس المبدأ الأساسي ينطبق على كتلة المجموعة.
لنفترض أنك تريد إنشاء تخطيط من عمودين حيث يحتوي العمود الموجود على اليسار على نص فقرة عادي ، ويحتوي العمود الموجود على اليمين على زر.
للبدء ، يمكنك استخدام أداة إدراج الكتلة لإضافة كتلة الأعمدة. سيظهر ذلك مطالبة حيث يمكنك اختيار التخطيط المفضل لديك:
اختر بنية العمود ونسبته في محرر Gutenberg وورد بريس
اختر هيكل العمود والنسبة.
سنختار تخطيط 50/50 من عمودين لهذا المثال. مع ذلك ، سترى صندوقين متساويين الحجم بهما رموز + بالداخل. لإدراج محتوى ، يمكنك النقر فوق رمز + هذا لفتح واجهة أداة إدراج الكتلة:
كيفية إضافة محتوى إلى الأعمدة
كيفية إضافة محتوى إلى الأعمدة.
بمجرد إضافة الكتلة الأولى إلى عمود ، يمكنك الضغط على أيقونة + لإدراج كتل إضافية. أو يمكنك سحب وإفلات كتلة من خارج بنية العمود في العمود.
الآن بعد أن أصبح لديك فهم أساسي لكيفية عمل Gutenberg ، فلنستعرض بعض النصائح والحيل القيمة التي ستساعدك على استخدام محرر الكتلة بشكل أكثر فعالية.
إذا كنت بحاجة إلى إدخال العديد من الكتل ، فإن فتح أداة إدراج الكتلة يدويًا يمكن أن يكون مملاً قليلاً. لحسن الحظ ، بمجرد أن تبدأ في تعلم أسماء الكتل الشائعة التي تحتاج إلى استخدامها ، هناك طريقة أسرع بكثير لإدراج الكتل باستخدام لوحة المفاتيح فقط – /(الشرطة المائلة للأمام).
إذا قمت بالضغط على “Enter” لبدء كتلة فقرة جديدة ، يمكنك إدخال كتلة بسرعة عن طريق كتابة شرطة مائلة للأمام ، متبوعة باسم الكتلة التي تريد إدراجها.
عندما تبدأ في الكتابة ، سترى قائمة بجميع الكتل التي تطابق استعلامك. يمكنك بعد ذلك استخدام أسهم لوحة المفاتيح للتنقل بين الكتل والضغط على “إدخال” لتحديد الكتلة التي تريد إدراجها.
فيما يلي مثال على استخدام الإدراج السريع لإضافة كتلة صورة:
كيفية استخدام الشرطة المائلة للأمام لإدخال الكتل بسرعة
كيفية استخدام الشرطة المائلة للأمام لإدخال الكتل بسرعة.
إذا كنت تقوم بإدراج العديد من الصور ، فإن محرر الكتلة يتضمن ميزة أخرى لتوفير الوقت تتيح لك التخلص من الحاجة إلى إضافة كتلة صورة قبل تحميل صورة .
بدلاً من ذلك ، يمكنك فقط سحب ملف الصورة مباشرةً من سطح المكتب إلى الموقع الذي تريد إضافته إلى منشورك. عندما تسحب ملف الصورة فوق محتوى موقعك ، سترى خطًا أزرق يشير إلى مكان ظهور الصورة.
بمجرد تحرير الملف ، سيقوم وورد بريس بتحميله تلقائيًا وإدراج كتلة صورة في المكان المناسب:
إذا كنت من محبي بناء جملة Markdown لإنشاء المحتوى ، فسيسعدك معرفة أن محرر الكتلة يدعم بعض الاستخدام المحدود للتخفيضات – خاصة بالعناوين.
على سبيل المثال ، إذا كنت تريد إدراج كتلة عنوان بعلامة H3 ، فيمكنك كتابة ثلاث علامات تصنيف (“ ### ‘) متبوعة بالضغط على مفتاح المسافة. سيقوم المحرر تلقائيًا بتحويل ذلك إلى H3 ، وبعد ذلك يمكنك متابعة كتابة العنوان:
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
افترض أنك تريد دعم Markdown أكثر تقدمًا. في هذه الحالة ، يمكنك تثبيت مكون إضافي مجاني مثل EditorsKit ، والذي يتيح لك أيضًا استخدام Markdown للخط الغامق والمائل والمتوسط – سنتحدث أكثر عن مكونات Gutenberg الإضافية لاحقًا في هذا المنشور.
إذا لم تعجبك طريقة “طفو” أداة التنسيق فوق كتلة ، فإن محرر الكتلة يتضمن ميزة تتيح لك تثبيتها أسفل شريط الأدوات العلوي:
يتيح لك محرر الكتلة نسخ النص ولصقه تمامًا كما تفعل في أي محرر – ” Ctrl + C ” أو النقر بزر الماوس الأيمن واختيار نسخ .
ومع ذلك ، لا يمكنك استخدام هذه الطريقة لنسخ ولصق كتلة بأكملها مع الحفاظ على إعداداتها. بدلاً من ذلك ، ستحتاج إلى:
حدد الكتلة.
انقر فوق أيقونة النقاط الثلاث في شريط أدوات الكتلة.
حدد نسخ .
كيفية نسخ قالب بكل إعداداته في محرر Gutenberg وورد بريس
كيفية نسخ قالب بكل إعداداته.
بمجرد نسخ الكتلة بهذه الطريقة ، يمكنك لصقها كما تفعل عادةً – على سبيل المثال ” Ctrl + V ” أو النقر بزر الماوس الأيمن واختيار لصق .
بالنسبة لمعظم الكتل ، يمكنك فقط النقر فوق المحرر لتحديد الكتلة. ومع ذلك ، يمكن أن يصبح هذا الأمر صعبًا إذا بدأت في استخدام الكتل “المتداخلة” ، مثل إدراج الكتل داخل الأعمدة أو الكتل الجماعية.
يتضمن المحرر خيار عرض القائمة ، والذي يمكنك فتحه من شريط الأدوات العلوي لحساب ذلك. ستظهر لك طريقة عرض القائمة كل كتلة ، بما في ذلك الكتل المتداخلة ذات المسافات البادئة.
يمكنك تحديد كتلة من خلال النقر عليها في القائمة ، وسيقوم المحرر أيضًا بتسليط الضوء على الكتلة عندما تحوم فوقها في القائمة.
في المثال أدناه ، يمكنك أن ترى:
كتلة الأعمدة الرئيسية الأساسية
كتل متداخلة لكل عمود
كتلة مجموعة متداخلة داخل عمود واحد
كتلة عنوان متداخلة داخل كتلة المجموعة
لتحديد الكتلة الرئيسية الرئيسية ، يمكنك فقط فتح عرض القائمة وتحديده من القائمة:
يساعدك فتح عرض القائمة على التنقل بين الكتل المتداخلة
يساعدك فتح عرض القائمة على التنقل بين الكتل المتداخلة.
تتمثل إحدى مزايا محرر كتلة Gutenberg في أنه يتيح لك تكوين العديد من الأنماط وخيارات التخطيط دون اللجوء إلى التعليمات البرمجية. ومع ذلك ، لا يزال لديك بعض المواقف التي تريد فيها الوصول إلى الرمز مباشرةً للمستخدمين الأكثر تقدمًا.
لمساعدتك في القيام بذلك ، يأتي محرر Gutenberg مع بعض الخيارات المختلفة.
أولاً ، يمكنك تحرير رمز كتلة فردية فقط ، وهو مفيد لإجراء تعديلات طفيفة مثل إدراج فئة CSS. للقيام بذلك ، افتح القائمة المنسدلة من شريط أدوات الكتلة وحدد تحرير بتنسيق HTML :
كيفية تحرير كتلة واحدة بتنسيق HTML في محرر Gutenberg وورد بريس
كيفية تحرير كتلة واحدة بتنسيق HTML.
سيؤدي تحديد هذا الخيار إلى تحويل المعاينة المرئية إلى محرر كود لتلك الكتلة فقط ، دون التأثير على المعاينات المرئية للكتل الأخرى:
محرر HTML لكتلة واحدة
محرر HTML لكتلة واحدة.
ثانيًا ، يشتمل المحرر على كتلة HTML مخصصة يمكنك استخدامها لتضمين مقتطفات HTML كاملة. كل ما تفعله هو إضافة الكتلة ولصقها في التعليمات البرمجية الخاصة بك.
وأخيرا، يمكنك أيضا فتح محرر البرنامج الكامل للمستند بأكمله باستخدام القائمة المنسدلة في الركن العلوي الأيمن أو اختصار لوحة المفاتيح: السيطرة + التحول + البديل + M .
ضع في اعتبارك أنه عند فتح محرر الكود الكامل ، سترى أيضًا ترميز تنسيق الكتلة من Gutenberg ، لذلك قد يكون التنقل صعبًا بعض الشيء:
يتضمن محرر الكتلة الكثير من اختصارات لوحة المفاتيح التي تتيح لك تنفيذ الإجراءات الشائعة. يستحق الأمر قضاء بعض الوقت في تعلمها لأنها ستجعلك أكثر إنتاجية وتوفر لك الكثير من نقرات الماوس المتكررة.
فيما يلي بعض الاختصارات الأكثر شيوعًا – إذا كنت تستخدم جهاز Mac ، فستريد التبديل بين “Ctrl” و “Command (⌘)”:
افتح عرض قائمة الحظر – Shift + Alt + O
احفظ التغييرات – Ctrl + S
التراجع عن آخر تغيير (تغييرات) – Ctrl + Z
أعد التراجع الأخير – Ctrl + Shift + Z
قم بتكرار الكتلة (الكتل) المحددة – Ctrl + Shift + D
احذف الكتلة (الكتل) المحددة – Shift + Alt + Z
أدخل كتلة جديدة قبل الكتلة (الكتل) المحددة – Ctrl + Alt + T.
أدخل كتلة جديدة بعد الكتلة (الكتل) المحددة – Ctrl + Alt + Y
يمكنك أيضًا فتح ورقة غش كاملة لجميع اختصارات لوحة المفاتيح عندما تكون في المحرر. للقيام بذلك ، يمكنك إما استخدام اختصار لوحة المفاتيح – Shift + Alt + H – أو النقر فوق رمز القائمة “ثلاث نقاط رأسية” ( ⋮ ) في الزاوية العلوية اليمنى من المحرر واختيار اختصارات لوحة المفاتيح من القائمة المنسدلة.
يضيف محرر الكتلة العديد من الكتل افتراضيًا ، ولكن من المحتمل ألا تستخدمهم جميعًا. لمساعدتك في تنظيف الواجهة ، يشتمل المحرر على ميزة تسمى Block Manager تتيح لك تعطيل وإخفاء الكتل التي لا تستخدمها:
في مدير الكتلة ، يمكنك إلغاء تحديد الكتل لإخفائها من أداة إدراج الكتلة
يمكنك إلغاء تحديد الكتل لإخفائها من أداة إدراج الكتلة.
أخيرًا ، آخر نصيحة مفيدة لدينا هي ميزة ارتباط رابط HTML المخصصة لمحرر الكتلة ، والتي تتيح لك إنشاء روابط سريعة لأقسام معينة من المحتوى الخاص بك (على سبيل المثال لجدول المحتويات).
في المحرر الكلاسيكي ، كان عليك إضافة روابط HTML باستخدام التعليمات البرمجية يدويًا. ولكن مع Gutenberg ، يمكنك فقط إدخال نص رابط الانتقال الخاص بك في حقل ارتساء HTML في المنطقة المتقدمة من إعدادات أي كتلة:
هل تحتاج إلى حل استضافة يمنحك ميزة تنافسية؟ لقد جعلك Kinsta مغطى بسرعة لا تصدق وأحدث مستويات الأمان والتوسع التلقائي. تحقق من خططنا
كيفية تعيين نص رابط مخصص في محرر Gutenberg وورد بريس
كيفية تعيين نص رابط مخصص.
في هذه المرحلة ، غطينا القليل من المعلومات حول كيفية عمل المحرر وبعض النصائح للعمل بكفاءة أكبر. الآن بعد أن أصبحت لديك هذه المعرفة الأساسية ، دعنا نتناول تكتيكين أكثر تقدمًا قليلاً:
أنماط الكتلة
كتل قابلة لإعادة الاستخدام
A نمط كتلة هو أساسا القالب. إنها مجموعة من الكتل مرتبة في تخطيط. قد يكون شيئًا بسيطًا ، مثل ترتيب الأزرار. يمكن أن يكون نموذجًا لقسم بأكمله ، أو حتى صفحة كاملة.
يأتي وورد بريس مع أنماط الكتل المدمجة الخاصة به ، ويمكن أيضًا لمطوري المكونات الإضافية التابعة لجهات خارجية إضافة أنماطهم الخاصة.
يمكنك إدراج أنماط جديدة من علامة التبويب Patterns في أداة إدراج الكتلة الرئيسية:
بمجرد إدخال نمط الكتلة ، يمكنك تحرير جميع الكتل التي يتكون منها هذا النمط بالكامل ، تمامًا كما لو كنت قد أضفت الكتل يدويًا.
حاليًا ، لا يسمح لك محرر Gutenberg الأساسي بإنشاء أنماط الحظر (إلا إذا كنت تعرف كيفية البرمجة). ومع ذلك ، يمكنك إصلاح ذلك باستخدام المكون الإضافي Block Pattern Builder المجاني من Justin Tadlock . مع تنشيط المكون الإضافي ، يمكنك إنشاء تصميماتك باستخدام Gutenberg ثم حفظ هذا التصميم كنمط.
للبدء ، انتقل إلى Block Patterns > Add New لإنشاء نمط جديد باستخدام المحرر. تأكد من نشره عند الانتهاء:
بمجرد القيام بذلك ، ستتمكن من إدراج نمط الحظر الخاص بك تمامًا مثل أي نمط آخر – ابحث عنه في قسم غير مصنف :
أطلق فريق وورد بريس الأساسي أيضًا مكتبة أنماط كتلة رسمية على وورد بريس.org . يمكنك إدراجها في المحرر باستخدام النسخ واللصق. ما عليك سوى النقر فوق الزر نسخ في موقع مكتبة أنماط الحظر ثم لصقها في المحرر.
الكتل القابلة لإعادة الاستخدام هي مجموعة من كتلة واحدة أو أكثر يمكنك إدراجها كمجموعة. إنها تشبه أنماط الحظر ، لكن مع اختلاف رئيسي واحد:
في حين أن نمط الكتلة هو قالب البداية الذي ستقوم بتحريره في كل حالة ، فإن الكتلة القابلة لإعادة الاستخدام ستكون هي نفسها في كل حالة تقوم فيها بتضمينها.
إذا قمت بتحديث الكتلة القابلة لإعادة الاستخدام ، فسيتم تطبيق هذه التغييرات تلقائيًا على جميع المثيلات الموجودة.
على سبيل المثال ، يمكنك استخدام كتلة قابلة لإعادة الاستخدام لإنشاء عبارة تحث المستخدم على اتخاذ إجراء (CTA) تريد أن تكون هي نفسها في كل المحتوى الخاص بك. بعد ذلك ، إذا كنت ترغب في أي وقت مضى في تحديث CTA ، فأنت تحتاج فقط إلى تحديث الكتلة القابلة لإعادة الاستخدام مرة واحدة لتغييرها عبر الموقع.
لإنشاء كتلة قابلة لإعادة الاستخدام في محرر Gutenberg وورد بريس ، انقر واسحب لتحديد كتلة واحدة أو أكثر. ثم ، انقر فوق خيار Add to Reusable block . (يتيح لك المكون الإضافي الذي ذكرناه أعلاه أيضًا إنشاء نمط كتلة بهذه الطريقة.)
كيفية إنشاء الكتلة الخاصة بك التي يمكن إعادة استخدامها
كيفية إنشاء كتلة قابلة لإعادة الاستخدام.
سيتم بعد ذلك تجميع كتلك – يمكنك إعطاء اسم الكتلة القابلة لإعادة الاستخدام في إعدادات الكتلة القابلة لإعادة الاستخدام في الشريط الجانبي.
الآن ، ستتمكن من إدراج تلك الكتلة القابلة لإعادة الاستخدام من خلال البحث عن اسمها. يمكنك استخدام “ / ” لإدراج الكتلة بسرعة:
كيفية إدراج كتلة قابلة لإعادة الاستخدام
كيفية إدراج كتلة قابلة لإعادة الاستخدام.
إذا قمت بتغيير الحظر القابل لإعادة الاستخدام ، فستحصل على خيار لنشر هذه التغييرات عند تحديث المنشور. وإذا قررت نشر تغييرات الكتلة القابلة لإعادة الاستخدام ، فسيتم تطبيق هذه التغييرات تلقائيًا على كل مثيل من الكتلة القابلة لإعادة الاستخدام:
كيفية تحديث كتلة قابلة لإعادة الاستخدام في محرر كتلة Gutenberg وورد بريس
كيفية تحديث كتلة قابلة لإعادة الاستخدام.
حتى الآن ، ركزنا على ميزات محرر الكتلة الأساسية ، مع استثناءات قليلة.
ومع ذلك ، فإن أحد الأشياء الرائعة في محرر الكتلة هو أنه يمكنك استخدام المكونات الإضافية لتوسيعه ، تمامًا كما يمكنك مع بقية موقع وورد بريس الخاص بك.
يمكنك استخدام المكونات الإضافية لبعض الأشياء المختلفة:
إضافة كتل محتوى جديدة: يمكن للمكونات الإضافية إضافة كتل جديدة يمكنك استخدامها في تصميماتك. إنها حالة الاستخدام الأكثر شيوعًا لمكونات Gutenberg الإضافية في الوقت الحالي.
إضافة قوالب / أنماط كتلة جديدة: تستخدم بعض المكونات الإضافية نظام أنماط الكتلة الأساسية ، بينما أنشأ البعض الآخر أنظمة القوالب الخاصة بهم.
تغيير واجهة / ميزات المحرر : يمكنك استخدام المكونات الإضافية لتعديل المحرر نفسه. على سبيل المثال ، يمكنك إضافة دعم Markdown أفضل.
بالإضافة إلى المكونات الإضافية المصممة خصيصًا لـ Gutenberg ، يمكن للعديد من مكونات وورد بريس الأخرى أيضًا استخدام محرر الكتلة.
على سبيل المثال ، إذا كنت تستخدم مكونًا إضافيًا لنموذج الاتصال ، فقد يمنحك المكون الإضافي كتلة مخصصة يمكنك استخدامها لتضمين نماذجك. ينطبق الشيء نفسه على العديد من أنواع المكونات الإضافية الأخرى.
بمجرد إتقان أساسيات المحرر ، يجدر بك استكشاف هذه المكونات الإضافية لمعرفة ما إذا وجدت أيًا منها يمكنه تحسين تجربتك.
فيما يلي بعض الخيارات الأكثر شيوعًا في الوقت الذي نكتب فيه هذا المنشور:
في نهاية المطاف الإضافات لجوتنبرج
كتل كادينس
إنشاء كتل
سهل التخزين
Getwid
يمكنك رؤية المزيد في قسم المكونات الإضافية الممكّنة للحظر في وورد بريس.org .
كما ذكرنا في بداية هذا المنشور ، يهدف مشروع Gutenberg إلى أن يكون أكثر بكثير من مجرد محرر محتوى.
تتمثل الخطة طويلة المدى في جعل وورد بريس ينتقل إلى تحرير الموقع الكامل . هذا يعني بالضبط ما يقوله – الهدف هو أنك ستتمكن في النهاية من تحرير جميع أجزاء موقعك باستخدام محرر Gutenberg. ويتضمن ذلك رأس موقعك وتذييله وأشرطةه الجانبية وما إلى ذلك.
على عكس إطلاق محرر الكتلة في وورد بريس 5.0 ، فإن Full Site Editing تأخذ أسلوبًا تكراريًا. ستكون إضافة تدريجية للميزات ، حيث يعتمد كل إصدار جديد على الإصدارات السابقة.
على سبيل المثال ، بدءًا من وورد بريس 5.8 ، ستستخدم الآن محرر الكتلة لإدارة أدوات موقعك. ستتمكن أيضًا من الوصول إلى بعض الكتل الجديدة التي تركز على السمات مثل Site Logo و Navigation و Query Loop (تتيح لك إنشاء قوالب لمنشورات القائمة) والمزيد.
ولكن في حين أن تحرير الموقع الكامل الرسمي لا يزال عملاً قيد التقدم ، فقد بدأ بعض مطوري السمات الجريئين بالفعل في إصدار سمات قائمة على الكتل ، والتي تعطينا بعض الأمثلة الجيدة حول كيفية عمل تحرير الموقع الكامل.
بالإضافة إلى ذلك ، يمكنك الوصول إلى بعض ميزات تحرير الموقع الكامل التجريبية في إصدار البرنامج المساعد من Gutenberg .
لذلك ، دعونا نلقي نظرة على شيئين:
الميزات الأساسية الحالية لتحرير الموقع الكامل التي لدينا الآن اعتبارًا من وورد بريس 5.8
كيف يمكن أن يعمل التحرير “الكامل” للموقع بالكامل بناءً على الميزات التجريبية
الأهمية
قد يتغير كل هذا بطرق صغيرة أو كبيرة بحلول الوقت الذي يصبح فيه تحرير الموقع الكامل سائدًا . إنه فقط لإعطائك فكرة عما يمكن أن يكون.
اعتبارًا من وورد بريس 5.8 ، ستستخدم الآن الكتل للتحكم في الأشرطة الجانبية والتذييلات بدلاً من الأدوات (افتراضيًا – يمكنك تعطيل هذا إذا كنت ترغب في ذلك).
عندما تذهب إلى Appearance > Widgets ، ستتمكن من إدارة محتوى كل منطقة عنصر واجهة مستخدم باستخدام محرر الكتلة.
يمكنك أن ترى أن كل منطقة عنصر واجهة مستخدم تحصل على محرر منفصل ، والذي يمكنك فتحه بالنقر فوق مفاتيح تبديل الأكورديون. يمكنك أيضًا نقل الكتل بين مناطق عناصر واجهة المستخدم المختلفة عن طريق النقر فوق رموز الأسهم المعلقة بالقرب من الجزء العلوي:
يضيف وورد بريس 5.8 أيضًا كتل سمات مخصصة جديدة تتيح لك إدراج محتوى ديناميكي في موقعك. ستلعب هذه الكتل أيضًا دورًا محوريًا عند تصميم قوالب لموضوعك في الإصدارات المستقبلية.
على سبيل المثال ، لنفترض أنك تريد تضمين قائمة بأحدث المحتويات الخاصة بك على الصفحة. الآن ، يمكنك فقط إضافة كتلة Query Loop ، وستتمكن من إدراج محتوى ديناميكيًا من نوع منشور معين (مثل منشورات المدونة) ، بما في ذلك التصفية حسب الفئات والمؤلفين والكلمات الرئيسية والمزيد:
داخل كتلة Query Loop ، يمكنك تداخل كتل السمات الأخرى للتحكم في قالب المحتوى المعروض هناك. على سبيل المثال ، يمكنك عرض تاريخ كل منشور عن طريق إضافة قالب تاريخ النشر إلى القالب الخاص بك.
باستخدام كتلة Query Loop في وورد بريس 5.8 ، يمكنك بشكل أساسي تصميم صفحة قائمة المدونة المخصصة الخاصة بك. سيؤدي تحرير الموقع الكامل المناسب إلى توسيع ذلك ليشمل المظهر بالكامل – لذلك دعونا نلقي نظرة على ذلك بعد ذلك.
يعد وضع تحرير القوالب ميزة جديدة أخرى في وورد بريس 5.8. يتيح لك استخدام Gutenberg لتصميم قوالب لمنشوراتك وصفحاتك باستخدام الكتل.
في الوقت الحالي ، لا تتوفر هذه الميزة إلا إذا قام مطور السمات بتمكينها على وجه التحديد ، لذلك قد لا ترى ما إذا لم يقم مطور المظهر الخاص بك بذلك حتى الآن.
إذا كنت تقوم باستخدام موضوع أن يدعم القالب تحرير وضع في وورد 5.8، سترى الجديد قالب القسم في المشاركة / صفحة علامة التبويب الشريط الجانبي عندما كنت تحرير وظيفة أو الصفحة. يمكنك إنشاء قالب جديد أو اختيار أحد القوالب الموجودة لديك:
كيفية إنشاء قالب جديد في السمات التي تدعم وضع تحرير القالب
إنشاء قالب جديد في السمات التي تدعم وضع النموذج.
إذا أنشأت نموذجًا جديدًا ، فستتمكن من منحه اسمًا لمساعدتك على تذكره. بعد ذلك ، يمكنك تصميم القالب باستخدام وضع محرر القالب الخاص ، جنبًا إلى جنب مع كتل السمات الجديدة التي قمنا بتفصيلها في القسم السابق:
Blockbase هو موضوع من Automattic يعمل كنوع من “إثبات المفهوم” وملعب لتحرير الموقع بالكامل. لا يزال تجريبيًا ، لذلك قد يتغير قبل أن تكون هذه الميزات في برنامج وورد بريس الأساسي. ولكنه يوفر فكرة عن تحرير الموقع بالكامل.
مع تثبيت السمة والإصدار الإضافي من Gutenberg ، ستحصل على منطقة محرر موقع جديدة تتيح لك “إنشاء” المظهر الخاص بك باستخدام نفس المحرر الذي رأيته أعلاه.
ومع ذلك ، فإن الاختلاف الجوهري هو أنك لا تقوم فقط بإنشاء منشور أو صفحة واحدة. بدلاً من ذلك ، أنت تستخدم محرر كتلة Gutenberg وورد بريس لإنشاء القوالب الفعلية التي سيستخدمها كل محتوى موقعك – على سبيل المثال ، القالب الخاص بالرأس الخاص بك.
مثال مبكر على الشكل الذي قد يبدو عليه التحرير الكامل للموقع
مثال مبكر لتحرير الموقع الكامل.
لمساعدتك في تحقيق ذلك ، ستحصل على مجموعة من كتل التصميم الجديدة ، بما في ذلك بعض قوالب السمات التي رأيتها أعلاه:
كتل التصميم العديدة الجديدة مع تحرير الموقع بالكامل
كتل التصميم الجديدة مع تحرير الموقع الكامل.
للتنقل بين القوالب المختلفة ، يمكنك النقر فوق شعار وورد بريس في الزاوية العلوية اليسرى لتحرير قوالب أخرى وإنشاء قوالب جديدة:
كيفية تحرير قوالب موضوع مختلفة
تحرير قوالب موضوع مختلفة.
مرة أخرى ، الفكرة هي أنك ستتمكن في النهاية من استخدام محرر Gutenberg للتحكم في جميع قوالب / تخطيطات السمة الخاصة بك. وعندما يحدث ذلك ، سيبدو إنشاء موقع وورد بريس مختلفًا تمامًا عما نراه “عاديًا” في عام 2021.
منذ عام 2018 ، حقق محرر كتلة Gutenberg تقدمًا كبيرًا. مع التحرك القادم نحو تحرير الموقع الكامل ، سيصبح محرر الكتلة جزءًا أكثر أهمية من وورد بريس .
في هذا المنشور ، قمنا بتغطية كل شيء من أساسيات محرر الكتلة إلى النصائح والميزات المتقدمة. لقد نظرنا أيضًا في الشكل الذي قد يبدو عليه تحرير الموقع الكامل في المستقبل.
إذا لم تكن مستعدًا لتجربته بعد ، فيمكنك تعطيل Gutenberg بشكل دائم واستخدام المحرر الكلاسيكي. ومع ذلك ، سيستمر Gutenberg في النمو ، لذا فهو ليس شيئًا تريد تجاهله إلى الأبد.
