سلام من یه قالب برای وردپرس طراحی کردم
حالا می خواستم بدونم چگونه و با چه کدی قابلیت نمایش تصویر شاخص اضافه کنم و چگونه در css برای تمام تصاویر شاخص style تعریف کنم.
سلام من یه قالب برای وردپرس طراحی کردم
حالا می خواستم بدونم چگونه و با چه کدی قابلیت نمایش تصویر شاخص اضافه کنم و چگونه در css برای تمام تصاویر شاخص style تعریف کنم.
سلام دوست عزیز یه راه ساده و کاربردی
ابتدا کد زیر رو به فایل function.php اضافه کنید
[PHP]
add_theme_support('post-thumbnails');[/PHP]
حالا هر جا که میخواید تصویر نمایش پیدا کنه کد زیر رو توی حلقه قرار بدید
[PHP]<?php the_post_thumbnail( array(110,100) ); ?>[/PHP]
که در کد بالا عدد 110 width تصویر و عدد 100 hight تصویر هستش
مثال :
[PHP]<div id="po">
<?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post();?>
<div class="pot"><a href="<?php the_permalink() ?>" rel="bookmark">
</a><div class="toplefttitle"><h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2></div></div><br><br>
<div class="topleftli2">
<div class="exp2"> <?php the_content_rss('', TRUE, '', 40); ?></div><br>
</div>
<div class="topleftli1"><a href="<?php the_permalink() ?>" rel="bookmark">
</a><a href="<?php the_permalink() ?>"><div class="thumb1"><center><?php the_post_thumbnail( array(110,100) ); ?></a></center></div>
</div>
<a href="<?php the_permalink() ?>" rel="bookmark">
</a><a href="<?php the_permalink() ?>"><div class="more"></div></a>
<?php endwhile; ?><?php else : ?>
<div class="nf">
<?php _e('Not Found'); ?>
<?php _e('Sorry, no posts matched your criteria.'); ?>
<?php endif; ?>
</div><!--! nf div -->
</div><!--! po div -->[/PHP]
درمورد استایل دهی هم با توجه به div خاصی که برای تصویر تعریف مکنید میتونید استایل دهی رو انجام بدید مثلا در مثال بالا کلاس تصویر با نام thumb1 تعریف شده و در فایل استایل براش ویژگی های زیر مشخص شده :
.thumb1 img{width:110px;height:100px;border: 1px solid;color:#45aebc;}
سوالی بود در خدمتم
ببخشید من می خواهم که تصویر شاخص بره به سمت چپ و متن های پستم در کنار تصویر شاخص قرار بگیره نه زیرش از چه کدی استفاده کنم؟
باید از float در css استفاده کنید. البته اگه منظورتون رو درست متوجه شده باشم
float div هارو به شکل دلخواه تغییر بدیدنقل قول: