كيفية استخدام محرر WordPress

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

اشترك في قناتنا على اليوتيوب

ما هو محرر WordPress؟

من الناحية الفنية ، هناك ثلاثة برامج تحرير WordPress يمكنك الاختيار من بينها. مع إصدار WordPress 5.0 ، تغير المحرر من TinyMCE الافتراضي آنذاك إلى محرر الكتلة الذي لدينا اليوم. وسط هذا التغيير ، تم إصدار المكون الإضافي لمحرر Gutenberg كجسر لاختبار تجريبي لميزات جديدة لـ Block Editor قبل تحويله إلى WordPress Core.

بينما يكون Block Editor افتراضيًا في WP اعتبارًا من 5.0 ، يمكنك اختيار استخدام أي من الثلاثة التي تريدها. يمكنك تثبيت المكون الإضافي Classic Editor للاحتفاظ بـ TinyMCE القديم ، وهو مكون Gutenberg الإضافي للاحتفاظ بأحدث الميزات (على الرغم من احتمال عدم ثباتها) في المحرر الخاص بك ، أو يمكنك الاحتفاظ بـ Block Editor الافتراضي.

نظرًا للخطوات الإضافية المتضمنة في استخدام أي شيء ما عدا المحرر الافتراضي (وعدم الاستقرار المتأصل وتغيير طبيعة مكون Gutenberg الإضافي) ، سنركز فقط على محرر Block الافتراضي في هذا المنشور. ومع ذلك ، يجب أن تلاحظ أن الأساسيات هي نفسها مع Gutenberg ، وأن TinyMCE الموجود في المكون الإضافي Classic Editor له ميزة أساسية مع أي محرر نص منسق أو برنامج معالجة نصوص معين - ناهيك عن أي وظيفة خاصة بـ WP نناقشها. أكثر ، بشكل عام تختلف فقط في الجماليات ، وليس الوظيفة.

مع كل ما قيل ، دعنا نتعلم كيفية استخدام محرر WordPress.

أساسيات محرر WordPress

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

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

1. كتلة العنوان - كل ما تدخله هنا سيتم عرضه على أنه علامة H1 الأساسية للمنشور / الصفحة.
2. Block / Content Area - هذه هي المنطقة التي ستضيف فيها الكتل المختلفة التي تشكل محتوى منشورك أو صفحتك.
3. إضافة زر حظر - في أي وقت ترى علامة + في دائرة ، يمكنك النقر فوقه لإضافة كتلة جديدة. ستظهر قائمة منسدلة تختار منها النوع الذي تريد الإدراج. تعمل جميعها بالطريقة نفسها تمامًا ، لذا سواء نقرت على واحد على يمين كتلة ، أو أسفل كتلة ، أو في زاوية الشاشة ، ستحصل على نفس الخيارات.
4. علامة تبويب خيارات المستند - ضمن علامة التبويب هذه ، ستجد كل شيء بدءًا من الفئات والعلامات والرابط الثابت والتعليقات على / إيقاف التبديل والمزيد. قد تضيف المكونات الإضافية خيارات هنا ، لكنها تنطبق دائمًا على الصفحة الإجمالية أو النشر نفسه.
5. علامة تبويب خيارات الحظر - تتعامل علامة التبويب هذه مع الخيارات الخاصة بأي كتلة تحددها. إذا قمت بالنقر فوق كتلة فقرة ، فإنك تقوم بتحرير الخيارات لتلك الكتلة بمفردها . لا كتل أخرى ، ولا تتغير الوثيقة نفسها.

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

ما هي الكتل؟

لقد رأينا نذكر الكتل في هذا المنشور بالفعل ، ولكن ما هي فقط؟ الكتلة هي عنصر واحد قابل للتخصيص في صفحة أو منشور. يمكن أن تكون فقرة واحدة أو قائمة أو صورة أو معرض. يمكن نقل هذه الكتل وتعديلها كما تريد ، وتخصيصها بشكل فردي ، وتمنحك تحكمًا دقيقًا في المحتوى الخاص بك بطريقة لا يستطيع محرر WYSIWYG القيام بها. (إذا كنت من مستخدمي Divi ، فأنت بالفعل على دراية بالمفهوم لأن وحداتنا تعمل بنفس الطريقة.)

كما ترى أعلاه ، يتم تضمين كل عنصر في الصفحة في الكتلة الخاصة به. يمكنك رؤية قائمة كاملة بمجموعات WordPress في وثائق دعم WordPress.

كيفية إنشاء مجموعة الكتل

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

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

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

ستعمل الكتل الآن كأفراد مرة أخرى.

ما هي الكتل القابلة لإعادة الاستخدام؟

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

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

كتلة العنوان

كتلة العنوان كما هو موضح أعلاه هي منشورك أو علامة H1 الأساسية لصفحتك. سيؤدي أيضًا إلى إنشاء الرابط الثابت للمنشور ، ولكن يمكن تعديل ذلك بمجرد حفظ المنشور مرة واحدة على الأقل. وسيكون هذا أيضا ما محددات CSS مثل .post بالملكية وسحب .entry-العنوان من. (تسمح لك إضافات تحسين محركات البحث (SEO) الخاصة بك بتعيين ما يتم عرضه في محركات البحث).

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

كتلة / محتوى

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

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

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

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

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

مخطط المستند التفصيلي ، وعدد الكلمات ، ومعلومات أخرى

في شريط الأدوات العلوي بالصفحة ، لديك حرف i في دائرة. انقر فوقه ، وستظهر لك قائمة كاملة بما يتكون وثيقتك.

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

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

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

علامة التبويب "خيارات الحظر"

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

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

سيؤدي تحديد كتلة الصورة إلى تغيير علامة التبويب "الحظر" إلى هذا.

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

علامة التبويب "خيارات المستند"

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

كل قسم من هذه الأقسام متطابق إلى حد كبير مع مكان وجوده في محرر TinyMCE WYSIWYG. تنطبق على المنشور أو الصفحة بأكملها وليس على مجموعة واحدة أو الموقع بأكمله. بالإضافة إلى ذلك ، كما ترى في الصورة أعلاه ، يوجد مربع WP Rocket Options. ستطبق بعض المكونات الإضافية المربعات على هذه المنطقة ، لكنها ستكون مرتبطة دائمًا مباشرة بالمستند نفسه ، وليس المحتوى أو الكتل.

Metaboxes إضافية

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

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

قائمة خيارات محرر WordPress المنسدلة

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

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

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

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

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

وتعمل مفاتيح التبديل Visual / Code Editor تمامًا كما في محرر TinyMCE. كانت الأمثلة في هذا المنشور حتى الآن مع المحرر المرئي. أي أنك ترى تمثيلًا مرئيًا للمنشور أثناء كتابته. يمكنك الحصول على أزرار للضغط عليها ، وقوائم السياق ، وعرض الإعدادات في الوقت الفعلي أثناء تغييرها. ومع ذلك ، فإن محرر الكود هو مجرد رمز. سيكون لديك مربع نص بسيط تكتب فيه بنص عادي و HTML.

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

يستخدم محرر الكتل علامات HTML محددة لإخبار WordPress بنوع الكتل التي سيتم عرضها ، لذا تأكد من الاحتفاظ بأي كود يبدو مثل <! - wp: paragraph -> سليمًا. خلاف ذلك ، يمكن أن تصبح الأمور فوضوية للغاية.

اختصارات محرر بلوك ووردبريس العالمية

يأتي Block Editor أيضًا بمجموعته الخاصة من الاختصارات الأنيقة أيضًا. ليست جميعها متشابهة كما كانت TinyMCE ، لكنها مفيدة بنفس القدر ولا تقل أهمية عن التعلم. سيوفر لك تخصيص أكثر الأشياء فائدة للذاكرة الكثير من الوقت والمتاعب ، عند التحدث من خلال التجربة. يمكنك الضغط على Shift + Alt + H لعرض قائمة الاختصارات التالية في محرر WordPress نفسه.

اختصارات المستندات

• التبديل بين المحرر المرئي ومحرر الكود - Ctrl + Shift + Alt + M.
• افتح قائمة التنقل بين المجموعات - Shift + Alt + O.
• إظهار أو إخفاء الشريط الجانبي للإعدادات - Ctrl + Shift + ،
• انتقل إلى الجزء التالي من المحرر - Ctrl + ` أو Shift + Alt + N
• انتقل إلى الجزء السابق من المحرر - Ctrl + Shift + ` أو Shift + Alt + P.
• انتقل إلى أقرب شريط أدوات - Alt + F10
• احفظ التغييرات - Ctrl + S
• التراجع عن آخر تغييراتك - Ctrl + Z
• أعد التراجع الأخير - Ctrl + Shift + Z

اختصارات التحديد

• حدد كل النص عند الكتابة. اضغط مرة أخرى لتحديد كل الكتل - Ctrl + A
• التحديد الواضح - ESC

حظر الاختصارات

• قم بتكرار الكتلة (الكتل) المحددة - Ctrl + Shift + D
• قم بإزالة الكتلة (الكتل) المحددة - Shift + Alt + Z
• أدخل كتلة جديدة قبل الكتلة (الكتل) المحددة - Ctrl + Alt + T.
• أدخل كتلة جديدة بعد الكتلة (الكتل) المحددة - Ctrl + Alt + Y
• قم بإزالة الكتل المتعددة المحددة - del أو backspace
• تغيير نوع الكتلة بعد إضافة فقرة جديدة - /

اختصارات النص

• اجعل النص المحدد غامقًا - Ctrl + B
• اجعل النص المحدد مائلاً - Ctrl + I
• قم بتحويل النص المحدد إلى ارتباط - Ctrl + K.
• إزالة ارتباط - Ctrl + Shift + K.
• تسطير النص المحدد - Ctrl + U

تغليف

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

هل حصلت على أي نصائح وحيل تود مشاركتها حول محرر WordPress؟ اسمحوا لنا أن نعرف في التعليقات!