أفضل 9 مقتطفات من كود WordPress وإضافات تمييز بناء الجملة 2022 (2022)

يمكنك استخدام الرموز القصيرة للعرض تلقائيًا عند تحرير مدونتك أو رمز موقع الويب الخاص بك باستخدام واجهة سهلة الاستخدام تسمى Enlighter.

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

باختصار ، الرمز المختصر هو رمز خاص بـ WordPress يمكّنك من أداء وظائف محددة داخل المحتوى الخاص بك يدويًا دون الحاجة إلى فهم كود مصدر WordPress.

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

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

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

لضمان دمج كل من المكون الإضافي WordPress Visual Editor بالإضافة إلى دعمه بشكل كامل عبر الواجهة الأمامية وكذلك النهاية الخلفية لموقع WordPress على الويب ، يقدم Enlighter دعمًا لكلا المكونين الإضافيين كجزء من خدمات الدعم الخاصة به.

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

إذا تمت مقارنة المكوِّن الإضافي Enlighter بالمكوِّن الإضافي Code Block لإبراز Syntax ، فقد لا يعمل هذا المكون الإضافي في إعداد ذاكرة التخزين المؤقت. يجب عليك التأكد من استبعاد هذا المكون الإضافي من إعداد ذاكرة التخزين المؤقت.

مع الإصدار المتميز من البرنامج المساعد Enlighter ، ستدفع 19.00 دولارًا ، بينما الإصدار Lite مجاني.

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

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

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

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

بدلاً من تحديد نظام ألوان من محرر قوالب WordPress ، يتم التحكم في Code Block لتمييز بناء الجملة بواسطة أداة تخصيص سمة WordPress.

على هذا النحو ، فإن تمييز بناء الجملة في Code Block متوافق مع جميع اللغات التي يدعمها تمييز php ، مما يجعل من الممكن دعم 185 لغة في المجموع. يمكن أن يكتشف المكون الإضافي تلقائيًا اللغة المضمنة في كتلة التعليمات البرمجية أيضًا.

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

يكلف المكون الإضافي Code Block الذي يميز بناء الجملة $ مجانيًا. انه مجانا!

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

ومن ثم ، فقد قدمنا ​​لك الآن إمكانية الوصول إلى أداة تمييز بناء الجملة الأكثر شيوعًا والأكثر استخدامًا والمتوفرة لـ WordPress ، وهي Crayon Syntax Highlighter.

بمساعدة Cartoon Syntax Highlighter لـ WordPress ، يمكنك إنشاء علامات وتمييز الخطوط والحصول على تعليقات فورية حول المحتوى على موقع WordPress الخاص بك.

نظرًا لأن محرر HTML المدمج مع عنوان URL الخاص بـ WordPress وأداة تمييز النشر يوفران قسمًا يتم فيه تمييز الأقسام الرئيسية للنص هنا ، ستتمكن من تمييز الأقسام الرئيسية للنص في هذا المنشور بسرعة وسهولة.

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

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

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

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

يجب أن نذكر أيضًا أنه تم الإبلاغ عن أن Crayon Syntax Highlighter Plugin يتسبب في تأثير سلبي على قسم التعليقات في موقع الويب الخاص بك مقارنةً بـ Urvanov Syntax Highlighter Plugin.

يشمل سعر المكون الإضافي Crayon Syntax Highlighter 12 شهرًا من الدعم المجاني.

يحتوي Urvanov Syntax Highlighter على كتلة خاصة به مع العديد من الميزات المفيدة إلى جانب دعم المحرر الكلاسيكي لـ WordPress.

يتوفر عدد من الميزات للتأكد من أن Urvanov Syntax Highlighter يلبي احتياجاتك الفردية ، بما في ذلك القدرة على اختيار نظام الألوان ومجموعة الخطوط وحجم الخط وارتفاع الخط.

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

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

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

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

هناك احتمال أن تعتقد أنه لا توجد خيارات نظرًا لأن كتلة Urvanov Syntax Highlighter تظهر على أنها لا شيء على الجانب الأيمن من الشاشة عند إدخالها في منطقة المحتوى الخاصة بك.

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

مكون إضافي مجاني بدون أي إصدار Pro أو Premium.

يأتي WP Githuber MD مع كل من محرر العلامات القوية وأداة تمييز بناء الجملة المفيدة. وهو متوافق مع المنشورات والصفحات وأنواع المنشورات المخصصة ويكتشف محتوى markdown لمنع تحميل البرامج النصية الإضافية.

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

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

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

هناك 11 وحدة نمطية مختلفة يمكن تهيئتها في صفحة إعدادات الوحدات. يتم تقديم مثال لكل وحدة ، ولكن تذكر أن محرر markdown لن يكون قادرًا على استخدام هذه الوحدة إذا لم يتم تمكينها في صفحة إعدادات الوحدات النمطية.

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

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

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

هذه هي خدمة مجانية. لم يتم محاسبتك على ذلك.

أداة تمييز بناء الجملة CodeMirror Blocks سهلة الاستخدام ، ومتكاملة تمامًا مع مكتبة CodeMirror Javascript ، وتدعم أكثر من 100 لغة برمجة.

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

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

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

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

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

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

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

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

يوجد منتدى لدعم البرنامج المساعد المجاني.

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

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

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

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

بالإضافة إلى الكتل المنشورية ، يتم تطبيق مكتبات PrismJS و HighlightJS Javascript تلقائيًا على الكود ؛ لذلك ، يتم تحديث نظام الألوان تلقائيًا بفئات CSS لكل من قسمي Pre و Code.

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

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

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

لا توجد تكلفة لاستخدام هذا البرنامج المساعد. انه مجانا.

يستبدل Syntax Highlighter لـ Theme / Plugin Editor Plugin for WordPress المحرر الافتراضي للقوالب والإضافات بمحرر متميز أكثر سهولة ويوفر عددًا من الفوائد لمن يستخدمه.

إنه مكون إضافي سهل التثبيت وسهل الاستخدام ومصمم بشكل حدسي. يوجد خيار في صفحة الإعدادات الخاصة بالمكوِّن الإضافي يسمح لك بتحديد 36 لونًا مختلفًا بمجرد النقر فوق زر واحد.

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

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

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

يمكنك أيضًا اختبار String locator ، وهو مكون إضافي يبحث عن المستندات والملفات داخل السمات والمكونات الإضافية وجوهر WordPress بالإضافة إلى تمييز بناء الجملة.

من السهل أن توصي Syntax Highlighter لـ Theme / Plugin Editor ، ولكن يجب أن تدرك أنه لا يوصى بالتحرير مباشرة على سمات موقع الويب والمكونات الإضافية. إذا قمت بذلك ، فقد يتعطل موقع الويب الخاص بك وقد يتم اختراق أمنك.

لا يُنصح باستخدام سمة WordPress ومحرري المكونات الإضافية في بيئة حية ، حيث يجب حجزها لأغراض الاختبار.

لا توجد رسوم مرتبطة به. انه مجانا.

تستخدم أداة تمييز بناء جملة JavaScript My Syntax Highlighter مكتبة CodeMirror Javascript لتسليط الضوء على بناء الجملة. يدعم 36 مخططًا لونيًا ويعمل بـ 13 لغة برمجة ، ويعتمد على الرموز القصيرة لعرض مقتطفات التعليمات البرمجية بشكل فعال.

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

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

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

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

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

لا يوجد أي تهمة. إنه مكون إضافي مجاني.