كيفية إضافة تمييز بناء الجملة بسهولة في تعليقات ووردبريس 2021
|

كيفية إضافة تمييز بناء الجملة بسهولة في تعليقات ووردبريس 2021

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

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

لماذا ومتى تحتاج إلى إبراز بناء الجملة في تعليقات ووردبريس

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

Capture 137

بعد ذلك ، يمكنك إضافة مقتطف الشفرة داخل منطقة النص في كتلة التعليمات البرمجية.
Capture 138

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

هذا لا يبدو جيدًا ، كما أنه ليس مفيدًا جدًا للمستخدمين.

تمييز بناء الجملة هو تنسيق نمط شائع الاستخدام لعرض الكود. يضيف أرقام الأسطر والألوان لتسليط الضوء على أنماط التعليمات البرمجية مما يجعل من السهل فهمها.

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

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

دعنا نلقي نظرة على كيفية إضافة تمييز بناء الجملة في تعليقات ووردبريس والمشاركات والصفحات.

إضافة Syntax Highlighter في ووردبريس :

أسهل طريقة لإضافة تمييز بناء الجملة في ووردبريس هي باستخدام Syntax Highlighter Evolved. إنه سهل الاستخدام للغاية ويسمح لك بتمكين تمييز بناء الجملة في مقالات ووردبريس والصفحات والتعليقات.

أولاً ، تحتاج إلى تثبيت وتفعيل إضافة Syntax Highlighter Evolved.

عند التنشيط ، تحتاج إلى تعديل المقال أو الصفحة التي تريد إضافة رمز إليها. في شاشة تعديل النشر ، انقر على أيقونة (+) لإضافة كتلة جديدة ثم أدخل كتلة “SyntaxHighlighter Code” في منطقة المحتوى الخاصة بك.
Capture 139

سترى الآن كتلة رمز جديدة في محرر النشر حيث يمكنك إدخال الرمز الخاص بك. بعد إضافة الرمز ، تحتاج إلى تحديد إعدادات الكتلة من العمود الايسر.

Capture 140من هنا ، يمكنك تحديد لغة البرمجة الخاصة بكودك ، وإظهار أو إخفاء أرقام الأسطر ، وجعل الروابط قابلة للنقر ، والمزيد.

بمجرد الانتهاء ، امض قدمًا واحفظ مقالك أو صفحتك. يمكنك الآن زيارة موقع الويب الخاص بك لرؤية التعليمات البرمجية الخاصة بك مع تمييز بناء الجملة.

تمييز بناء الجملة

كان ذلك سهلاً ، أليس كذلك؟

ومع ذلك ، لا تحتوي تعليقات ووردبريس على دعم محرر الحظر. دعنا نرى كيف يمكن للمستخدمين استخدام Syntax Highlighter Evolved مع تعليقاتهم.

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

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

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

 

[php]

[/php]

Similarly, if you wanted to add an HTML code, then you will wrap it around the HTML shortcode like this:

[html]
Demo website

[/html]

إضافة إشعار تمييز بناء الجملة في نموذج التعليق

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

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

function buildwebsiteusingwp_comment_text_before($arg) {

$arg[‘comment_notes_before’] .= “

You can use shortcodes for syntax highlighting when adding code. For example, [php][/php] or [html][/html]

“;

return $arg;

}

add_filter(‘comment_form_defaults’, ‘buildwebsiteusingwp_comment_text_before’);

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

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

Capture 142

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

p.comment-notice {
font-size: 14px;
color: #555;
line-height: 1.5;
}

Similar Posts