• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

سعيد البقالي

مطوّر ووردبريس

  • الرئيسية
  • المدونة
  • الأرشيف
  • راسلني
أنت في:الرئيسية / إضافات ووردبريس / كيف أستفيد بشكل كامل من محرر ووردبريس؟

كيف أستفيد بشكل كامل من محرر ووردبريس؟

أخر تحديث في 6 مايو، 2021 بواسطة سعيد البقالي 3 من التعليقات

محتوى المقالة إخفاء
  1. 1 ما هو المحرر المرئي Visual Editor على ووردبريس؟
  2. 2 إمكانيات المحرر المرئي على ووردبريس
  3. 3 تنظيم مكونات صفحة المحرر على ووردبريس
  4. 4 استخدم اختصارات لوحة المفاتيح على المحرر المرئي
  5. 5 استعمل وضع الشاشة الكاملة (Distraction free)
  6. 6 إضافات لتطوير وظائف ومكونات المحرر
    1. 6.1 إضافة TinyMCE Advanced
    2. 6.2 إضافة WP Edit
    3. 6.3 إضافة WP Super Edit
    4. 6.4 إضافة CKEditor
    5. 6.5 إضافة HTML Editor Syntax Highlighter
    6. 6.6 إضافة Visual Editor Custom Buttons
    7. 6.7 إضافة Client-proof Visual Editor
  7. 7 استخدام المحرر المرئي على ودجات (Widgets)
    1. 7.1 إضافة Black Studio TinyMCE Widget
  8. 8 خلاصة عامة

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

ما هو المحرر المرئي Visual Editor على ووردبريس؟

محرر النصوص في ووردبريس

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

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

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

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

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

إمكانيات المحرر المرئي على ووردبريس

محرر ووردبريس

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

محرر النصوص في ووردبريس

تنظيم مكونات صفحة المحرر على ووردبريس

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

السحب و الإفلات في ووردبريس

استخدم اختصارات لوحة المفاتيح على المحرر المرئي

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

لوحة مفاتيح محرر ووردبريس

استعمل وضع الشاشة الكاملة (Distraction free)

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

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

distraction free wordpress

إضافات لتطوير وظائف ومكونات المحرر

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

إضافة TinyMCE Advanced

إستخدام إضافة TinyMCE على ووردبريس

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

تحميل إضافة  TinyMCE Advanced

إضافة WP Edit

استخدام إضافة محرر ووردبريس WPEdit

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

تحميل إضافة WP Edit

إضافة WP Super Edit

إضافة المحرر المرئي WP Super Edit على ووردبريس

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

تحميل إضافة WP Super Edit

إضافة CKEditor

استخدام إضافة WPEditor على ووردبريس


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

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

تحميل إضافة CKEditor

إضافة HTML Editor Syntax Highlighter

استخدام إضافة HTML Editor Syntax Highlighter


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

تحميل إضافة HTML Editor Syntax Highlighter

إضافة Visual Editor Custom Buttons

إضافة Visual Editor Custom Buttons


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

تحميل إضافة Visual Editor Custom Buttons

إضافة Client-proof Visual Editor

تفاصيل إضافة Client-proof Visual Editor


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

تحميل إضافة Client-proof Visual Editor

استخدام المحرر المرئي على ودجات (Widgets)

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

إضافة Black Studio TinyMCE Widget

خصائص إضافة Black Studio TinyMCE Widget

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

تحميل إضافة Black Studio TinyMCE Widget

خلاصة عامة

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

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

قم بالتسجيل على قائمتي البريدية لكي تكون من الأوائل في الحصول على تدوينات وشروحات حصرية

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

تحت تصنيف:إضافات ووردبريس

Avatar of سعيد البقالي

عن سعيد البقالي

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

قم بالتسجيل على قائمتي البريدية لكي تكون من الأوائل في الحصول على تدوينات وشروحات حصرية

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

القائمة الجانبية الرئيسية

البحث

  • حسابي على تويتر
  • رابط صفختي على انستغرام
  • رابط قناتي على اليوتوب
  • صفحتي على فايسبوك
  • ربط حسابي على جيت هاب
  • رابط حسابي على تلغرام
  • ربط حسابي على الموقع الرسمي لووردبريس
  • CodePen

قم بالتسجيل على قائمتي البريدية لكي تكون من الأوائل في الحصول على تدوينات وشروحات حصرية

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

المواضيع الأكثر شعبية

أفضل إضافات ووردبريس المجانية حسب تجربتي الخاصة

دروس ووردبريس من الصفر للمبتدئين بالفيديو

10 من أفضل قوالب ووردبريس المجانية

شرح إضافة Yoast SEO بالفيديو

طريقة إضافة نجوم تقييم المقالات في ووردبريس

نقل ووردبريس من استضافة إلى أخرى وتغيير النطاق

شارة شركة ديجيتال أوشن
يوليو 2025
نثأربخجسد
 123456
78910111213
14151617181920
21222324252627
28293031 
« مارس    

جميع الحقوق محفوظة © 2025

  • سياسة الخصوصية
  • شروط الاستخدام