اذهب إلى المحتوى

السؤال

نشر

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

<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>؟

Recommended Posts

  • 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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...