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

سلام و درود

دوستان ، این بخش از یه قالب psd خیلی رو مخم رفته. هر کاری میکنم نمی دونم باید چکار کنم که این حالت زیگزاگ درست بشه.

قبلا یه بار انجام دادم اما الان کلا فراموش کردم.

اگه بخوام به قالب وردپرس تبدیلش کنم و یه حلقه برای نمایش 3 مطلب آخر از یه دسته بندی خاص و نمایش بدم قطعا به مشکل میخورم.

لطفا راهنمایی کنید.

با تشکر و سپاس

home.jpg

0

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


لینک به پست

سلام

شما اول این بلوک ها رو توی html باید طراحی کنین، ما فرض میکنیم انجام شده، کلاس والد حالتی که عکس چپ هست باشه left و در حالت راست باشه right.

حالا توی حلقه باید بشمارید و براساس شمارش کلاس بدید مثلا:

//قبل حلقه پست
$i = 1;

//شروع حلقه

if( ( $i % 2 ) == 0){
	echo 'class = "right"';
}else{
	echo 'class = "left"';
}

$i++;

//پایان حلقه

 

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      سلام و درود
      دوستان گرامی ، چطور می تونم با استفاده از بوت استرپ 4 یا 3 حالتی که در تصویر هست رو ایجاد کنم؟
      با تشکر و سپاس
       

    • توسط mr.nosrati

      سلام. من یه تم با متریال دیزاین بوتسترپ طراحی کردم که توی حالت موبایل میره یکی از پلاگین هام  به مشکل بر میخوره و دلیلش رو نمیدونم! ولی توی تم پیشفرض وردپرس مشکلی نداره و البته حالت دسکتاپ تمی که خودم طراحی کردم هم مشکلی نداره!
      Uncaught TypeError: Cannot read property 'mouse' of undefined at tutor-front.js?ver=1.4.5:28 at HTMLDocument.<anonymous> (tutor-front.js?ver=1.4.5:28) at i (jquery.js?ver=1.12.4-wp:2) at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2) at Function.ready (jquery.js?ver=1.12.4-wp:2) at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)  
    • توسط MrMohammad
      سلام بچه ها خسته نباشید. 
      داشتم روی قالب جدیدم کار میکردم چنان که سهراب سپهری روی شعرش. 
      یه جا به مشکل برخوردم توضیح میدم اگه کسی تونست راهنمایی کنه مـاچ به سر و کَلَش ! 
      همونطور که میگفتم در یک روز گرم تابستانی وقتی به page templates رسیدم شدید دچار دست انداز شدم. 
      توجه : آقا بلدم page templates بسازم :/ همشونو تو روت قالب امتحان کردم خداروشکر کار میکنه. 
      اما متاسفانه چون بیشتر از 30 تا شده میخوام ببرمشون تو یه ساب دایرکتوری (پوشه جدا تو پوشه قالب). 
      جان خودم کل اینترنتو (سرچ انگلیسی) با رمز یا امام سیزدهم شخم زدم ولی خب به نتیجه ای نرسیدم :/  
      اگه کسی اطلاعاتی در این مورد داره یه راهنمایی ریزی به ما بده جای دوری نمیره.  تَن کی یو
    • توسط estedadrap
      سلام 
      من یه grid از مطالب ایجاد کردم میخواستم با css اون رو برای سایز های مختلف رسپانسیو کنم
      مثلا در سایز 
      360*640 دو ستونه بشه و عکس ها کنار هم قرار بگیره
      یا مثلا داخل سایز 
      768*1024 سه ستونه یا چهار ستونه بشه
      این کد php
      <?php
      ?>
      <div class="gridcontainer">
      <?php
      // Grid Parameters
      $counter = 0; // Start the counter
      $grids = 6; // Grids per row
      $titlelength = 20; // Length of the post titles shown below the thumbnails
      // The Query
      $args=array (
          'post_type' => 'lyrics',
          'posts_per_page' => 6
          );
      $the_query = new WP_Query($args);
      // The Loop
      while ( $the_query->have_posts() ) :
          $the_query->the_post();
      // Show all columns except the right hand side column
      if($counter != $grids) :
      ?>
      <div class="griditemleft">
      <div>
              <a class="call3"  href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a>
          </div><!-- .postimage -->
          <h2 class="call4">
              <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
              <?php if (mb_strlen($post->post_title) > $titlelength)
                  { echo mb_substr(the_title($before = '', $after = '', FALSE), 0, $titlelength) . ' ...'; }
              else { the_title(); } ?>
              </a>
          </h2>
      </div><!-- .griditemleft -->
      <?php
      // Show the right hand side column
      elseif($counter == $grids) :
      ?>
      <div class="griditemright">
          <div>
              <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a>
          </div><!-- .postimage -->
          <h2 class="call4">
              <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
              <?php if (mb_strlen($post->post_title) > $titlelength)
                  { echo mb_substr(the_title($before = '', $after = '', FALSE), 0, $titlelength) . ' ...'; }
              else { the_title(); } ?>
              </a>
          </h2>
      </div><!-- .griditemright -->
      <div class="clear"></div>
      <?php
      $counter = 0;
      endif;
      $counter++;
      endwhile;
      wp_reset_postdata();
      ?>
      </div><!-- .gridcontainer -->
      و اینم کد های css
       
      .gridcontainer .griditemleft{float: left;
      width: 150px;
      margin: 0 5px 15px 0;}
      .call4{
          font-size: 12px;
          background-color: rgba(161,160,161,1);
          padding-left: 10px;
          padding-bottom: 4px;
          padding-top: 2px;
          margin: 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
      }
      .call3{
          color:#123215;
          
      }
    • توسط Selno
      سلام یه سوال داشتم من قالبم بوت استرپی هست و الان به یه مشکلی خوردم برای مثال من navigation  پوسته م رو با بوت استرپ ساختم و توی اون برای li از کلاس nav-item و برای a ها از کلاس nav-link استفاده شده اما وفتی از تابع برای مثال wp_nav_menus استفاده میکنم توی اون فقط میشه کلاس ul هارو تغییر داد و کلاس های li و a رو نمیشه کاریش کرد از طرفی هم نمیشه که برم تو css بوت استرپم و اونا رو مچ کنم آیا راهی برای حل این مشکل هست ؟