• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
وردپرس و نتایج جستجو
#1
با سلام خدمت تمامی اساتيد من ميخواستم صفحه search.php را در وردپرس تغيير بدم تا نتايج در 3 ستون نمايش داده بشود.لطفاً کمک کنيد.در حال حاضر هر نتیجه یافته شده در هر سطر يکی نشان داده می شود ولی ميخوام در هر سطر در 3 ستون نشان داده شود. من یک خورده با HTML و CSS تغییر دادم ولی به نتیجه نرسیدم.

فايل پيوست s1 نمايش فعلی است و فايل s2 نمونه مورد نظر برای نتايج

کد فایل search.php

کد پی‌اچ‌پی:
<?php global $wp_query?>
<?php get_header
()?>

  <div class="title-wrapper"><div class="title-bg"></div>
  <div class="title clearfix">
    <h1>نتایج جستجو</h1>
    <div id="drag_btn" href="#"></div>
    <div id="slide_btn" href="#"></div>
  </div></div>
  <div id="freespace-title"></div>
  
  <div class="content-wrapper nosidebars clearfix">
  <div class="content clearfix">
    
      <?php teardrop_breadcrumb_nav()?> 
   <div class="article" id="single">
      <h2>جستجو برای <?php echo get_search_query()?><?php echo $wp_query->post_count?> نتایج</h2>
      <?php while(have_posts()):the_post()?>
      <div class="search-results" style="width: 250px; position: relative; left: -10px;">

              <h4><a href="<?php the_permalink()?>"><?php the_title()?></a></h4>
             <?php
                
echo $image;
                echo 
get_the_post_thumbnailget_the_ID(), 'shop_catalog' );
            
?>
     </div>
      <?php endwhile?>
    </div>
  </div>
  </div>
  <div id="freespace"></div>
<?php get_footer()?>


فایل‌های پیوست تصاویر بندانگشتی
       
  پاسخ
تشکر شده توسط :
#2
شما تو قسمت while یک دایو نوشتید که اون تو هر بار اجرای حلقه داره اجرا میشه . باید کد css و html درست رو تو حلقه اعمال کنید .
من یک نمونه قبلا برای قسمت گالری یک سایت نوشتم , ایده بگیرید و قسمت while رو درست کنید .
کد css :
کد:
.gallery-img{
    width:500px;
    min-height:200px;
    margin:auto;
    overflow:hidden;
    background-color:#330099
    }
.outside{
    width:150px;
    height:150px;
    position: relative;
    background-color:#333;
    border:1px #CCCCCC solid;
    border-radius:5px;
    color:#fff;
}
.gallery-div{
    min-height:230px;
    float:right;
    margin-top:10px;
    background-color:#FFCC00
}
.gallery-div ul
{
    display: inline;
    float: right;
    min-height: 230px;
    list-style-type: none;
    margin: 5px 6px 0;
    padding: 0;
    width:500px;
}
.gallery-div ul li
{
    float: right;
    height: 180px;
    line-height: 22px;
    min-width: 150px;
    padding-left:10px;
}
کد php و html :
کد پی‌اچ‌پی:
<?php $i=0;?>
<div class="gallery-img">
     <div class="gallery-div"><ul>
    <?php  while ($i<20) { ?>
            <li><div class="outside">
            <?php $i++; echo $i;?>
             </div></li>
            <?php ?>
            </ul>
    </div><!-- end gallery-div-->
</div><!-- end gallery -img--> 
شما کد وردپرسی حلقه ی while رو جایگزین این while کنید . کد های css هم بسته به ظاهری که مد نظرتون هست تغییر بدید.
آرام باش ؛ توكل كن ؛ تفكر كن و سپس آستينها را بالا بزن , آنگاه دستان خداوند را خواهي ديد كه زودتر از تو دست به كار شده است.امام علي عليه السلام.
  پاسخ
تشکر شده توسط :
#3
با سلام خدمت شما ممنون از راهنمايی شما هنوز نتيجه نگرفتم ولی بازم ممنون .
  پاسخ
تشکر شده توسط :
#4
چرا ؟ مشکل چیه ؟
کدتون رو اگه تغییر دادید بزارید .
آرام باش ؛ توكل كن ؛ تفكر كن و سپس آستينها را بالا بزن , آنگاه دستان خداوند را خواهي ديد كه زودتر از تو دست به كار شده است.امام علي عليه السلام.
  پاسخ
تشکر شده توسط :
#5
حقیقتا هر کاری می کنم,search.php مشکل می خوره.مسلما مشکل از من هست.
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان