2raj

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

11 پست در این موضوع قرار دارد

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

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

سایت موردنظر

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

باتشکر

Untitled.png

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

به اشتراک گذاری این پست


لینک به پست

سلام

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

   <?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 استفاده کنید.

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

موفق باشید

به اشتراک گذاری این پست


لینک به پست
در 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 استفاده کنید.

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

موفق باشید

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

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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست
	 <?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 .

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

به اشتراک گذاری این پست


لینک به پست
در 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 باشه

Untitled.png

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

به اشتراک گذاری این پست


لینک به پست
.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 در فانکشن سایز اضافه کرد.

به اشتراک گذاری این پست


لینک به پست
در 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 در فانکشن سایز اضافه کرد.

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

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

به اشتراک گذاری این پست


لینک به پست

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

 

به اشتراک گذاری این پست


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

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

 

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری