unid_user

حلقه وردپرس
راهنمایی برای نوشتن حلقه وردپرس

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

سلام و درود

دوستان گرامی، لطفا راهنمایی کنید چطوری برای کدهای html زیر یه حلقه وردپرس بنویسم. نمونه انجام شده رو گذاشتم که بتونید راحت تر راهنماییم کنید.

مشاهده نمونه اجرا شده. ( قسمت نمونه کارها وسط صفحه منظورمه). ممنون

<section class="portfolio">
	<div class="filtering">
	  <div class="filter text-center">
		<span data-filter='*' class="active">همه</span>
		<span data-filter='.tabedo'>برد مدار مجتمع</span>
		<span data-filter='.tabese'>دستگاه ردیاب</span>
		<span data-filter='.tabechahar'>ریموت کنترلر رادیویی</span>
	  </div>
	</div>
	<div class="clearfix">
	  <div class="gallery full-width">
		<div class="col-lg-4 col-md-6 items tabedo">
		  <div class="item-img">
			<img src="images/1.jpg" class="img-responsive" alt="">
			<div class="item-img-overlay">
			  <div class="overlay-info full-width">
				<p>مدار مجتمع</p>
				<h6>مشاهده تمام نقشه مدارات</h6>
				<a href="#" class="popimg">
				  <span class="icon">
					<i class="fas fa-plus"></i>
				  </span>
				</a>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<div class="view-all text-center">
	  <a class="btn btn-default" href="#">
		همه نمونه کارها
		<i class="fas fa-long-arrow-alt-left"></i>
	  </a>
	</div>
</section>

با تشکر و سپاس

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      درود
      برای نوشتن یه حلقه ساده که بارها نوشتم به مشکل خوردم بیشتر از 2 ساعته که هرکاری میکنم یه ستون اضافه میسازه که کار و خراب میکنه؟! لطفا کمک کنید.
      خروجی مطلوب به صورت html به صورت زیر باید باشه:
      <div class="container"> <div class="row"> <div class="col-lg-7 col-md-7"> <div class="text"> <h2>درباره ما</h2> <p id="about-p"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد. </p> </div> </div> <div class="col-lg-5 col-md-5"> <div id="about-image" class=""> <img src="assets/images/about.gif" alt="درباره ما"> </div> </div> </div> </div>  
      حلقه ای که من نوشتم:
      <div class="container"> <div class="row"> <?php while (have_posts()) : the_post(); ?> <div class="col-lg-7 col-md-7"> <div class="text"> <h2><?php the_title(); ?></h2> <?php the_content('<p id="about-p">', '</p>'); ?> </div> </div> <div class="col-lg-5 col-md-5"> <div id="about-image" class=""> <?php the_post_thumbnail(); ?> </div> </div> </div> <?php endwhile; ?> </div> خروجی که این حلقه به من میده:
      <div class="container"> <div class="row"> <div class="col-lg-7 col-md-7"> <div class="text"> <h2>درباره ما</h2> <div class="col-lg-7 col-md-7"> <div class="text"> <p id="about-p">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.</p> </div> </div> </div> </div> <div class="col-lg-5 col-md-5"> <div id="about-image" class=""> <img width="2436" height="2436" src="http://localhost/tarahan_abzar_01/wp-content/uploads/2018/04/about.gif" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt=""> </div> </div> </div> </div>  
    • توسط ژیهات
      سلام دوستان
      یه مشکل دارم ممنون میشم کمک کنید حلش کنم
      بر فرض اینکه یک حلقه داشته باشیم که 2 تا ul داخلش باشه :


      loop start

      <ul>
      <li>item</li>
      </ul>

      <ul>
      <li>item</li>
      </ul>

      loop end

      چطوری میشه تعریف کرد که به ازای ایجاد کردن هر پست جدید ، به هر ul یک li اضافه بشه !؟