• 0

كيف أخفي line breaks بشكل تلقائي بعد الصور على ووردبريس؟

على موقع لووردبريس أدرجت مجموعة من الصور بالطريقة التالية:

<img class="alignleft size-medium wp-image-8530" alt="..." src="#" width="413" height="275" />
<img class="alignleft size-medium wp-image-8529" alt="..." src="#" width="413" height="275" />

المشكلة أن الصور غير مرتبة بشكل صحيح، حيث يظهر line breaks 'رجوع إلى السطر'، رغم أن المسافة المتبقية تكفي لاحتواء صورة، وهذا ما يظهر على المتصفح:

<p><img class="alignleft size-medium wp-image-8530" alt="..." src="#" width="413" height="275" /><br />
<img class="alignleft size-medium wp-image-8529" alt="..." src="#" width="413" height="275" /><br />

كيف أعالج المشكلة، وأزيل <br>؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

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

<img class="alignleft size-medium wp-image-8530" alt="..." src="#" width="413" height="275" />
<img class="alignleft size-medium wp-image-8529" alt="..." src="#" width="413" height="275" />

إذن عليك كتابته بالشكل التالي، حيث يكتب الوسمان على سطر واحد دون الرجوع إلى السطر:

<img class="alignleft size-medium wp-image-8530" alt="..." src="#" width="413" height="275" /><img class="alignleft size-medium wp-image-8529" alt="..." src="#" width="413" height="275" />

لأن ووردبريس  يُدرج تلقائيا <br> في حال  الرجوع إلى السطر داخل الكود:

remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );

function wpse_wpautop_nobr( $content ) {
    return wpautop( $content, false );
}

add_filter( 'the_content', 'wpse_wpautop_nobr' );
add_filter( 'the_excerpt', 'wpse_wpautop_nobr' );

wpautop

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن