دليل استخدام الكود القصير في ووردبريس

كيفية استخدام مكون الكود القصير في ووردبريس

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

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

ما هو الكود القصير في ووردبريس؟

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

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

كيفية استخدام الكود القصير في ووردبريس؟

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

1. إدخال الكود القصير داخل المحرر

لإدخال كود قصير في ووردبريس، يمكنك ببساطة اتباع الخطوات التالية:

• في لوحة التحكم الخاصة بك، قم بفتح المقالة أو الصفحة التي ترغب في تعديلها.

• في محرر النصوص (الذي يسمى Gutenberg أو المحرر الكلاسيكي، اعتماداً على إعدادات ووردبريس الخاصة بك)، يمكنك إدراج الكود القصير في أي مكان داخل المقالة أو الصفحة.

• استخدم الصيغة التالية لإدراج الكود القصير: [اسم الكود القصير]. على سبيل المثال، لإضافة معرض للصور باستخدام الكود القصير، قد تستخدم الكود القصير مثل هذا: .

2. تخصيص الكود القصير

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

• مقاطع الفيديو: لإضافة فيديو من YouTube، يمكنك استخدام الكود القصير التالي: رابط_الفيديو.

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

• المعرض: عند استخدام الكود القصير لإضافة معرض للصور، يمكن تحديد المعلمات مثل العدد الأقصى للصورة أو ترتيب الصور.

3. استخدام الكود القصير في الأدوات (Widgets)

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

• الانتقال إلى المظهر في لوحة تحكم ووردبريس.

• ثم الانتقال إلى الأدوات.

• اختيار الأداة المخصصة للـ Text أو Custom HTML.

• إضافة الكود القصير داخل الأداة وحفظ التغييرات.

4. دمج الكود القصير مع الصفحات أو المقالات الأخرى

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

5. تخصيص الكود القصير باستخدام الإضافات

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

كيفية إنشاء الكود القصير الخاص بك؟

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

1. استخدام ملف functions.php

أول خطوة لإنشاء الكود القصير هي فتح الملف functions.php في القالب الذي تستخدمه (يمكنك الوصول إليه من خلال لوحة تحكم ووردبريس → المظهر → محرر القوالب).
ثم، أضف الكود التالي لإنشاء كود قصير مخصص:

php
CopyEdit
function my_custom_shortcode() {
    return "مرحبا بك في موقعي!";
}
add_shortcode( 'hello', 'my_custom_shortcode' );

في هذا المثال، قمنا بإنشاء كود قصير باسم [hello]، وعند إدخاله في أي صفحة أو مقالة، سيظهر النص “مرحبا بك في موقعي!”.

2. تخصيص الكود القصير

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

على سبيل المثال، لتخصيص الكود القصير لإدراج نص مميز:

php
CopyEdit
function custom_button_shortcode( $atts ) {
    $atts = shortcode_atts(
        array(
            'text' => 'اضغط هنا',
            'url' => '#',
        ), $atts, 'button' );
    
    return 'esc_url( $atts['url'] ) . '" class="custom-button">' . esc_html( $atts['text'] ) . '';
}
add_shortcode( 'button', 'custom_button_shortcode' );

في هذا المثال، الكود القصير سيتحول إلى رابط مميز.

أفضل ممارسات استخدام الكود القصير

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

2. استخدام أكواد قصيرة بسيطة: يجب ألا يكون الكود القصير معقدًا جدًا لكي لا يؤدي إلى تعقيد الموقع أو تباطؤه. اختر دائمًا الكود القصير الأبسط الذي يؤدي الغرض المطلوب.

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

الخلاصة

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