10 نصائح وحيل مفيدة لمحرر WordPress Gutenberg

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

الأخبار السارة؟ هناك الكثير من النصائح والحيل المفيدة التي يمكن أن تجعل الأمور أسهل وأسهل وأكثر متعة.

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

تطور محرر WordPress Gutenberg

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

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

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

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

10 نصائح وحيل مفيدة لمحرر WordPress Gutenberg

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

فيما يلي قائمة سريعة من الحيل المفيدة التي يمكن أن تزيد من تجربتك في Gutenberg:

1. استخدم أوامر SLASH لإدراج الكتل بسرعة
2. تحويل أي كتلة إلى كتلة قابلة لإعادة الاستخدام
3. سحب وإسقاط الكتل لإعادة ترتيب المحتوى
4. استخدم طريقة عرض القائمة لسهولة التنقل في بلوك
5. مجموعة الكتل لتحريكها أو تصفيفها معًا
6. قفل الكتل لمنع التغييرات العرضية
7. استخدم اختصارات لوحة المفاتيح لتوفير الوقت
8. استخدم أنماط للتخطيطات الجاهزة
9. نسخ الكتل واللصق بين الصفحات
10. أضف CSS مخصص إلى كتل محددة

الآن ، دعنا ندخل في التفاصيل!

01. استخدم أوامر SLASH لإدراج الكتل بسرعة

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

الآن ، دعنا نجعلها أكثر ذكاءً.

بدلاً من كل هذا النقر ، ما عليك سوى اكتب A إلى الأمام Slash ( /) مباشرة بعد الضغط على Enter. في اللحظة التي تقوم بها ، تظهر قائمة الكتل. اكتب /image واضغط على Enter مرة أخرى. منتهي. لقد أدخلت فقط كتلة صورة دون حتى لمس الماوس.

هذه الخدعة ليست فقط للصور. جرب /heading ، /quote ، /table ، أو حتى /columns . بمجرد أن تعتاد على ذلك ، ستشعر بأنك تكتب الأوامر في أداة كتابة فائقة الشحن.

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

02. اقلب أي كتلة إلى كتلة قابلة لإعادة الاستخدام

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

هنا حيث تأتي الكتل القابلة لإعادة الاستخدام في متناول يدي.

لنفترض أنك صممت قسمًا مثاليًا CTA. ربما يكون العنوان ، جملة قصيرة ، وزر. حدد كل هذه الكتل ، انقر فوق القائمة ثلاثية الدرجة (⋮) ، واختر "إضافة إلى كتل قابلة لإعادة الاستخدام". امنحه اسمًا مثل "Post Footer CTA" وحفظه.

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

لا مزيد من التناقضات. لا مزيد من الوقت الضائع.

إنه مثل وجود قالب مخصص خاص بك ، جاهزًا كلما احتجت إليه.

03. اسحب وإسقاط الكتل لإعادة ترتيب المحتوى

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

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

إليكم كيف يعمل.

تحوم على أي كتلة. سترى مقبض ستة درجات على الجانب الأيسر. احصل عليه ، واسحب الكتلة أينما تريد. هل تريد نقل قسم كامل مصنوع من كتل متعددة؟ قم بتجميعها أولاً ، ثم اسحب المجموعة بأكملها بحركة سلسة واحدة.

يمنحك هذا التحكم الكامل في التصميم - دون قطع أو لصق أو التعامل مع أي رمز فوضوي.

يبدو وكأنه العمل مع لبنات البناء. حرك الأشياء حتى يناسب كل شيء بشكل صحيح.

بسيط. مرئي. فوري.

04. استخدم عرض القائمة لسهولة التنقل في بلوك

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

هذا هو المكان الذي توفر فيه عرض القائمة اليوم.

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

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

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

05. كتل المجموعة لتحريكها أو تصفيفها معًا

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

فقط تجميعهم.

حدد جميع الكتل التي تريد الاحتفاظ بها معًا. ثم انقر فوق القائمة ثلاث نقاط واختر "المجموعة". الآن يتم لف هذه الكتل داخل حاوية واحدة.

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

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

06. قفل كتل لمنع التغييرات العرضية

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

إليك الإصلاح: قفل الكتل الخاصة بك .

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

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

07. استخدم اختصارات لوحة المفاتيح لتوفير الوقت

النقر حول الأعمال ، ولكن اختصارات لوحة المفاتيح؟ هذه كفاءة من المستوى التالي.

بدلاً من تحريك الماوس كل بضع ثوانٍ ، تعرف على بعض المجموعات السريعة وستطير عبر المحتوى الخاص بك. على سبيل المثال:

• Ctrl + Shift + D (CMD على Mac): تكرار كتلة
• Ctrl + Alt + T: أدخل كتلة أعلاه
• Ctrl + Alt + Y: أدخل كتلة أدناه
• Shift + Alt + Z: قم بإزالة كتلة
• / (مائل للأمام): افتح كتلة إدراج على الفور

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

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

08. استخدم أنماط للتخطيطات الجاهزة

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

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

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

يمكنك تحرير النص واستبدال الصور والتعديل. لكن الهيكل موجود بالفعل.

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

09. نسخ ولصق كتل بين الصفحات

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

إنه أسهل مما تعتقد.

انقر على الكتلة (أو مجموعة الكتل) ، ثم اضغط على Ctrl + C (أو CMD + C على MAC). انتقل إلى صفحتك الأخرى أو النشر. انقر فوق المكان الذي تريد أن يذهب إليه ، واضغط على Ctrl + V. BOOM - كل شيء يظهر ، مثل هذا.

جميع التنسيقات والأنماط والأزرار والصور - كل شيء يأتي.

ونعم ، حتى أنه يعمل عبر علامات تبويب المتصفح. حتى تتمكن من فتح وظيفتين جنبًا إلى جنب ونقل المحتوى بينهما في ثوانٍ.

10. أضف CSS مخصص إلى كتل محددة

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

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

إليك كيفية القيام بذلك:

• حدد الكتلة التي تريد تخصيصها.
• في إعدادات الكتلة على اليمين ، ابحث عن القسم المتقدم .
• ضمن فئة CSS إضافية (ES) ، أضف اسم فئة مخصصة (على سبيل المثال ، my-custom-style ).
• ثم ، انتقل إلى WordPress Customizer أو قسم CSS مخصص في السمة الخاصة بك وأضف أنماطًا باستخدام تلك الفئة (على سبيل المثال .my-custom-style { color: red; } .

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

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

خاتمة

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

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

إذا كنت ترغب في مقارنة Gutenberg مع Elementor ، فيمكنك التحقق من منشور مدونتنا على Elementor vs Gutenberg لمعرفة من يقود الطريق.

هل تريد مشاركة ملاحظاتك المتعلقة بنشر المدونة هذا؟ يرجى القيام بذلك باستخدام مربع التعليق أدناه. نود أن نعرف ملاحظاتك. يعتني!