رفتن به مطلب

افقی کردن لیست مطالب-نمایش عنوان در تصویر بند انگشتی


پست های پیشنهاد شده

برای نمایش مطالب به صورت افقی چنین کاری کردم بعد از آن مشکل پیش می آید(الان توضیح می دهم :) ).

کد نمایش مطالب


<?php
$salamat= new WP_Query(array(
'post_type' => 'post',
'post_status' => 'publish',
'cat' => '1',
'order' => 'DESC',
'orderby' => 'date',
'posts_per_page' =>'5',
'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
)); ?>
<?php
if($salamat->have_posts()) : ?>
<?php
while($salamat->have_posts()) : $salamat->the_post();?>
<div class="content-l"><?php the_post_thumbnail('small'); ?><?php the_title(); ?></div>
<?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_query(); ?>

و کد استایل آن :


.content-l{
display:inline;
}

نتیجه اش این میشه:

post-330-0-23059900-1434339450_thumb.png

حالا چه جوری میشه عنوان مطالب را به زیر عکس آورد؟

من عکس بند انگشتی و موضوع را در یک div تعریف کردم ولی تو عکس بالا می بنید که ظاهرا فقط موضوع در آن div امده و تصویر جزو آن نیست.

این کد انلاین ان قسمت هست.


http://codepen.io/anon/pen/PqKZvZ

و سوال اخر اینه که اسلایدر هست که با استفاده از title تگ img موضوع را در اسلایدر نمایش می دهد.چه جوری باید عنوان را به


<?php the_post_thumbnail('small'); ?>

اضافه کنم(منظورم کد <?php the_title(); ?> است).

ویرایش شده توسط alireza1375
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...