رفتن به مطلب
قوانین ایجاد موضوع جدید در انجمن

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

unid_user

توسط unid_user،
در برنامه نویسی داینامیک

دنبال‌کننده 1

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

unid_user

unid_user 63

ارسال شده در
ارسال شده در

سلام و درود

دوستان گرامی ، لطفا برای نوشتن حلقه وردپرس که 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>

 

bootstrap-4.thumb.jpg.jpg

لینک به ارسال
Mobin

Mobin 1669

ارسال شده در
ارسال شده در

اگه ایدی دسته مقالات 10 باشه کد شما به صورت زیر میشه

از کد زیر ایده بگیرین 

query_posts( 'posts_per_page=5&cat=10' );
while ( have_posts() ) : the_post();
?>
                <div class="col-md-6">
                    <div class="jumbotron">
<?php
                    the_content();
?>
                    </div>
                </div>
<?php
endwhile;
 
// Reset Query
wp_reset_query();

 

  • امتیاز 1
لینک به ارسال
  • 8 ماه بعد...
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در

سلام و درود

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

<?php $posts = get_posts(array('posts_per_page' => 5)); ?>

<div class="container">
    <div class="row">
        <div class="col-md-6 d-flex align-items-md-stretch">
            <div class="jumbotron">
                <!-- Post 5 -->
                <?php echo $posts[4]->post_title; ?>
            </div>
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-6">
                    <div class="jumbotron">
                        <!-- Post 2 -->
                        <?php echo $posts[1]->post_title; ?>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="jumbotron">
                        <!-- Post 1 -->
                        <?php echo $posts[0]->post_title; ?>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="jumbotron">
                        <!-- Post 4 -->
                        <?php echo $posts[3]->post_title; ?>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="jumbotron">
                        <!-- Post 3 -->
                        <?php echo $posts[2]->post_title; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

 

لینک به ارسال
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)
در 9 دقیقه قبل، unid_user گفته است :

سلام و درود

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

 

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

https://www.hidoctor.ir/

1229369893_screenshot-www.hidoctor.ir-2020_10.22-15_56_38(1).thumb.png.14a18507d26ceba1655e577716855e8d.png

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

asadiy4n 2807

ارسال شده در
ارسال شده در

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

نمیدونم چرا از این روش استفاده کردید ساده ترین راه به همین صورت هست که سعی کردم از روی کد خودتون مثال بزنم خودتون تغییر بدید 

<?php 
// developer.wordpress.org/reference/classes/wp_query/
$the_query = new WP_Query( array('posts_per_page' => 5) );
$i = 0;
if ( $the_query->have_posts() ) { ?>
<div class="container">
    <div class="row">
	<?php  while ( $the_query->have_posts() ) { $the_query->the_post(); $i++; ?>
		<?php if ( $i == 1 ) { ?>
		<div class="col-md-6 d-flex align-items-md-stretch">
		<?php } else { ?>
		<div class="col-md-6">
		<?php } ?>
            <div class="jumbotron">
				<?php the_title(); ?>
				<?php the_post_thumbnail(); ?>
			</div>
        </div>
    <?php } ?>
    </div>
</div>
<?php } wp_reset_postdata(); ?>

تغییراتتون رو میتونید بر اساس مقدار $i انجام بدید

به این شکل هم میتونید عمل کنید 

<?php 
if($i < 2) {
	//هرچیزی
}
if($i > 2) {
	//هرچیزی
}
?>

خودتون کاملترش کنید

لینک به ارسال
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در
در 1 دقیقه قبل، asadiy4n گفته است :

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

نمیدونم چرا از این روش استفاده کردید ساده ترین راه به همین صورت هست که سعی کردم از روی کد خودتون مثال بزنم خودتون تغییر بدید 


<?php 
// developer.wordpress.org/reference/classes/wp_query/
$the_query = new WP_Query( array('posts_per_page' => 5) );
$i = 0;
if ( $the_query->have_posts() ) { ?>
<div class="container">
    <div class="row">
	<?php  while ( $the_query->have_posts() ) { $the_query->the_post(); $i++; ?>
		<?php if ( $i == 1 ) { ?>
		<div class="col-md-6 d-flex align-items-md-stretch">
		<?php } else { ?>
		<div class="col-md-6">
		<?php } ?>
            <div class="jumbotron">
				<?php the_title(); ?>
				<?php the_post_thumbnail(); ?>
			</div>
        </div>
    <?php } ?>
    </div>
</div>
<?php } wp_reset_postdata(); ?>

تغییراتتون رو میتونید بر اساس مقدار $i انجام بدید

خودتون کاملترش کنید

سلام.

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

لینک به ارسال
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)
در 12 دقیقه قبل، asadiy4n گفته است :

با همین که خدمتتون عرض کردم هم میشه دیگه

یک تگ کلی هست و 5 تا پست که هرکدوم کلاس خودشون رو دارن

من هرجور که امتحان میکنم. جواب نمیده.

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

<div class="row">
  <div class="col-lg-8">
    <div class="row">
      <div class="col-lg-6">

      </div>
    </div>
  </div>
  <div class="col-lg-4">
    <ul>
      <li>

      </li>
    </ul>
  </div>
</div>

 

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

unid_user 63

ارسال شده در
  • مالک
ارسال شده در

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

لینک به ارسال
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)
در 12 دقیقه قبل، unid_user گفته است :

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

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

<?php 
// developer.wordpress.org/reference/classes/wp_query/
$the_query = new WP_Query( array('posts_per_page' => 5) );
$i = 0;
if ( $the_query->have_posts() ) {
?>
<div class="row">
  <?php  while ( $the_query->have_posts() ) { $the_query->the_post(); $i++; ?>
  <?php if($i == 1) { ?>
  <div class="col-lg-8">
    <div class="row">
      <div class="col-lg-6">

      </div>
    </div>
  </div>
  <?php } else { ?>
  <div class="col-lg-4">
    <ul>
      <li>

      </li>
    </ul>
  </div>
  <?php } ?>
  <?php } ?>
</div>
<?php } wp_reset_postdata(); ?>

b.png.cf54dcb89286bedf9ef650532fbb5953.png

ولی باید به شکل زیر باشه. هرطور که کدها رو جابجا میکنم بازهم درست نمیشه.

Untitled.png.27539c8c78c11bc06f8d76c7ff2fe4dc.png

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

yazdaniwp 1187

ارسال شده در
ارسال شده در
در در ۱۳۹۹/۸/۱ در 17:15، unid_user گفته است :

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


<?php 
// developer.wordpress.org/reference/classes/wp_query/
$the_query = new WP_Query( array('posts_per_page' => 5) );
$i = 0;
if ( $the_query->have_posts() ) {
?>
<div class="row">
  <?php  while ( $the_query->have_posts() ) { $the_query->the_post(); $i++; ?>
  <?php if($i == 1) { ?>
  <div class="col-lg-8">
    <div class="row">
      <div class="col-lg-6">

      </div>
    </div>
  </div>
  <?php } else { ?>
  <div class="col-lg-4">
    <ul>
      <li>

      </li>
    </ul>
  </div>
  <?php } ?>
  <?php } ?>
</div>
<?php } wp_reset_postdata(); ?>

b.png.cf54dcb89286bedf9ef650532fbb5953.png

ولی باید به شکل زیر باشه. هرطور که کدها رو جابجا میکنم بازهم درست نمیشه.

Untitled.png.27539c8c78c11bc06f8d76c7ff2fe4dc.png

ببینید یه بخش این مسئله مربوط به استایلها میشه. بجز استایلها کدتون باید یه همچین چیزی باشه: 

<?php 
$the_query 	= new WP_Query( array( 'posts_per_page' => 5 ) );
$i 			= 0;

if ( $the_query->have_posts() ) { ?>
    <div class="row">

        <?php  while ( $the_query->have_posts() ) { 
            $the_query->the_post();
            $i++; ?>

            <?php if( $i == 0 ) {
                echo '<div class="col-lg-8">';
            elseif ( $i == 3 ) {
                echo '<div class="col-lg-4">';
            } 

            <?php if( $i < 2 ) { ?>

                <div class="row">
                    <div class="col-lg-6">
                        .........
                    </div>
                </div>

            <?php } else { ?>

                <ul>
                    <li>
                        ............
                    </li>
                </ul>

            <?php } 
            echo '</div>';
      <?php } ?>

    </div>

	<?php 
	wp_reset_postdata();
} 
?>

 

  • پسندیدن 1
لینک به ارسال
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)
در 11 ساعت قبل، yazdaniwp گفته است :

ببینید یه بخش این مسئله مربوط به استایلها میشه. بجز استایلها کدتون باید یه همچین چیزی باشه:

سلام

ممنون از راهنمایی تون. کدها رو وارد کردم. ولی خطا میده.
  

<?php 
$the_query 	= new WP_Query( array( 'posts_per_page' => 5 ) );
$i 			= 0;

if ( $the_query->have_posts() ) { ?>
    <div class="row">

        <?php  while ( $the_query->have_posts() ) { 
            $the_query->the_post();
            $i++; ?>

            <?php if( $i == 0 ) {
                echo '<div class="col-lg-8">';
            elseif ( $i == 3 ) {
                echo '<div class="col-lg-4">';
            } ?>

            <?php if( $i < 2 ) { ?>

                <div class="row">
                    <div class="col-lg-6">
                        .........
                    </div>
                </div>

            <?php } else { ?>

                <ul>
                    <li>
                        ............
                    </li>
                </ul>

            <?php }
            echo '</div>'; ?>
      <?php } ?>

    </div>

	<?php 
	wp_reset_postdata();
} 
?>
Parse error: syntax error, unexpected 'elseif' (T_ELSEIF) in C:\xampp\htdocs\colorweb\wp-content\themes\colorweb\template-parts\cat-1.php on line 33

Untitled.jpg.4983f492cbfa5a23a4191af6b966be05.jpg

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

yazdaniwp 1187

ارسال شده در
ارسال شده در
در در ۱۳۹۹/۸/۵ در 12:57، unid_user گفته است :

سلام

ممنون از راهنمایی تون. کدها رو وارد کردم. ولی خطا میده.
  


<?php 
$the_query 	= new WP_Query( array( 'posts_per_page' => 5 ) );
$i 			= 0;

if ( $the_query->have_posts() ) { ?>
    <div class="row">

        <?php  while ( $the_query->have_posts() ) { 
            $the_query->the_post();
            $i++; ?>

            <?php if( $i == 0 ) {
                echo '<div class="col-lg-8">';
            elseif ( $i == 3 ) {
                echo '<div class="col-lg-4">';
            } ?>

            <?php if( $i < 2 ) { ?>

                <div class="row">
                    <div class="col-lg-6">
                        .........
                    </div>
                </div>

            <?php } else { ?>

                <ul>
                    <li>
                        ............
                    </li>
                </ul>

            <?php }
            echo '</div>'; ?>
      <?php } ?>

    </div>

	<?php 
	wp_reset_postdata();
} 
?>

Parse error: syntax error, unexpected 'elseif' (T_ELSEIF) in C:\xampp\htdocs\colorweb\wp-content\themes\colorweb\template-parts\cat-1.php on line 33

Untitled.jpg.4983f492cbfa5a23a4191af6b966be05.jpg

خواهش میکنم. یه } کم گذاشتم: 

<?php 
$the_query 	= new WP_Query( array( 'posts_per_page' => 5 ) );
$i 			= 0;

if ( $the_query->have_posts() ) { ?>
    <div class="row">

        <?php  while ( $the_query->have_posts() ) { 
            $the_query->the_post();
            $i++; ?>

            <?php if( $i == 0 ) {
                echo '<div class="col-lg-8">';
            } elseif ( $i == 3 ) {
                echo '<div class="col-lg-4">';
            } ?>

            <?php if( $i < 2 ) { ?>

                <div class="row">
                    <div class="col-lg-6">
                        .........
                    </div>
                </div>

            <?php } else { ?>

                <ul>
                    <li>
                        ............
                    </li>
                </ul>

            <?php }
            echo '</div>'; ?>
      <?php } ?>

    </div>

	<?php 
	wp_reset_postdata();
} 
?>

 

  • پسندیدن 2
لینک به ارسال
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در
در 16 ساعت قبل، yazdaniwp گفته است :

خواهش میکنم. یه } کم گذاشتم:

 

ممنون از راهنمایی تون. کدها رو وارد کردم. ولی نتیجه به صورتی که در تصویر هست دیده میشه.

screenshot-localhost-2020_10.28-19_51_57.thumb.png.b583ee9fd13fdd1a1add0c7c503ca3e5.png

لینک به ارسال
yazdaniwp

yazdaniwp 1187

ارسال شده در
ارسال شده در
در ۱ ساعت قبل، unid_user گفته است :

ممنون از راهنمایی تون. کدها رو وارد کردم. ولی نتیجه به صورتی که در تصویر هست دیده میشه.

screenshot-localhost-2020_10.28-19_51_57.thumb.png.b583ee9fd13fdd1a1add0c7c503ca3e5.png

این کد رو تست کنید لطفا: 

<?php 
$the_query 	= new WP_Query( array( 'posts_per_page' => 5 ) );
$i 			= 0;

if ( $the_query->have_posts() ) { ?>
    <div class="row">

        <?php  while ( $the_query->have_posts() ) { 
            $the_query->the_post();
            $i++; ?>

            <?php if( $i == 0 ) {
                echo '<div class="col-lg-8">';
            } elseif ( $i == 3 ) {
                echo '<div class="col-lg-4">';
            } ?>

            <?php if( $i < 2 ) { ?>

                <div class="row">
                    <div class="col-lg-6">
                        .........
                    </div>
                </div>

            <?php } else { ?>

                <ul>
                    <li>
                        ............
                    </li>
                </ul>

            <?php }
  				if( $i == 0 || $i == 3 ) {
            		echo '</div>';
                }
      <?php } ?>

    </div>

	<?php 
	wp_reset_postdata();
} 
?>

 

  • پسندیدن 1
لینک به ارسال
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در
در 1 ساعت قبل، yazdaniwp گفته است :

این کد رو تست کنید لطفا:

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

screenshot-localhost-2020_10.28-22_30_11.thumb.png.01f2949b0e5efd5e1d5d0ecc9342b868.png

لینک به ارسال
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در

اگه فایل قالب و بزارم لطف می کنید از روی قالب تست کنید؟ شاید من اشتباه کدها رو جایگزین میکنم.

لینک به ارسال
unid_user

unid_user 63

ارسال شده در
  • مالک
ارسال شده در

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

ممنون

لینک نمونه

mSUOb.thumb.jpg.50b3ab68ca97ff09e1dc83804cea0066.jpg

پاسخی که توی سایت stackoverflow داده شده. 

// Get all our posts, and start the counter
$postNumber = 0;
$args = array(
    'posts_per_page' => 8
);
$posts = get_posts($args);
// Loop through each of our posts
foreach ($posts as $post) {
    // If we're at the first post, or just before a post number that is divisible by three then we start a new row
    if (($postNumber == 0) || (($postNumber+1) % 3 == 0)) {
        echo '<div class="row">';
    }
    // Choose the post class based on what number post we are 
    $postClass = '';
    if ($postNumber == 0) {
        $postClass .= "col-md-8";
    } else {
        $postClass .= "col-md-4";
    }
    echo '<div class="'.$postClass.'">';
    // Print the post data...
    echo $postNumber. " " . $postClass;
    echo "</div>";
    // If we are at the second post, or we're just after a post number divisible by three we are at the end of the row
    if (($postNumber == 1) || (($postNumber-1) % 3 == 0)) {
        echo '</div>'; // close row tag
    }
    $postNumber++; // Increment counter
}

 

لینک به ارسال
  • 10 ماه بعد...
poolmaster

poolmaster 17

ارسال شده در
ارسال شده در
در در ۱۳۹۹/۸/۷ در 22:31، unid_user گفته است :

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

screenshot-localhost-2020_10.28-22_30_11.thumb.png.01f2949b0e5efd5e1d5d0ecc9342b868.png 

<div class="row">  و تگ بسته اون رو خارج از دستور 
if ( $the_query->have_posts() ) { ?> بزارید ینی قبلش
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
دنبال‌کننده 1
برو به فهرست موضوع ها
×
×
  • اضافه کردن...