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

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

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

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

ما هي الأكواد المختصرة؟

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

[myshortcode]

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

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

ولكن ماذا لو أردت تشغيل أكواد مخصصة داخل منشوراتك لعرض منشورات ذات صلة، أو إعلانات بانر، أو نماذج اتصال، أو معارض، أو أي شيء أخر؟

هنا يأتي دور API الأكواد المختصرة.

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

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

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

إضافة كود مختصر إلى منشورات وصفحات ووردبريس

أولاً، عليك تعديل المنشور والصفحة التي تريد إضافة الكود المختصر إليه.

بعد ذلك، انقر على زر “إضافة كتلة” (+) لإدراج كتلة الكود المختصر.

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

سيتم توفير الكود المختصر من خلال إضافات ووردبريس المختلفة التي قد تستخدمها، مثل Gravity Forms لنماذج الاتصال.

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

يمكنك الأن حفظ منشورك أو صفحتك ومعاينة تغييراتك لمشاهدة الكود المختصر أثناء العمل.

إضافة كود مختصر إلى ويدجات الشريط الجانبي في ووردبريس

يمكنك أيضًا استخدام الأكواد المختصرة في ويدجات الشريط الجانبي في ووردبريس.

ببساطة، قم بزيارة صفحة المظهر » الودجات وأضف ويدجت ‘كود قصير’ إلى الشريط الجانبي.

الأن، يمكنك لصق الكود القصير الخاص بك داخل منطقة النص في الويدجت.

لا تنس النقر على زر “تحديث” لحفظ إعدادات الويدجت.

بعد ذلك، يمكنك زيارة موقع ووردبريس الخاص بك لرؤية المعاينة المباشرة للكود القصير في ويدجت الشريط الجانبي.

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

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

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

لا تنس حفظ التغييرات. بعد ذلك، يمكنك معاينة منشورك وصفحتك لمشاهدة الكود المختصر أثناء عمله.

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

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

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

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

<?php echo do_shortcode('[your_shortcode]'); ?>

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

إضافة كود مختصر في ملفات قالب الكتلة باستخدام محرر الموقع الكامل

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

يمكنك الوصول إلى هذه الأداة باختيار المظهر » المحرر من لوحة تحكم ووردبريس.

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

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

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

لا تنس النقر على زر “حفظ” الموجود أعلى الشاشة لتخزين التغييرات.

إنشاء كود مختصر مخصص لك في ووردبريس

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

إذا كنت مرتاح في كتابة كود PHP، فإليك مثال على الكود الذي يمكنك استخدامه كتمبلت:

// function that runs when shortcode is called
function dm_demo_shortcode() { 
  
// Things that you want to do.
$message = 'Hello world!'; 
  
// Output needs to be return
return $message;
}
// register shortcode
add_shortcode('greeting', 'dm_demo_shortcode');

في هذا الكود، أنشأنا أولاً دالة تشغل بعض الكود وتعيد الناتج. بعد ذلك، أنشأنا كود مختصر جديد باسم “greeting” وطلبنا من ووردبريس تشغيل الدالة التي أنشأناها.

يمكنك إضافة هذا الكود إلى ملف functions.php الخاص بقالبك يدويًا أو استخدام إضافة مقتطفات كود مثل WPCode (موصى به).

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

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

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

[greeting]

سيشغل الدالة التي أنشأتها ويظهر النتيجة المطلوبة.

الأن، لنلقِ نظرة على استخدام عملي أكثر للكود المختصر.

في هذا المثال، سنعرض بانر جوجل أدسنس داخل كود مختصر:

// The shortcode function
function dm_demo_shortcode_2() { 
  
// Advertisement code pasted inside a variable
$string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-0123456789101342"
     data-ad-slot="198765432100"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>';
  
// Ad code returned
return $string; 
  
}
// Register shortcode
add_shortcode('my_ad_code', 'dm_demo_shortcode_2');

لا تنس استبدال كود الإعلان بكود إعلانك الخاص.

يمكنك الأن استخدام الكود المختصر [my_ad_code] داخل منشوراتك وصفحاتك والويدجات في ووردبريس. سيشغل ووردبريس تلقائيًا الدالة المرتبطة بالكود القصير ويعرض كود الإعلان.

الأكواد المختصرة مقابل كتل جوتنبرج

كثيرًا ما يسألنا المستخدمون عن الفرق بين الأكواد المختصرة وكتل جوتنبرج.

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

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

لقد قمنا بتجميع قائمة تضم أكثر اضافات جوتنبرج المفيدة لـ ووردبريس والتي قد ترغب في تجربتها.

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

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