moji5
23rd October 2009, 12:43 PM
احتمالن همه کسانی که از سیستم مدیریت محتوای وردپرس استفاده میکنند با قالب‌هایی آشنا هستند که مطالب آنها را در دو ستون به نمایش میگذارند {نمونه (http://parsish.wordpress.com/files/2009/08/screen.png) بزرگ} و ظاهر زیبایی به مطالب میدن.اینبار،در این پست روشی رو به شما معرفی میکنیم که با استفاده از اون میتونید پوسته خودتون رو هم طوری شکل بدید که مطالب در دو ستون نمایش داده بشن و برای اینکار کافیه به روش زیر عمل کنید.(همگی برای صفحه index هستند و همچنین برای تم‌هایی که عرض آنها از ۶۰۰ پیکسل بیشتر است توصیه میشود)
یک)قبل از حلقه وردپرس
قبل از شروع حلقه وردپرس باید کد زیر رو قرار بدید:
<?php $col = 1; ?> {در رابطه با حلقه وردپرس اینجا (http://gonahkar.com/archives/1387/02/10/wordpress-loop/) بخوانید}
دو)بعد از حلقه وردپرس
بعد از حلقه وردپرس هم کد زیر رو قرار بدید:
<?php if ($col == 1) echo "<div class=\"row\">"; ?> سه)دستور استایل بندی
برای استایل بندی باید کد زیر رو بعد از دستور پیکربندی برای مطلب قرار بدید که باعث میشه بتونید به ستون یک و دو حالت بدید:
<div class="post col<?php echo $col;?>" id="post-<?php the_ID(); ?>"> چهار)جایگزین دستور پایان حلقه
در مرحله یکی مانده به آخر شما باید دستور پایان حلقه رو دستور اول‌ه با دستور دوم عوض کنید:
<?php endwhile; ?> <?php if ($col == 1) echo "</div>"; (($col==1) ? $col=2 : $col=1); endwhile; ?> پنج)نوشتن استایل
برای این دو ستون باید استایل بنویسید و آنرا به فایل css اضافه کنید که درصورتی هم که نمیخواهید خودتان برای آنها استایل بنویسید میتوانید با تغییر دادن کد زیر به حالت مورد نظرتون برسید:
.row { clear: both; }
.col1 {
width: 350px;
float: right;
padding: 0 10px;
display: inline; }
.col2 {
width: 350px;
float: left;
padding: 0 10px; } و همچنین برای زیباتر شدن شما باید از خلاصه مطلب استفاده کنید که دستور زیر را در پوسته صفحه اصلی به کار ببرید و جایگزین <?php the_content(”); ?> کنید:
<?php the_excerpt() ?>
یک)قبل از حلقه وردپرس
قبل از شروع حلقه وردپرس باید کد زیر رو قرار بدید:
<?php $col = 1; ?> {در رابطه با حلقه وردپرس اینجا (http://gonahkar.com/archives/1387/02/10/wordpress-loop/) بخوانید}
دو)بعد از حلقه وردپرس
بعد از حلقه وردپرس هم کد زیر رو قرار بدید:
<?php if ($col == 1) echo "<div class=\"row\">"; ?> سه)دستور استایل بندی
برای استایل بندی باید کد زیر رو بعد از دستور پیکربندی برای مطلب قرار بدید که باعث میشه بتونید به ستون یک و دو حالت بدید:
<div class="post col<?php echo $col;?>" id="post-<?php the_ID(); ?>"> چهار)جایگزین دستور پایان حلقه
در مرحله یکی مانده به آخر شما باید دستور پایان حلقه رو دستور اول‌ه با دستور دوم عوض کنید:
<?php endwhile; ?> <?php if ($col == 1) echo "</div>"; (($col==1) ? $col=2 : $col=1); endwhile; ?> پنج)نوشتن استایل
برای این دو ستون باید استایل بنویسید و آنرا به فایل css اضافه کنید که درصورتی هم که نمیخواهید خودتان برای آنها استایل بنویسید میتوانید با تغییر دادن کد زیر به حالت مورد نظرتون برسید:
.row { clear: both; }
.col1 {
width: 350px;
float: right;
padding: 0 10px;
display: inline; }
.col2 {
width: 350px;
float: left;
padding: 0 10px; } و همچنین برای زیباتر شدن شما باید از خلاصه مطلب استفاده کنید که دستور زیر را در پوسته صفحه اصلی به کار ببرید و جایگزین <?php the_content(”); ?> کنید:
<?php the_excerpt() ?>