كيفية إضافة مقتطفات التعليمات البرمجية في ووردبريس

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

ما هو مقتطف التعليمات البرمجية؟

بالنسبة إلى WordPress، يعد مقتطف التعليمات البرمجية جزءًا بسيطًا من كود PHP أو JS أو CSS أو HTML. تُستخدم المقتطفات لتحرير ميزات WordPress الافتراضية بدلاً من إضافة ملف جديد تمامًا أو تثبيت مكون إضافي.

ماذا يفعل مقتطف الكود؟

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

أمثلة على مقتطفات التعليمات البرمجية

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

كيفية إضافة مقتطفات التعليمات البرمجية يدويًا إلى WordPress

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

إنشاء نسخة احتياطية لموقعك

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

إنشاء موضوع الطفل

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

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

إضافة ملفات

لإنشاء قالب فرعي خاص بك، ستحتاج إلى محرر أكواد بالإضافة إلى وصول FTP لموقع WordPress الخاص بك. قم أولاً بإنشاء مجلد سمات جديد ضمن wp-content/themes. لهذا قم بتحميل ملف style.css وهو ورقة أنماط السمة الفرعية الخاصة بك (لتعديلات التصميم) وملف jobs.php الذي يجب أن يتضمن تعليمات برمجية لإدراج ورقة الأنماط من السمة الرئيسية الخاصة بك. يمكنك معرفة المزيد حول كيفية إنشاء قالب فرعي والحصول على الكود الدقيق لإضافته إلى ملف jobs.php الخاص بك في دليل قالب WordPress الفرعي الخاص بنا.

بمجرد أن يصبح قالبك الفرعي جاهزًا، فلا تتردد في تنشيطه على موقع WordPress الخاص بك (من المظهر > السمات).

تحرير الملفات

يمكنك الآن فتح ملف function.php الخاص بالقالب الفرعي الخاص بك في محرر التعليمات البرمجية (أو في مظهر WordPress > محرر ملف السمة) وإضافة المقتطفات الخاصة بك. تتم إضافة معظم المقتطفات إلى ملف function.php (على الرغم من وجود عدد قليل من القيم المتطرفة).

ما عليك سوى اتباع الإرشادات الواردة من مصدر المقتطف الذي تستخدمه للتأكد من نسخ رمز المقتطف ولصقه وتحريره بشكل صحيح. اقتراحنا الوحيد هو أن تلتزم بالمصادر ذات السمعة الطيبة (WPCode، WPMUdev، WPBeginner، Elegant Themes، Tuts+، Elementor، إلخ). بهذه الطريقة، من المرجح أن تكون مقتطفات الشفرة التي تستخدمها صحيحة وآمنة للاستخدام.

بالطبع هذا دليل سطحي للغاية - حيث لا يمكننا التعرف على كيفية إضافة كل مقتطف وتعديله وإدارته يدويًا لـ WordPress.

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

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

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

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

قم بتثبيت البرنامج المساعد WPCode المجاني

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

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

إضافة مقتطف

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

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

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

على سبيل المثال، لنفترض أنك تريد تغيير "مرحبًا، اسم المستخدم" المعروض في الزاوية اليمنى العليا من لوحة تحكم WordPress لعرض شيء أكثر احترافية.

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

تحرير إعدادات المقتطف

سيؤدي هذا إلى فتح محرر المقتطف مع الكود والإعدادات الافتراضية التي تمت إضافتها بالفعل للمقتطف. في هذه الحالة، يحتوي المقتطف بالفعل على وصف عنوان ، ويتم تعيين نوع الكود مسبقًا على PHP وتم إنشاء معاينة الكود نفسها لتغيير "مرحبًا" إلى "مرحبًا". إذا كنت تريد أن تقول "مرحبًا" شيئًا آخر، فما عليك سوى تعديل الكود الموجود في السطر 4.

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

تتضمن خيارات الموقع الأخرى في الإصدار المجاني ما يلي:

• عالمي: التشغيل في كل مكان، الواجهة الأمامية فقط، المسؤول فقط، المنطق الشرطي للواجهة الأمامية، الرأس على مستوى الموقع، النص على مستوى الموقع، التذييل على مستوى الموقع
• خاص بالصفحة: قبل/بعد النشر، قبل/بعد المحتوى، قبل/بعد الفقرة، قبل/بعد المقتطف، بين المشاركات

ويضيف الإصدار الاحترافي العديد من المواقع لمقتطفات PHP فقط، وAnywhere (CSS Selector)، وWooCommerce، وEasy Digital Downloads، وMemberPress.

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

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

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

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

قم بتنشيط المقتطف الخاص بك

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

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

ميزات البرنامج المساعد الأخرى

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

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

على غرار مكتبة مقتطفات التعليمات البرمجية، يوفر WPCode Generator مقتطفًا مكتوبًا مسبقًا يمكنك تعديله وفقًا لاحتياجات موقعك. الفرق هو أن مقتطفات المولد تتطلب المزيد من التغيير والتبديل لأنها أكثر تعقيدًا (مثل تسجيل أوراق أنماط جديدة، أو إضافة أنواع منشورات وتصنيفات، أو حتى جدولة وظائف cron لمهام محددة).

تحتوي صفحة "الأدوات" على خيارات لاستيراد مقتطفات من مصدر آخر (أو مكون إضافي آخر للمقتطفات) بالإضافة إلى تصدير مقتطفات موقعك الحالية.

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

وكود برو

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

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

هل يجب عليك الترقية إلى WPCode Pro؟

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

نأمل أن يكون هذا الدليل مفيدًا ويمكنك الآن الشعور بالثقة عند إضافة مقتطفات التعليمات البرمجية إلى موقع WordPress الخاص بك! بالنسبة للمبتدئين، نعتقد بشدة أنه من الأفضل استخدام مكون إضافي مثل WPCode (وهو أهم توصيتنا). إنه يجعل من السهل جدًا إضافة مقتطفاتك وإدارتها، خاصة مع وجود مكتبة المقتطفات الجاهزة للاستخدام في متناول يدك. ولكن إذا كانت لديك أي أسئلة حول إضافة مقتطفات التعليمات البرمجية إلى WordPress والتي لم نغطيها في هذه المقالة، فاترك تعليقًا أدناه! نحن نحب أن نكون عونا.