إنشاء لوحة ديناميكية في ووردبريس

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

ما هي اللوحة الديناميكية في ووردبريس؟

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

كيفية إنشاء لوحة ديناميكية باستخدام PHP

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

function dynamic_panel($title, $content) {
  $allowed_tags = ""; // قائمة بالوسوم المسموح بها
  $content = wp_kses($content, $allowed_tags); // تعقيم المحتوى مع الوسوم المسموح بها
  // استخراج محتوى الصورة من $content
  $image_pattern = '/<img.*?\/?>/i'; // نمط Regex لمطابقة وسوم الصور
  preg_match($image_pattern, $content, $image_matches);
  if (isset($image_matches[0])) {
    $image_html = $image_matches[0]; // استخراج الوسم الأول للصورة
    $text_content = preg_replace($image_pattern, '', $content); // إزالة وسم الصورة من محتوى النص
  } else {
    $image_html = ""; // لم يتم العثور على صورة
    $text_content = $content; // يبقى نص المحتوى كما هو
  }
  echo '<div class="dynamic-panel">';
  echo '<h2>' . $title . '</h2>';
  // عرض الصورة إذا كانت متاحة
  if ($image_html) {
    echo $image_html;
  }
  echo '<p>' . $text_content . '</p>'; // عرض محتوى النص
  echo '</div>';
}

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

[dynamic_panel title="عنوان المحتوى" content="المحتوى"]

مشكلة في عرض الصورة

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

[dynamic_panel title="عنوان المحتوى" content="<img src='path_to_image' />"]

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

استخدام الشورت كود بشكل صحيح

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

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

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