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

وأنت محق في توخي الحذر. حتى الخطأ الصغير في الكود يمكن أن يعطل موقعك بالكامل.

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

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

المشكلة مع مقتطفات الكود المخصصة (وكيفية إصلاحها)

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

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

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

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

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

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

كما يجعل WPCode من السهل إضافة أكواد التتبع لـ جوجل أناليتكس وفيسبوك بيكسل وجوجل أدسنس والمزيد إلى مناطق الهيدر (الرأس) والفوتر (التذييل) الخاصة بموقعك.

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

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

وهذا يلغي الحاجة إلى تثبيت اضافات منفصلة لكل طلب ميزة.

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

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

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

اضافة مقتطفات كود مخصص في ووردبريس

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

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

عند التنشيط، ستضيف الاضافة عنصر قائمة جديد بعنوان “Code Snippets” إلى شريط إدارة ووردبريس الخاص بك. سيؤدي النقر فوقه إلى إظهار قائمة بكل مقتطفات الكود المخصصة التي قمت بحفظها على موقعك.

نظرًا لأنك قمت للتو بتثبيت الاضافة، فستكون قائمتك فارغة.

استمر وانقر على زر “Add New” لإضافة مقتطف الكود المخصص الأول في ووردبريس.

سينقلك هذا إلى صفحة “Add Snippet”. هنا يمكنك اختيار مقتطف من الكود من المكتبة المعدة مسبقًا أو إضافة الكود المخصص.

لاضافة كود مخصص، انقر فوق الزر “+Add Custom Snippet” أسفل خيار “Add Your Custom Code (New Snippet)”.

ثم اختر نوع الكود من قائمة الخيارات التي تظهر على الشاشة.

في هذا البرنامج التعليمي، سننقر على خيار “PHP Snippet”.

سيتم نقلك الأن إلى صفحة إنشاء مقتطف مخصص.

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

بعد ذلك، يمكنك نسخ ولصق مقتطف الكود الخاص بك في مربع “Code Preview”.

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

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

ستجد خيارات الإدراج أسفل مربع الكود. هناك خياران رئيسيان للإدراج: Auto Insert وShortcode.

إذا اخترت طريقة “Auto Insert”، فسيتم إدراج المقتطف وتنفيذه تلقائيًا على موقعك.

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

إذا لم تكن متأكد، فحدد خيار “Run Everywhere” الافتراضي.

باستخدام طريقة “Shortcode”، لا يتم إدراج المقتطف تلقائيًا. بمجرد حفظ المقتطف، ستحصل على كود مختصر خاص بالمقتطف يمكنك استخدامه في أي مكان على موقعك.

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

بعد ذلك، يمكنك استخدام قسم “Smart Conditional Logic” القوي لإظهار أو إخفاء المقتطفات المدرجة تلقائيًا استنادًا إلى مجموعة من القواعد.

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

أخيرًا، سترى منطقة “Basic info”. يمكنك إضافة أي شيء هنا يساعدك على فهم ما يفعله هذا الكود، وأين وجدته، ولماذا تضيفه إلى الموقع الكتروني الخاص بك.

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

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

عند الانتهاء من اختيار الخيارات، قم بتبديل المفتاح من “Inactive” إلى “Active” في الزاوية اليسري العليا، ثم انقر فوق الزر “Save Snippet”.

إذا كنت تريد حفظ مقتطف الكود وعدم تنشيطه، فما عليك سوى النقر فوق الزر “Save Snippet”.

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

معالجة الأخطاء في الكود المخصص

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

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

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

سيعرض لك أيضًا رسالة خطأ مفيدة، حتى تتمكن من تصحيح الخطأ.

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

سيؤدي التمرير فوق الخطأ إلى ظهور تعليمات لمساعدتك في إصلاحه.

إدارة مقتطفات الكود المخصص

توفر إضافة WPCode واجهة مستخدم سهلة لإدارة مقتطفات الكود المخصص في ووردبريس.

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

يمكنك أيضًا تصدير مقتطفات أكواد محددة أو تصديرها كلها دفعة واحدة.

ما عليك سوى الانتقال إلى Code Snippets » Tools والنقر فوق علامة التبويب “Export”.

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

ما عليك سوى زيارة صفحة Code Snippets » Tools » Import وتحميل ملف التصدير.

مكافأة: إنشاء مقتطفات أكواد مخصصة باستخدام الذكاء الاصطناعي

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

من صفحة “Add Snippet”، مرر الماوس فوق خيار “Generate snippet using AI”. ثم انقر فوق الزر “+ Generate Snippet”.

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

بعد كتابة طلبك، انقر فوق الزر “Generate”.

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

إذا كنت تريد تعديل المقتطف الجديد، فيمكنك النقر فوق الزر “AI Improve”، والذي سيسمح لك بوصف التغييرات التي تريد إجراؤها.

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

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