WordPress Theme Editor دليل المبتدئين + 5 إضافات مجانية لمحرر الكود

نشرت: 2016-11-05

WordPress Theme Editor هو محرر نصوص بسيط يقع في لوحة معلومات WordPress ضمن المظهر »المحرر.

يتيح لك محرر سمة WordPress تعديل ملفات سمة WordPress من لوحة معلومات WordPress (منطقة المسؤول).

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

يمكنك مشاهدة معاينة محرر السمات في لقطة الشاشة أدناه.

محرر موضوع وورد
محرر موضوع وورد

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

على سبيل المثال ، إذا قمت بتعديل ملف styles.php مباشرةً ، فستعمل تخصيصاتك بشكل جيد في البداية.

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

كيفية تخصيص سمات WordPress؟

إذا كنت ترغب في إضافة بعض CSS أو Javascript المخصص إلى السمات الخاصة بك ، فيمكنك تثبيت Custom CSS / JavaScript Plugins.

يمكنك قراءة هذه المقالة لمعرفة المزيد حول مكونات CSS الإضافية المخصصة. في هذه المقالة ، قمت بإدراج 10 مكونات إضافية مجانية لإضافة Custom CSS و JavaScript إلى موقع WordPress الخاص بك.

تعد ملحقات CSS المخصصة ومكونات جافا سكريبت المخصصة سهلة الاستخدام ولن تفقد تغييراتك عندما تقوم بتحديث السمات الخاصة بك.

يمكنك أيضًا استخدام Chrome Developer Tools لتحرير مظاهرك. اقرأ كيفية تحرير سمات WordPress باستخدام أدوات تطوير Chrome.

كيفية إضافة السهم إلى قائمتك دون استخدام JavaScript أو JQuery. هذا برنامج تعليمي خطوة بخطوة للمبتدئين لمعرفة كيفية عمل سمة WordPress.

التعليقات جزء مهم جدًا من مدونات WordPress. يمكنك قراءة هذه المقالة لمعرفة كيفية تمييز تعليق المؤلف في قوالب WordPress.

تخصيص سمات WordPress مع سمات الأطفال

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

على سبيل المثال ، نحن نستخدم سمة فرعية مخصصة بشكل كبير في JustLearnWP. موضوع الوالدين هو TwentySixteen ، لكن المظهر الخاص بنا يبدو مختلفًا تمامًا.

باستخدام النسق الفرعي ، يمكنك تعديل أي ملف به نُسق فرعية ، ويمكنك إضافة ميزات أو إزالتها من النسق الأصل.

اقرأ هذه المقالة لمعرفة سبب أهمية الموضوعات الفرعية.

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

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

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

يجعل موقع WordPress المحلي عملية التطوير أسرع وبسيطة. اقرأ هذه الدروس لمعرفة كيفية تثبيت WordPress محليًا باستخدام WAMP Server و Bitnami.

WordPress Theme Editor الإضافات

هناك العديد من ملحقات WordPress Theme Editor المجانية المتاحة. تقدم هذه المكونات الإضافية ميزات مختلفة أكثر تقدمًا.

فيما يلي بعض الإضافات الشائعة لمحرر القوالب لـ WordPress.

1. محرر WP

مع أكثر من 100000 تثبيت نشط ، يعد هذا أحد أكثر مكونات التحرير شيوعًا في WordPress. يتطلب ووردبريس 3.0 أو أعلى.

WP-Editor WordPress Theme Editor البرنامج المساعد
WP-Editor WordPress Theme Editor البرنامج المساعد

سيحل محرر WP محل البرنامج المساعد الافتراضي ومحرري السمات بالإضافة إلى محرر الصفحة / المنشور في لوحة معلومات WordPress.

يستخدم WP Editor تكامل CodeMirror و FancyBox لإنشاء بيئة غنية بالميزات ، ويعيد WP Editor صياغة إمكانات تحرير ملف WordPress الافتراضية بالكامل.

ميزات محرر WP:

  • CodeMirror
  • تمييز الخط النشط
  • أرقام الأسطر
  • التفاف الخط
  • ثمانية مواضيع محرر مع إبراز بناء الجملة
  • التحرير بملء الشاشة (ESC ، F11)
  • البحث عن نص (CMD + F، CTRL + F)
  • الإعدادات الفردية لكل محرر
  • FancyBox لمشاهدة الصور
  • متصفح ملفات أجاكس
  • قائمة الملحقات المسموح بها
  • سهولة استخدام قسم الإعدادات

قم بتنزيل WP-Editor

2. محرر التعليمات البرمجية المتقدم

هذا مكون إضافي شائع جدًا يحتوي على أكثر من 100000 تثبيت نشط.

محرر الكود المتقدم - البرنامج المساعد محرر سمة WordPress
محرر الكود المتقدم - البرنامج المساعد محرر سمة WordPress

البرنامج المساعد Advanced Code Editor ، يُمكِّن من إبراز بناء الجملة في السمات المدمجة ومحررات الكود المصدري للمكونات الإضافية ويدعم PHP و HTML و CSS و JavaScript.

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

ميزات محرر التعليمات البرمجية المتقدمة

  • البحث الذكي (سلسلة أو regex) والبحث والاستبدال.
  • محرر ملء الشاشة يتضمن 11 موضوعًا للمحرر.
  • التراجع والإعادة المتعددة (يتذكر المحرر جميع التعديلات) والإكمال التلقائي مع أكثر من 3500 وظيفة من وظائف WordPress.
  • تم اختباره ويعمل مع IE8،9،10 FF3.6 وما فوق ، الكروم 8 وما فوق.
  • Ajax يقوم بإنشاء وحذف وحفظ الملفات والمجلدات.
  • تنزيل ملف أو سمة أو زر البرنامج المساعد.
  • كود التعليق خارج / في ونظام التحكم في الإصدار المدمج.

قم بتنزيل محرر التعليمات البرمجية المتقدم

3. WPide

هذا مكون إضافي مجاني آخر به العديد من الميزات المتقدمة. يتطلب WPide ووردبريس 3.0 أو أعلى.

WPide-WordPress Theme Code Editor البرنامج المساعد
WPide-WordPress Theme Code Editor البرنامج المساعد

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

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

تساعدك ميزة إكمال التعليمات البرمجية على تذكر أوامر WordPress / PHP التي توفر مرجعًا للوظيفة على طول الطريق.

يمكنك أيضًا تحرير عدة ملفات متزامنة باستخدام المحرر المبوب.

الميزات الحالية:

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

تنزيل WPide

4. ميكروثيمر لايت

هل تريد تخصيصها ولكن لا تعرف أي شيء عن HTML أو CSS أو PHP. يمكنك استخدام Microthemer Lite وهو مكون إضافي مجاني لتخصيص السمات الخاصة بك.

Microthemer Lite WordPress Theme Editor البرنامج المساعد
Microthemer Lite WordPress Theme Editor البرنامج المساعد

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

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

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

يحدك الإصدار المجاني من تحرير / إنشاء 9 "محددات" على سبيل المثال

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

أو أي 9 عناصر أخرى تختارها ، هذه مجرد أمثلة.

تنزيل Microthemer Lite

5. Solid Code Theme Editor

سيضيف هذا البرنامج المساعد المجاني محرر سمة محسّنًا مع عرض شجرة أفضل لملفات ومجلدات السمات وبعض الوظائف الإضافية.

الميزات والميزات:

عرض أي ملفات نسق في هيكل عرض الشجرة (بما في ذلك الدلائل الفرعية)
عرض كل الملفات (ليس فقط PHP و CSS)
قم بتحرير امتدادات الملفات التالية: LESS و PHP و CSS و JS و XML و HTML و HTM و TXT و SQL
قلم تمييز بناء الجملة وأرقام الأسطر
قم بتنزيل نسخة احتياطية بتنسيق ZIP للموضوع بالكامل
تنزيل ملفات فردية
إنشاء وحذف الملفات

هذا كل شئ

أتمنى الآن أن تعرف كيفية استخدام محرر سمات WordPress بشكل صحيح. يمكنك أيضًا استخدام المكونات الإضافية لتحسين وظائف محرر سمات WordPress.

هل تستخدم البرنامج المساعد WordPress Code Editor ، شاركنا المكون الإضافي المفضل لديك. أضف تعليقاتك أدناه.