9 إضافات وطرق لتسهيل التعامل مع الأكواد في مدونات الووردبريس

Crayon-Syntax-Highlighter

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

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::8

إضافة WP-Syntax :

WP-Syntax

وتعمل إضافة WP-Syntax على تسهيل عملية كتابة وتنسيق وتحديد أكواد عدة لغات وليست لغة HTML فقط داخل المحرر النصي. كما يقوم بترقيم للأسطر ليسهل عليك الإنتقال بين الأكواد وإمكانية نسخ الأكواد من داخل المحرر سواء بالأرقام أو بدونها. كما يقوم بالإحتفاظ بتنسيقات الأكواد التي يتم نسخها من المتصفح أو من أي ملف آخر ولصقها بداخله. كما تتميز إضافة WP-Syntax بعدم تعارضها مع أي إضافات الأخرى.

المميزات :

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

العيوب :

  • التحديث يتم على فترات متباعدة.
  • عدم إمكانية إضافة أكواد CSS داخل المحرر النصي مع المحتوى الأساسي في الواجهة الرسومية inline style.

إضافة Code Prettify :

Code-Prettify

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

إضافة Crayon Syntax Highlighter :

Crayon-Syntax-Highlighter

وتعتمد إضافة Crayon Syntax Highlighter في إنشائها على لغة PHP و jQuery التي تدعم كتابة وتنسيق العديد من اللغات والتنسيقات. يمكن استخدام الإضافة للتعامل مع أكواد الصفحات والتدوينات وملفات الموقع مثل تعديل محتوى صفحة من صفحات القالب المستخدم ويدعم العديد من الخصائص مثل :

  • سهولة تعديل أكواد القالب المستخدم.
  • إمكانية عرض الكود بدون تنسيقات.
  • عرض وإخفاء أرقام الأسطر.
  • سهولة نسخ ولصق الأكواد.
  • عرض الكود في نافذة منبثقة.
  • خاصية التفاف النص للأسطر الطويلة.
  • طي مجموعة أسطر من الكود لإخفائها أو عرضها بالكامل.
  • تصغير حجم الأكواد بإزالة الأسطر الخالية والتعليقات.
  • دعم bbPress2.
  • تحديد أنواع الأكواد المختلفة بألوان مختلفة لسهولة تنسيقها وتعديلها.
  • استخدام الأكواد المختصرة مثل [ php ].
  • دعم وسم < pre > لتسهيل تنسيق الأكواد.
  • دعم HTML5.
  • تنسيق المحتوى من خلال الكود أو الواجهة الرسومية مثل المحرر الافتراضي.
  • التعرف على الجهاز المستخدم لفتح الموقع سواء كمبيوتر او هاتف ذكي.
  • عرض وإخفاء شريط الأدوات.
  • أزرار Retina.
  • واجهة سهلة الاستخدام.
  • تحديد أسطر معينة لسهولة الرجوع إليها في وقت آخر.
  • البحث عن الملفات داخل الموقع.
  • اكتشاف ومعرفة امتدادات الملفات على الموقع.
  • إمكانية عرض معاينة للملفات.

والعديد من المميزات الأخرى التي تتميز بها إضافة Crayon Syntax Highlighter.

إضافة Advanced Code Editor :

Advanced-Code-Editor

وتدعم أكواد PHP و HTML و CSS و JS. وتساعد على تعديل ملفات قالب المدونة وأكواد الإضافات الأخرى.

الخصائص :

  • تنسيق كل لغة بلون مختلف.
  • البحث والاستبدال.
  • إمكانية عرض المحرر بكامل حجم الشاشة.
  • يوجد 11 تصميم للإضافة.
  • إمكانية تنفيذ أوامر التراجع Undo وإعادة التنفيذ Redo.
  • الإكمال التلقائي لدوال WordPress دون الحاجة لكتابتها كاملة في كل مرة.
  • تعمل بشكل جيد على متصفحات IE8,9,10 وفايرفوكس 3.6 وما بعده ومتصفح كروم 8 وما بعده.
  • حفظ الملف بتقنية AJAX.
  • إنشاء ملف جديد بتقنية AJAX.
  • حذف الملفات بتقنية AJAX.
  • إنشاء مجلد جديد بتقنية AJAX.
  • سهولة الإنتقال بين الأسطر بكتابة رقم السطر المراد الإنتقال إليه.
  • زر تحميل قالب.
  • زر تحميل إضافة.
  • زر تحميل ملف.
  • طي مجموعة من الأكواد لإخفائها بشكل مؤقت.
  • سهولة تحويل أي كود إلى تعليق وإلغاء التعليق.
  • التنسيق التلقائي للأكواد.

إضافة SyntaxHighlighter Evolved :

SyntaxHighlighter-Evolved

وتتيح لك إضافة SyntaxHighlighter الكود داخل التدوينة بكل سهولة دون فقدان تصميمه وتنسيقه.

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

موقع GitHub Gist :

ويعتبر موقع Gist من أسهل الطرق لمشاركة الأكواد بين المستخدمين.

Gist-Github

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

موقع Snipplr :

بدأ موقع Snipplr في العمل شهر يونيو عام 2006 ومازال مستمراً حتى الآن ويضم ما يقرب من 99672 عضو فعال وما يقرب من 78037 ملف. ويتيح لك إنشاء أي عدد من الملفات وتخزين الأكواد ومشاركتها أو تحميلها بنفسك من أي مكان وتضمينها داخل مدونتك بكل سهولة.

موقع PasteBin :

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

موقع CodePen :

ويعتبر موقع CodePen من أفضل مواقع تحرير أكواد HTML و CSS و JS مع عرض معاينة مباشرة لنتيجة تنفيذ تلك الأكواد حتى قبل تنفيذها.

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

الحل الأفضل لمواقع WordPress :

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

المصدر مدونة

الكاتب geek4arab

geek4arab

مواضيع متعلقة

التعليقات مغلقة