رفتن به مطلب

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


2raj

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

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

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

سایت موردنظر

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

باتشکر

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 بدم ببینید

لینک به ارسال

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

لینک به ارسال

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

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

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

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

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

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

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

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

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