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
      سلام و درود
      دوستان گرامی ، لطفا برای نوشتن حلقه وردپرس که 5 تا پست آخر دسته بندی مقالات و به شکلی که تو تصویر هست نمایش بده راهنمایی کنید.
      با تشکر و سپاس.
      <div class="container"> <div class="row"> <div class="col-md-6 d-flex align-items-md-stretch"> <div class="jumbotron "> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. </div> </div> <div class="col-md-6"> <div class="row"> <div class="col-md-6"> <div class="jumbotron"> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs </div> </div> <div class="col-md-6"> <div class="jumbotron"> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs </div> </div> <div class="col-md-6"> <div class="jumbotron"> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs </div> </div> <div class="col-md-6"> <div class="jumbotron"> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs </div> </div> </div> </div> </div> </div>  

    • توسط unid_user
      سلام و درود
      دوستان گرامی، چطوری میشه حالتی که تو تصویر هست رو با حلقه وردپرس انجام بدم؟
      کدهایی که خودم نوشتم ولی اشتباهه:
      <div class="row"> <?php $catquery = new WP_Query( array( 'cat' => 1 ) ); ?> <?php while ($catquery -> have_posts()) : $catquery -> the_post(); ?> <div class="col-md-5"> <div id="tv" class="text-center mt-4"> <?php the_post_thumbnail(); ?> </div> </div> <div class="col-md-7"> <ul class="pr-0 video-list-ul"> <div class="card-carousel"> <div class="owl-carousel owl-theme"> <div class="item"> <li class="bg-light h-100 d-inline-block w-100 mb-1"> <a href="#"> <div class="video-list-text float-right"> <h3 class="text-right small text-warning p-2 mb-0"> <?php the_title(); ?> </h3> <p class="text-right small text-dark p-2 m-0"> <?php echo wp_trim_words( get_the_excerpt(), 6 ); ?> </p> </div> </a> </li> </div> </div> </div> </ul> </div> <?php endwhile;?> </div>  

      نتیجه کار وقتی از کدهای خودم استفاده میکنم:
       

    • توسط 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 اضافه بشه !؟