باکس آخرین تریلر ها

[2raj 31]

سلام و عرض ادب خدمت دوستان عزیز

بنده میخوام مثل سایت فردا دانلود باکس آخرین تریلرها رو قرار بدم مثل تصویر زیر،نیازمند کدش هستم که درست مثل عکس زیر دوعکس جدیدتر رو بزرگتر نشون بده و سه عکس زیر رو کوچکتر نشون بده فک کنم از تصویر شاخص استفاده میکنه

سایت موردنظر

لطفا کدش رو اگر که ممکنه بهم بدید،دوستان فقط دقت کنید فک کنم این کد هست افزونه نیست

باتشکر

ویرایش شده اردیبهشت 96 توسط تورج حق شناس

[وردپرس فارسی 272]

سلام

یه نمونه کد به این صورت میتونید استفاده کنید :

   <?php
	    $args = array(
		    'post_type'		 => 'series',
		    'post_status'			 => 'publish',
		    'posts_per_page' => 2,

	    );
	    $get_posts_query = new WP_Query( $args );
	    if ( $get_posts_query->have_posts() ):?>
	    <?php while ( $get_posts_query->have_posts() ) : $get_posts_query->the_post()?>

        <div class="img-t1">
            <a href="<?php the_permalink()?>"><?php the_post_thumbnail(); ?></a>
        </div>

		    <?php endwhile;?>
		    <?php
	    endif;
	    wp_reset_query();
	    ?>

 

این برای اون قسمت 2تا عکس اول ( که به عکس های کلس img-t1 باید یه سایز بدید سایز دلخواه که میخواید نمایش داده یشه )

حالا برای قسمت پایین از همین کدهای بالا استفاده کنید اما در قسمت آرایه که کوئری میخواد دریافتش کنه یه آفست اضافه کنید :

$args = array(
		            'post_type'		 => 'series',
		            'post_status'			 => 'publish',
		            'posts_per_page' => 3,
		            'offset' => 2,

	            );

 

به این صورت که فقط یک Offset اضافه شد ، عدد 2 به معنی این هستش به جز 2 پست آخری که ارسال شده ( 2 پست جدید ) .

حالا مثل کدهای بالا یه کلاس جدا برای اون 3 بخش اضافه میکنید ٍ مثلاً برای بخش اول از کلاس img-t1 استفاده کردید حالا از img-t2 استفاده کنید.

کامل کدهارو نذاشتم که دیگه لقمه کاملاً حاضر و آمده نباشه ... ( برای اینکه بهتر مسئله رو درک کنید ) .

موفق باشید

[2raj 31]

در 29 دقیقه قبل، وردپرس فارسی گفته است :

سلام

یه نمونه کد به این صورت میتونید استفاده کنید :

   <?php
	    $args = array(
		    'post_type'		 => 'series',
		    'post_status'			 => 'publish',
		    'posts_per_page' => 2,

	    );
	    $get_posts_query = new WP_Query( $args );
	    if ( $get_posts_query->have_posts() ):?>
	    <?php while ( $get_posts_query->have_posts() ) : $get_posts_query->the_post()?>

        <div class="img-t1">
            <a href="<?php the_permalink()?>"><?php the_post_thumbnail(); ?></a>
        </div>

		    <?php endwhile;?>
		    <?php
	    endif;
	    wp_reset_query();
	    ?>

 

این برای اون قسمت 2تا عکس اول ( که به عکس های کلس img-t1 باید یه سایز بدید سایز دلخواه که میخواید نمایش داده یشه )

حالا برای قسمت پایین از همین کدهای بالا استفاده کنید اما در قسمت آرایه که کوئری میخواد دریافتش کنه یه آفست اضافه کنید :

$args = array(
		            'post_type'		 => 'series',
		            'post_status'			 => 'publish',
		            'posts_per_page' => 3,
		            'offset' => 2,

	            );

 

به این صورت که فقط یک Offset اضافه شد ، عدد 2 به معنی این هستش به جز 2 پست آخری که ارسال شده ( 2 پست جدید ) .

حالا مثل کدهای بالا یه کلاس جدا برای اون 3 بخش اضافه میکنید ٍ مثلاً برای بخش اول از کلاس img-t1 استفاده کردید حالا از img-t2 استفاده کنید.

کامل کدهارو نذاشتم که دیگه لقمه کاملاً حاضر و آمده نباشه ... ( برای اینکه بهتر مسئله رو درک کنید ) .

موفق باشید

راستشو بخواید کاملا گیج شدم

چرا کاملا کد رو نمیدید من کد رو دارم ولی مشکل داره اگر که ممکنه یه کد کامل بدید بنده اگر مشکل داشت روش کار میکنم

[2raj 31]

دوستان راهنمایی کنن بنده به این ابزارک نیازدارم

[2raj 31]

نبود کسی این مشکل رو حل کنه

چرا این انجمن کم کار شده عذر میخوام ولی قبلا اینجا خیلی زود جواب میگرفتیم

[Mirrajabi 455]

	 <?php   $args = array(
		    'post_type'		 => 'post',
		    'post_status'			 => 'publish',
		    'showposts'=> 5

	    );
	    $get_posts_query = new WP_Query( $args );
		$i=0;
	    if ( $get_posts_query->have_posts() ):?>
	    <?php while ( $get_posts_query->have_posts() ) : $get_posts_query->the_post()?>

        <div class="<?php if($i>1) { echo 'img-t1' ;} else{ echo 'img-t2' ;} ?>">
            <a href="<?php the_permalink()?>" ><?php the_post_thumbnail(); ?></a>
        </div>

		    <?php $i++; endwhile;?>
		    <?php
	    endif;
	    wp_reset_query();
?>

در کد بالا 5 پست جدید رو نمایش میده ک دو پست اول با کلاس img-t1 و سه پست بعد با کلاس img-t2 .

حال شما می توانید به این کلاس ها سایز دلخواه بدهید.

[2raj 31]

در 1 ساعت قبل، Mirrajabi گفته است :

	 <?php   $args = array(
		    'post_type'		 => 'post',
		    'post_status'			 => 'publish',
		    'showposts'=> 5

	    );
	    $get_posts_query = new WP_Query( $args );
		$i=0;
	    if ( $get_posts_query->have_posts() ):?>
	    <?php while ( $get_posts_query->have_posts() ) : $get_posts_query->the_post()?>

        <div class="<?php if($i>1) { echo 'img-t1' ;} else{ echo 'img-t2' ;} ?>">
            <a href="<?php the_permalink()?>" ><?php the_post_thumbnail(); ?></a>
        </div>

		    <?php $i++; endwhile;?>
		    <?php
	    endif;
	    wp_reset_query();
?>

در کد بالا 5 پست جدید رو نمایش میده ک دو پست اول با کلاس img-t1 و سه پست بعد با کلاس img-t2 .

حال شما می توانید به این کلاس ها سایز دلخواه بدهید.

ممنونم ازتون باعرض پوزش من عذر میخوام کدام قسمت باید سایز رو اضاف کنم اگر ممکنه راهنمایی کنید

میخوام دو عکس اول 214در 317 باشه و سه عکس زیر 154 در 231 باشه

ویرایش شده اردیبهشت 96 توسط 2raj

[Mirrajabi 455]

.img-t1{
display:inline-block;
width:214;
height:317;
}
.img-t2{
display:inline-block;
width:154;
height:231;
}
.img-t2 img, .img-t1 img{
width:100%;
}

این کد به فایل استایل اضافه کنید.

راه دیگرش هم اینکه  برای thumnail در فانکشن سایز اضافه کرد.

[2raj 31]

در 2 ساعت قبل، Mirrajabi گفته است :

.img-t1{
display:inline-block;
width:214;
height:317;
}
.img-t2{
display:inline-block;
width:154;
height:231;
}
.img-t2 img, .img-t1 img{
width:100%;
}

این کد به فایل استایل اضافه کنید.

راه دیگرش هم اینکه  برای thumnail در فانکشن سایز اضافه کرد.

با این کد مشکل حل نشد و کماکان مشکل پابرجاست

دوستان راه دیگه ای وجود نداره؟

[Mirrajabi 455]

بنده از کد بالا استفاده می کنم جواب داد. مگر اینکه استایلی با این نام از قبل داشتید پس می تونید اسم کلاس ها رو عوض کنید.

 

[2raj 31]

در 2 ساعت قبل، Mirrajabi گفته است :

بنده از کد بالا استفاده می کنم جواب داد. مگر اینکه استایلی با این نام از قبل داشتید پس می تونید اسم کلاس ها رو عوض کنید.

 

عزیز دل بنده روی لوکال کار میکنم اسم کلاس هارو هم عوض کردم ولی جواب نداد اگر نیازه تا TeamViewer بدم ببینید

[Morteza 34190]

به آخر هر استایل یک !important اضافه کنید و مجدد تست کنید.