رفتن به مطلب

مشکل با post type


پست های پیشنهاد شده

درود

دوستان برای نمایش پست تایپ post type با آی دی مشخص روشی وجود داره؟ 3 ساعته وقت گذاشتم کلی هم سرچ کردم اما به نتیجه نرسیدم. کدهام به صورت زیر هست چه روشی وجود داره؟

ممنون

داخل قالب سایت کدهای زیر رو وارد کردم:

<?php 
			$slider = new WP_Query(array(
				'post_type' => 'slider',
			));
			while($slider->have_posts()) : $slider->the_post(); ?>		
		<?php endwhile; ?>
            <div class="bg-border">
              <div class="col-lg-6">
                <div class="text-left img-border img-left">
                  <?php the_post_thumbnail(); ?>
                </div>
              </div>
              <div class="col-lg-6">
                <div class="text-right text-border p-left">
                  <h4><?php the_title(); ?></h4>
                  <?php the_content(); ?>
                </div>
              </div>
            </div>

 

لینک به ارسال

ضمن عرض سلام و تبریک سال نو

 

در 3 دقیقه قبل، masoudch گفته است :

دوستان برای نمایش پست تایپ post type با آی دی مشخص روشی وجود داره؟ 3 ساعته وقت گذاشتم کلی هم سرچ کردم اما به نتیجه نرسیدم. کدهام به صورت زیر هست چه روشی وجود داره؟

شما حلقه while رو باز کردی بلافاصله بستی هیچی تو حلقه نیست اون کدهای HTML ات رو بذار توی حلقه.

<?php 
$slider = new WP_Query(array(
	'post_type' => 'slider',
));
while($slider->have_posts()) : $slider->the_post(); ?>		
<div class="bg-border">
  <div class="col-lg-6">
	<div class="text-left img-border img-left">
	  <?php the_post_thumbnail(); ?>
	</div>
  </div>
  <div class="col-lg-6">
	<div class="text-right text-border p-left">
	  <h4><?php the_title(); ?></h4>
	  <?php the_content(); ?>
	</div>
  </div>
</div>
<?php endwhile; ?>

 

موفق باشی

لینک به ارسال

ممنون. حالا یه مشکل دیگه پیش اومده!؟

اول تصویر به صورت زیر بود:

5ab2967704b94_FireShotCapture62--http___localhost_khayamchoob97_.png.d4c6366454d6e53e617cdd0b86184eb3.png

 

ولی حالا به این شکل در اومده؟!

5ab2968db87db_FireShotCapture61--http___localhost_khayamchoob97_.png.a858a6437a09c31afea1f192a9c32614.png

 

چه راهی هست که این مشکل درست بشه؟

سپاس.

لینک به ارسال

تمام کدهای این قسمت از وب سایت رو قرار میدم شاید بتونید بهتر راهنمایی کنید. سپاس.

<section id="tree-section" class="section-title">
      <div class="container">
        <div class="row">
          <h3 class="text-center">معرفی خدمات</h3>
          <hr>
          <div class="row">
            <div class="bg-border">
              <div class="col-lg-6">
                <div class="text-left img-border img-left">
                  <img src="<?php echo get_template_directory_uri(); ?>/img/header/p1.jpg" alt="">
                </div>
              </div>
              <div class="col-lg-6">
                <div class="text-right text-border p-left">
                  <h4>بورد کنترل از راه دور</h4>
                  <p>
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="bg-border">
              <div class="col-lg-6">
                <div class="text-right text-border p-right">
                  <h4>تعمیر قطعات الکترونیکی</h4>
                  <p>
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
                  </p>
                </div>
              </div>
              <div class="col-lg-6">
                <div class="text-left img-border img-right">
                  <img src="<?php echo get_template_directory_uri(); ?>/img/header/p2.jpg" alt="">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

 

لینک به ارسال
در 2 ساعت قبل، masoudch گفته است :

تمام کدهای این قسمت از وب سایت رو قرار میدم شاید بتونید بهتر راهنمایی کنید. سپاس.

از روی کد HTML نمیشه راه حلی گفت.

لینک به ارسال
در 8 ساعت قبل، mehran-b گفته است :

از روی کد HTML نمیشه راه حلی گفت.

درود

کدهای css هم به صورت زیر هستن: با این کدها میتونید کمک کنید؟

.servic-box.box-circle::after {
  content: "";
  width: 100%;
  height: 128px;
  position: absolute;
  z-index: 1;
  color: #ffffff;
  background: url(../img/header/border.png) no-repeat center center/cover;
  top: 133px;
  right: 5px;
  margin-bottom: 5px;
}
.servic-box.box-circle img {
  border-radius: 50%;
  width: 250px;
  height: 250px;
  position: absolute;
  top: -10px;
  left: -2px;
  padding: 15px;
}
.bg-border {
  margin-top: 40px;
}
.img-border.img-left img {
  width: 100%;
  position: relative;
  top: 20px;
  right: 20px;
  height: auto;
}
.img-border.img-right img {
  width: 100%;
  position: relative;
  top: 20px;
  left: 20px;
  height: auto;
}
.img-border {
  position: relative;
  border: 10px solid darkgoldenrod;
}
.text-border.p-left p, .text-border.p-right p {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  padding: 10px 25px;
  border: 3px solid goldenrod;
  border-radius: 5px;
  top: 40px;
  left: 50px;
}
.text-border.p-right p {
  top: 40px;
  right: 50px;
  z-index: 1;
}

 

لینک به ارسال
در 8 دقیقه قبل، mehran-b گفته است :

یه دمو آنلاین درست کنید.

https://jsfiddle.net/masoudduosam/7781gjuw/1/

لینک به ارسال

 

یه فایل کامل از وب سایت رو براتون میفرستم من از روی این سایت کپی کردم ایده خودمو.

zRedBiker.zip

فقط از این قسمت از سایت ایده گرفتم.

5ab355e49dfb5_FireShotCapture63-zRedBiker-FreeHtml5Templates_-file____C__Users_Masoud_Downloads_.png.d4be4eb9e8d6a57f79fd859bab0bddb1.png

ویرایش شده توسط masoudch
لینک به ارسال
در 5 دقیقه قبل، masoudch گفته است :

یه فایل کامل از وب سایت رو براتون میفرستم من از روی این سایت کپی کردم ایده خودمو.

خوب این قالب هیچ ربطی به اون طرح شما نداره.

لینک به ارسال
در 1 دقیقه قبل، mehran-b گفته است :

خوب این قالب هیچ ربطی به اون طرح شما نداره.

میدونم. من فقط از این طرح و از اون قسمت خاصی که گفتم ایده گرفتم و از کدهاش استفاده نکردم. اما کلا همچین سایت هایی که حالت زیگزاگی دارند رو چطور میتونیم به وردپرس تبدیل کنیم؟

لینک به ارسال
در 13 دقیقه قبل، masoudch گفته است :

میدونم. من فقط از این طرح و از اون قسمت خاصی که گفتم ایده گرفتم و از کدهاش استفاده نکردم. اما کلا همچین سایت هایی که حالت زیگزاگی دارند رو چطور میتونیم به وردپرس تبدیل کنیم؟

آها سوال راجع به داینامیک کردن این مورده.

چیز خاصی نیست مثال میزنم.

<?php 
$slider = new WP_Query(array(
	'post_type' => 'slider',
));
$i = 1;
while($slider->have_posts()) : $slider->the_post(); ?>	
<div class="bg-border <?php echo ($i % 2 == 0) ? "even" : "odd"; ?>">
  <div class="col-lg-6">
	<div class="text-left img-border img-left">
	  <?php the_post_thumbnail(); ?>
	</div>
  </div>
  <div class="col-lg-6">
	<div class="text-right text-border p-left">
	  <h4><?php the_title(); ?></h4>
	  <?php the_content(); ?>
	</div>
  </div>
</div>
<?php $i++; endwhile; ?>

ما الان اومدیم قبل حلقه متغییر i رو با مقدار اولیه 1 تعریف کردیم بعد داخل حلقه چک میکنم اگر عدد داخل i زوج بود به بلوک پست بیاد کلاس even رو اضافه کنه اگر هم فرد بود بیاد کلاس odd رو اضافه کنه بعد از هر دور حلقه هم یدونه به مقدار i اضافه میکنیم.

با این even و odd اضافه شده به بلوک اصلی پست میتونیم اون افکت زیگزاگ رو توی CSS بهش بدیم.

لینک به ارسال

خیلی ممنون عالی بود. فقط نمیدونم چرا استایلم بهم خورده و نتیجه نهایی مثل اون تصویری شده که قبلا براتون فرستادم.

این تصویر؟!

5ab2968db87db_FireShotCapture61--http___localhost_khayamchoob97_.png.a858a6437a09c31afea1f192a9c32614.png.8f0f54551299d03e3276e1d98d6393b8.png

لینک به ارسال
در 6 دقیقه قبل، masoudch گفته است :

خیلی ممنون عالی بود. فقط نمیدونم چرا استایلم بهم خورده و نتیجه نهایی مثل اون تصویری شده که قبلا براتون فرستادم.

اینو نمیشه اینطوری چیزی گفت دربارش.

خودتون با استایلش ور برید انشاا... درست میشه.

لینک به ارسال

درود

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

5ab3c6efc69ee_FireShotCapture66-FreeInteriorModuleWebsiteTemplate_-file____D__xampp_htdocs_html_to_wp.png.9c67a6edd9ea2c4296e545ec0343c2bf.png

 

حالتی که برای زیگزاگ درست شد:

5ab3c760e5dad_FireShotCapture68-FreeInteriorM_-http___localhost_html_to_wp_d8aed8afd985d8a7d8aa_.png.6595d252b924cda5756aeaed4876a63c.png

ویرایش شده توسط masoudch
لینک به ارسال
در ۱ ساعت قبل، masoudch گفته است :

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

برای این مورد اصلا نمیخواد اون حالت odd و even رو ایجاد کنید.

اگر از بوت استرپ استفاده میکنید کافیه بلوک اصلی پست رو بهش کلاس

col-12 col-sm-12 col-lg-6

بدید.

پ.ن : اون کلاس رو برای بوت استرپ 4 گفتم برای بوت استرپ 3 فرق داره.

لینک به ارسال
در 16 ساعت قبل، mehran-b گفته است :

برای این مورد اصلا نمیخواد اون حالت odd و even رو ایجاد کنید.

اگر از بوت استرپ استفاده میکنید کافیه بلوک اصلی پست رو بهش کلاس


col-12 col-sm-12 col-lg-6

بدید.

پ.ن : اون کلاس رو برای بوت استرپ 4 گفتم برای بوت استرپ 3 فرق داره.

درود

لطفا برای بوت استرپ 3.3.7 بگید باید چکار کنم. من در زمینه وردپرس و php خیلی مبتدی هستم . ممکنه بیشتر توضیح بدید؟

سپاس

لینک به ارسال

درود مجدد

 

در 4 دقیقه قبل، masoudch گفته است :

لطفا برای بوت استرپ 3.3.7 بگید باید چکار کنم. من در زمینه وردپرس و php خیلی مبتدی هستم . ممکنه بیشتر توضیح بدید؟

این قضیه مربوط به HTML هست ربطی به وردپرس و PHP نداره.

توی بوت استرپ 3 فک میکنم این بشه.

col-xs-12 col-sm-6

 

لینک به ارسال
در 7 دقیقه قبل، mehran-b گفته است :

درود مجدد

 

این قضیه مربوط به HTML هست ربطی به وردپرس و PHP نداره.

توی بوت استرپ 3 فک میکنم این بشه.


col-xs-12 col-sm-6

 

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

سپاس

web.zip

لینک به ارسال
در 47 دقیقه قبل، masoudch گفته است :

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

با استفاده از قابلیت FlexBox در CSS3 به راحتی میشه دو تا بلوک رو کنار هم گذاشت.

https://jsfiddle.net/50z8gkbt/

البته راه های قدیمی هم داره.

لینک به ارسال
در 1 ساعت قبل، mehran-b گفته است :

با استفاده از قابلیت FlexBox در CSS3 به راحتی میشه دو تا بلوک رو کنار هم گذاشت.

https://jsfiddle.net/50z8gkbt/

البته راه های قدیمی هم داره.

آقا واقعا از این که وقت گذاشتی ممنون. ولی هنوز مشکل حل نشده و دیگه دارم نا امید میشم.:(:(

براتون مقدور هست این قسمت رو از روی قالبی که براتون فرستادم خودتون درست کنید و دوباره اپلود کنید؟

منوی service توی سایت میشه.

ویرایش شده توسط masoudch
لینک به ارسال
در 10 دقیقه قبل، masoudch گفته است :

براتون مقدور هست این قسمت رو از روی قالبی که براتون فرستادم خودتون درست کنید و دوباره اپلود کنید؟

https://jsfiddle.net/yywLz7oc/2/

لینک به ارسال

پاسخ رو پیدا کردم. باید برای div بیرونی از display برابر flex و برای div داخلی از display برابر contents استفاده کنیم.:wub:B):lol:

کدهاشو میزارم اگه دوستان جایی اشکالی بود لطفا یادآوری کنن:

<div class="main">
  <div class="wrap">
    <div class="services">
      <?php
      $portfolio = new WP_Query(array(
        'post_type' => 'portfolio',
      ));
      while($portfolio->have_posts()) : $portfolio->the_post();
      ?>
      <div class="section group">
        <div class="listview_1_of_2 images_1_of_2">
          <div class="listimg listimg_2_of_1">
            <?php the_post_thumbnail(); ?>
          </div>
          <div class="text list_2_of_1">
            <h3><?php the_title(); ?></h3>
            <p><?php the_content(); ?></p>
          </div>
        </div>			
      </div>
      <?php endwhile; wp_reset_query(); ?>
    </div>
  </div>
</div>

اینم نتیجه نهایی:

5ab510809cc2e_FireShotCapture71-FreeInteriorM_-http___localhost_html_to_wp_d8aed8afd985d8a7d8aa_.png.d93017c67524c2a879553692eeff5d2a.png

ویرایش شده توسط masoudch
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...