رفتن به مطلب
malas

آخرین ارسال ها به صورت ۳ ستونه

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

سلام

میخوام توی یکی از صفحات سایتم ۳ تا پست آخر رو به صورت ۳ ستونه بنویسم.

می خواستم ببینم شرت کد - پلاگین یا روش خاصی مد نظرتونه که بتونم این کار رو انجام بدم ؟

با تشکر.

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


لینک به ارسال

سلام ، به انجمن خوش اومدید ، یه کوئری 3 پسته بگیرید و کدش رو جایی که دلتون میخواد بذارید ، اینکه سه ستونه نمایش بده رو باید با سی اس اس درست کنید ، اگر طرح خاصی مدّ نظرتون هست بگید تا راهنمایی کنیم.

ژنراتور کوئری ساز:

http://wp-parsi.com/generator/

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


لینک به ارسال

<?php $thePostIdArray = array("28","74", "82", "92"); ?>
<?php $limit = 4 ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); $counter++; ?>
<?php if ( $counter < $limit + 1 ): ?>
<div class="post" id="post-<?php the_ID(); ?>">
<?php $post_id = $thePostIdArray[$counter-1]; ?>
<?php $queried_post = get_post($post_id); ?>
<h2><?php echo $queried_post->post_title; ?></h2>
</div>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>

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


لینک به ارسال

سلام ، به انجمن خوش اومدید ، یه کوئری 3 پسته بگیرید و کدش رو جایی که دلتون میخواد بذارید ، اینکه سه ستونه نمایش بده رو باید با سی اس اس درست کنید ، اگر طرح خاصی مدّ نظرتون هست بگید تا راهنمایی کنیم.

ژنراتور کوئری ساز:

http://wp-parsi.com/generator/

این ژنراتور کوئری ساز هر چیزی که میزنم این ارورو میده : ؛

فقط اعداد حروف کوچک لاتین و آندر لاین

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

ممنون.

post-9569-0-44078900-1426839802_thumb.pn

ویرایش شده توسط malas

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


لینک به ارسال

این ژنراتور کوئری ساز هر چیزی که میزنم این ارورو میده : ؛

فقط اعداد حروف کوچک لاتین و آندر لاین

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

ممنون.

عکسی که گذاشتیذ از چکیده پست استفاده میکنه ، شما میتونین به جای اون از content اصلی هم استفاده کنید

اگه بخواین از چکیده استفاده کنین میشه یه چیزی شکل این:


<?php query_posts( 'posts_per_page=3' ); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="parea">
<?php the_post_thumbnail();?>
<span class="ptitle"><?php the_title(); ?></span>
<?php the_excerpt(); ?>
<a href="<?php the_permalink(); ?>">بیشتر بخوانید...</a>
</div>
<?php endwhile; else: ?><?php endif; ?>

و برای ساخت اون مستطیل ها یه سری کد مثل این باید استفاده کنید:



.parea{width:300px; border:solid #d3d3d3 1px; margin:5px; display:inline-block;}
.parea img {height:200px; width:300px}
.ptitle {border-bottom:solid #d3d3d3 2px; display:block;}
.readmore {font-weight:bold; display:block; color:#6b8cb5;}

(این کد ها جهت مثال هست ، خودتون باید روشون مقداری کار کنید)

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


لینک به ارسال

عکسی که گذاشتیذ از چکیده پست استفاده میکنه ، شما میتونین به جای اون از content اصلی هم استفاده کنید

اگه بخواین از چکیده استفاده کنین میشه یه چیزی شکل این:


<?php query_posts( 'posts_per_page=3' ); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="parea">
<?php the_post_thumbnail();?>
<span class="ptitle"><?php the_title(); ?></span>
<?php the_excerpt(); ?>
<a href="<?php the_permalink(); ?>">بیشتر بخوانید...</a>
</div>
<?php endwhile; else: ?><?php endif; ?>

و برای ساخت اون مستطیل ها یه سری کد مثل این باید استفاده کنید:



.parea{width:300px; border:solid #d3d3d3 1px; margin:5px; display:inline-block;}
.parea img {height:200px; width:300px}
.ptitle {border-bottom:solid #d3d3d3 2px; display:block;}
.readmore {font-weight:bold; display:block; color:#6b8cb5;}

(این کد ها جهت مثال هست ، خودتون باید روشون مقداری کار کنید)

خیلی خیلی ممنون بخاطر توضیحات کاملتون.

من کاراشو می کنم اگه نشد باز مزاحم میشم.

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


لینک به ارسال

برای ساخت اون مستطیل ها یه سری کد مثل این باید استفاده کنید:

.parea{width:300px; border:solid #d3d3d3 1px; margin:5px; display:inline-block;}

.parea img {height:200px; width:300px}

.ptitle {border-bottom:solid #d3d3d3 2px; display:block;}

.readmore {font-weight:bold; display:block; color:#6b8cb5;}

سلام باز.

برای css

در فولدر public_html/fa/wp-content/themes/***/css

من این فایل ها رو دارم.

توی کدومشون ک‍پی کنم ؟

post-9569-0-81353200-1427130808_thumb.pn

راستی post title رو هم میخوام بنویسه...کدش جی میشه ؟

ممنون.

ویرایش شده توسط malas

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


لینک به ارسال
سلام باز. برای css در فولدر public_html/fa/wp-content/themes/***/css من این فایل ها رو دارم. توی کدومشون ک‍پی کنم ؟ post-9569-0-81353200-1427130808_thumb.pn راستی post title رو هم میخوام بنویسه...کدش جی میشه ؟ ممنون.

هیچکدوم ، توی خود روت *** یه فایلی هست به نام style.css توی اون کپی کنید.

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


لینک به ارسال

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

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

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

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

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

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

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

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


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