أفضل ملحقات مخصصة لمقتطفات التعليمات البرمجية لـ WordPress 2022
نشرت: 2022-08-23- ما هي المكونات الإضافية لمخصص مقتطفات التعليمات البرمجية حول؟
- لماذا تحتاج إلى قصاصات التعليمات البرمجية؟
- أفضل المكونات الإضافية لقصاصات التعليمات البرمجية
- 1. ACC | كود مخصص متقدم
- 2. مقتطفات الرموز المختصرة
- 3. مخصص بسيط CSS و JS
- 4. مقتطف رمز DM
- 5. WP-Syntax
- ملخص
في مقال اليوم ، سنلقي نظرة على مقتطفات التعليمات البرمجية وتخصيص المكونات الإضافية. سنناقش استخدام الرموز القصيرة على مواقع WordPress ولماذا قد تحتاج إلى مكون إضافي لتخصيص مقتطفات التعليمات البرمجية. هل انت متحمس بعد؟ حسنًا ، دعنا ندخله! يتم تقديم أفضل الإضافات المخصصة لمقتطفات التعليمات البرمجية في مقالة اليوم.
ما هي المكونات الإضافية لمخصص مقتطفات التعليمات البرمجية حول؟
أولاً ، دعنا نفرز الأساسيات. قد نضطر إلى توضيح ذلك إذا لم تضطر إلى استخدام الرموز القصيرة أو المقتطفات في رحلة البرمجة الخاصة بك. لذلك ، يعد الرمز القصير جزءًا صغيرًا من شفرة المصدر (يجب أن يكون قابلاً لإعادة الاستخدام) أو نصًا. عادةً ما تستخدم رمزًا قصيرًا لإضافته إلى وحدات البرمجة الأكبر.
بالنسبة لموقع WordPress الخاص بك ، كل شيء متشابه. تريد تغيير جزء معين من موقع الويب الخاص بك ، على سبيل المثال ، نوع الخط أو شيء من هذا القبيل ، لكن سمة WordPress الخاصة بك لا تدعم هذا الخط.
لا تريد تغيير السمة لأنها مثالية في العديد من الجوانب. لتغيير الخط ، يمكنك القيام بذلك عن طريق إضافة مقتطف أو رمز قصير إلى التعليمات البرمجية المصدر.
لكن هنا مشكلة أخرى: قد تنجح في الوقت الحالي ، لكن ماذا عن المستقبل؟ على سبيل المثال ، يمكن تحديث نسقك ، أو يمكنك تغيير سمة الموقع بعد كل شيء. المقتطف المضاف قد لا يعمل. وإذا أضفت واحدًا فقط ، فيمكنك الرجوع وإصلاحه. لكن لنكن واقعيين. ربما سيتعين عليك إضافة عشرات المقتطفات إلى شفرة المصدر الخاصة بك في مرحلة ما.
لماذا تحتاج إلى قصاصات التعليمات البرمجية؟
يعد تغيير رمز مصدر مكون إضافي أو سمة على موقعك أمرًا محفوفًا بالمخاطر في المستقبل. لكن لحسن الحظ ، هناك طرق أكثر أمانًا لتخصيص موقع الويب الخاص بك عن طريق إضافة مقتطفات لا تتضمن مخاطر حدوث عطل. هذه هي المكونات الإضافية لمخصص الرمز القصير. يجب أن يوفر لك البرنامج المساعد الجيد من هذا النوع ما يلي:
- يجب أن يدعم مجموعة متنوعة من لغات البرمجة.
- يجب أن يتكامل مع محرر WordPress الخاص بك.
- يجب أن يوفر لك أيضًا طرقًا لإضافة الرموز القصيرة بطريقة تعمل في المستقبل ، حتى إذا قمت بتغيير السمة أو تم تحديث السمة.
أفضل المكونات الإضافية لقصاصات التعليمات البرمجية
لإنقاذك من العمل الشاق المتمثل في الاضطرار إلى البحث في مئات المكونات الإضافية على WordPress ، وجدنا أفضل 5 ملحقات مخصصة لمقتطفات التعليمات البرمجية. لنلقي نظرة:
1. ACC | كود مخصص متقدم
ACC | يعد Advanced Custom Code على WordPress مكونًا إضافيًا سيساعدك على إضافة رمز مخصص إلى موقع WordPress الخاص بك. اعتمادًا على الغرض ، قد تحتاج إلى إضافة كود HTML أو CSS أو JavaScript أو PHP ، وهذا ممكن تمامًا مع ACC. يوفر لك هذا المكون الإضافي أعلاه الكثير من عمليات دمج الجهات الخارجية وهو متوافق مع معظم كتل تحرير WordPress.
الخصائص الرئيسية
إذن ، السمات الرئيسية هي:
- طُرق. توفر لك التعليمات البرمجية المخصصة المتقدمة أقوى الأدوات لتشغيل المقتطفات المخصصة.
- تكامل الطرف الثالث. يعمل المكون الإضافي بشكل مثالي مع Upwork و Fiverr ومنصات أخرى مماثلة.
- مكتبة. أضف مكتبات الجهات الخارجية مثل Bootstrap و Slick Slider عبر المكون الإضافي.
- تصميم. بصرف النظر عن كونه واضحًا وبديهيًا ، تم إنشاء تصميم محرر الكود بحيث لا يجهد عينيك ويلهم العمل.
- واجهه المستخدم. الواجهة سهلة الاستخدام مبنية على WordPress UI.
- باني. المكون الإضافي متوافق مع معظم محرري صفحات WordPress ، بما في ذلك Gutenberg و Elementor و WPBakery و BeaverBuilder و SiteOrigin و DiviBuilder و LayersWP و MotoPress و CornerStone و Themify والمزيد.
- موثوق. سيظل الرمز المخصص الذي تضيفه مع هذا المكون الإضافي يعمل حتى إذا قمت بتغيير السمة.
فوائد
- متنوع. يتيح لك المكون الإضافي إضافة أهم أنواع التعليمات البرمجية: HTML و CSS و JavaScript و PHP.
- تكاملي. المكون الإضافي ACC متوافق مع آخر تحديثات WordPress.
- سهل الاستخدام. لم يساعدك التصميم والواجهة في التنقل بسرعة فحسب ، بل أدى العمل أيضًا إلى تجريد كل الأشياء المعقدة مثل استعلامات قاعدة البيانات والتكوين.
2. مقتطفات الرموز المختصرة
دعنا أيضًا نراجع الرموز المختصرة للمقتطف.
الخصائص الرئيسية
إذن ، السمات الرئيسية هي:
- مرة واحدة وإلى الأبد. قم بإنشاء رمز قصير أو اختر واحدًا من الرموز القصيرة المجانية المعدة مسبقًا وأضفه إلى مواقع متعددة.
- تزامن. من خلال تغيير الرمز القصير في مكان واحد ، يمكنك تغييره تلقائيًا في أماكن أخرى.
- المعلمات. باستخدام المعلمات ، يمكنك بسهولة زيادة مقدار وعمق الرموز القصيرة الخاصة بك.
- مساعدي الرمز القصير. يتم تزويدك بقائمة كاملة من الرموز القصيرة المجانية المعدة مسبقًا والتي يمكنك تخصيصها.
نسخة للمحترفين
مع إصدار Pro ، تحصل على رموز قصيرة إضافية مسبقة الصنع من Premium . يمكنك أيضًا إنشاء رمز قصير خاص بك عن طريق تخصيص المعلمات. هذا مفيد بشكل خاص حيث يمكنك أخذ الرموز القصيرة المعدة مسبقًا وتغيير ميزات معينة فيها من خلال المعلمات لتكييفها مع احتياجات موقع الويب الخاص بك.
فوائد
- يسمح لك المكون الإضافي بإضافة مقتطفات إلى مواقع ويب متعددة.
- يغطي الإصدار المجاني جميع الميزات الضرورية ؛ يضيف Premium المزيد من الرموز القصيرة المعدة مسبقًا.
- من السهل جدًا بدء العمل مع المكون الإضافي لأن كل ما عليك فعله هو الانتقال إلى لوحة إدارة WordPress الخاصة بك.
3. مخصص بسيط CSS و JS
Simple Custom CSS و JS by SilkyPress هو مكون إضافي سيساعدك على تخصيص مظهر موقع الويب الخاص بك عن طريق الوصول إلى الشفرة وإضافة مقتطفات CSS و JavaScript. يتيح لك المكون الإضافي القيام بذلك دون الحاجة إلى تغيير ملفات البرنامج المساعد أو السمة.

الخصائص الرئيسية
إذن ، السمات الرئيسية هي:
- محرر. محرر الأكواد لديه تمييز بناء الجملة.
- رموز. يمكنك إضافة العديد من الرموز كما يحلو لك.
- أماكن. أضف الرمز إلى الرأس أو التذييل أو إلى جانب المسؤول أو إلى الواجهة الأمامية.
نسخة للمحترفين
- تحكم في الصفحات التي تريد إضافة البرنامج المساعد إليها
- معاينة التغييرات رمز
- احتفظ بسجل التغييرات لمراجعته وتقييمه لاحقًا
- تقليل حجم شفرات CSS و JavaScript
- كود التصدير والاستيراد
التسعير
يسمح لك الترخيص الشخصي بتطبيق المكون الإضافي على موقع ويب واحد مقابل 48.50 دولارًا. يعمل ترخيص المطور على عشرة مواقع ويب مقابل 68.50 دولارًا ، والوكالة الكبيرة على 50 موقعًا مقابل 148.50 دولارًا. ستوفر عملية الشراء لمرة واحدة وصولاً مدى الحياة إلى الترخيص. يأتي كل ترخيص مع عام واحد من التحديثات والدعم ، ولكن يمكنك تمديده بنسبة 40٪ من سعر ترخيصك الحالي.
فوائد
- حتى إذا قمت بتغيير سمة موقعك ، فسيظل المكون الإضافي يعمل على موقعك.
- يمكنك إضافة مقتطفات مخصصة دون تغيير سمة موقع الويب الخاص بك.
- لن يؤثر المكون الإضافي ولا المقتطفات المضافة حديثًا على سرعة موقع الويب الخاص بك.
4. مقتطف رمز DM
Code Snippet DM by George Cretu هو مكون إضافي مخصص لإضافة مقتطفات التعليمات البرمجية إلى محتوى موقع WordPress الخاص بك. بصرف النظر عن استخدام الرموز القصيرة ، يستخدم Code Snippet DM واجهة غريزية للغاية TinyMCE. سيساعدك المكون الإضافي في عرض الرموز القصيرة الخاصة بك بالطريقة التي تحتاجها نظرًا لأن لديك تحكمًا كاملاً في كيفية ظهور الرموز القصيرة الخاصة بك.
الخصائص الرئيسية
إذن ، السمات الرئيسية هي:
- TinyMCE. هذه الواجهة البديهية هنا لمساعدتك في اختيار ما تريد عرضه: الرمز أو الرمز القصير. كل ما عليك فعله هو النقر فوق الزر الذي يحمل نفس الاسم.
- قائمة. هناك قائمة معدة مسبقًا من مقتطفات التعليمات البرمجية الجاهزة للاستخدام الخاص بك.
- خيارات. بصرف النظر عن القدرة على إضافة الرموز القصيرة باستخدام TinyMCE ، يمكنك إضافتها يدويًا.
فوائد
- يدعم البرنامج المساعد بشكل كامل محرر موقع WordPress الأكثر شيوعًا ، مدونة Gutenberg.
- تتوفر تعليمات فائقة التفصيل حول كيفية إدخال الرموز القصيرة واستخدامها.
- من خلال ترقية المكون الإضافي ، ستستمر الرموز القصيرة التي أضفتها مسبقًا مع المكون الإضافي في العمل
5. WP-Syntax
WP-Syntax هو مكون إضافي بواسطة Steven A. Zahm يستند إلى GeSHi. يوفر لك البرنامج المساعد تمييزًا واضحًا لبناء الجملة ويمكن دعمه من قبل معظم لغات البرمجة الأكثر فائدة وشعبية. سواء كانت سطور التعليمات البرمجية تحتوي على أرقام أم لا ، سيعمل التظليل بشكل مثالي ، حتى إذا قمت بنسخ الرموز القصيرة من المستعرض.
الخصائص الرئيسية
إذن ، السمات الرئيسية هي:
- لغة برمجة. بغض النظر عن اللغة التي تحتاجها ، يمكنك استخدام WP Syntax للتمييز. تتضمن بعض اللغات على سبيل المثال لا الحصر Java و HTML و CSS و PHP و Ruby.
- تسليط الضوء على الخيارات. قم بتمييز سطور الكود سواء كانت تحتوي على أرقام أسطر أم لا.
- يعدل أو يكيف. باستخدام wp-content / plugins / wp-syntax / wp-syntax.css ، يمكنك بسهولة تخصيص التصميم الافتراضي. تحتاج فقط إلى إضافة المقتطف إلى دليل قالب القالب الخاص بك.
فوائد
- لا يتعارض مع المكونات الإضافية لجهات خارجية. WP Syntax يطلق عامل التصفية المسبق والتصفية اللاحقة. هذا يسمح لك بتنسيق وإبراز كود المصدر الخاص بك كما تريد في الأصل.
- يدعم لغات البرمجة الأكثر شيوعًا والمستخدمة ، بما في ذلك PHP و Java و Ruby. HTML و CSS والمزيد.
- التوثيق الشامل للمكوِّن الإضافي والمكوِّن الإضافي GeSHi الذي يعتمد عليه الأول متاح مع الوصول المفتوح.
ملخص
لذلك ، للتلخيص: المقتطفات عبارة عن وحدات مفيدة بشكل لا يصدق من التعليمات البرمجية القابلة لإعادة الاستخدام والتي ستحتاج إلى استخدامها في وقت ما باحتمالية عالية. إضافتها مباشرة إلى شفرة المصدر الخاصة بك قد تكون ضارة في المستقبل ؛ لهذا السبب تحتاج إلى طريقة أكثر أمانًا للقيام بذلك. ستساعدك المكونات الإضافية Code Snippet Customizer على إضافة رموز قصيرة إلى موقع WordPress الخاص بك بسهولة ودون عواقب مستقبلية. نأمل أن تكون هذه المقالة مفيدة لك!