رفتن به مطلب
webdeveloper98

نمایش پست ها به صورت grid در صفحه اصلی

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

سلام

خسته نباشید

من در حال طراحی قالب برای خودم هستم 

یک مشکلی دارم !

می خواستم نوشته های هر دسته بندی که می خوام رو در صفحه اصلی به صورت Grid نمایش بدم !

هر جور انجام دادم نشد!

به این شکل هستش

زیر هم میاره 

من تو حالت انتخابی براتون screen گرفتم تا متوجه بشین

 

دوستان اگر راه حلی می دونین بهم بگید !

کد من اینه :

<?php get_header(); if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

		<div class="post-grid container">		
			<article>
				<h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>
				<?php the_content() ?>
			</article>
		</div>

<?php endwhile;
else :
    echo '
هیچ نوشته ای وجود ندارد';
endif; 
					   
get_footer();
?>

برای Css هم :

          transform: translate(-50%, -50%) scale(1.2);
}

.post-grid article .title {
  color: #6362fb;
  font-size: 18px;
  margin: .75rem 0 .25rem 0;
}

.post-grid article .date {
  color: #8c9199;
  font-size: 16px;
  margin: 0 0 .25rem 0;
}

.post-grid article p {
  color: #59596b;
}

.post-grid article a:hover .image div {
  -webkit-filter: grayscale(0.3);
          filter: grayscale(0.3);
  opacity: .3;
}

.post-grid article a:hover .image span {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
}

css مشکلی نداره و دقیق هم هست اما مشکل داخل php هست 

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

grid.jpg

ویرایش شده توسط webdeveloper98

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


لینک به ارسال

سلام @webdeveloper98

کدهای زیر رو با php های خودتون جایگزین و تست کنید

<?php get_header(); ?>
<div class="post-grid container">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<article>
	<h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>
	<?php the_content() ?>
</article>
<?php 
endwhile;
else :
    echo ' مقاله ای جهت نمایش یافت نشد.';
endif; 
?>
</div>
<?php get_footer(); ?>

 

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


لینک به ارسال
در در 6/21/2019 at 23:28، cherry گفته است :

سلام @webdeveloper98

کدهای زیر رو با php های خودتون جایگزین و تست کنید


<?php get_header(); ?>
<div class="post-grid container">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<article>
	<h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>
	<?php the_content() ?>
</article>
<?php 
endwhile;
else :
    echo ' مقاله ای جهت نمایش یافت نشد.';
endif; 
?>
</div>
<?php get_footer(); ?>

 

سلام مجدد

خیلی ممنونم 

درست شد تشکر

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


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

سلام مجدد

خیلی ممنونم 

درست شد تشکر

خداروشکر

خواهش میکنم

موفق باشید

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


لینک به ارسال
در در 6/23/2019 at 02:04، cherry گفته است :

خداروشکر

خواهش میکنم

موفق باشید

<?php get_header(); ?>
		<div class="post-grid container">
		<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	
		<article>
	<div class="post-thumbnail">

	<?php
		$my_query = new WP_Query('showposts=10&cat=2');
		while ($my_query->have_posts()):
		$my_query->the_post();
					$do_not_duplicate = $post->ID;?>
		
					<div class="post-img">
						<?php the_post_thumbnail('medium'); ?> 
						</div>
					<br>
					<div class="post_title">
 						<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
							<?php endwhile; ?>
				<div class="title_cat_grid">
					<?php the_category( '&bull;' ); ?>
				</div>

					</div>

					<br><br>
					<div class="text_post_grid">
						<?php the_content_rss('', TRUE, '', 35); ?>
					</div>
		
	</div>
			<span style="color:#a7a7a7;font-size:12px;"><?php the_time('j F Y'); ?></span>
			<a href="<?php the_permalink();?>"class="read-more"> در ادامه بخوانید ... <i class="fa fa-arrow-left" aria-hidden="true"></i></a>

		</article>	

طبق عکس زیر نشون میده

یعنی به جای اینکه  پست برفرض 6 تا پست نشون بده سه تا نشون میده و داخل همون سه تا سه تا میاره

راه حلی دارید ؟

@cherry

Griiid.jpg

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


لینک به ارسال
در در 6/23/2019 at 02:04، cherry گفته است :

خداروشکر

خواهش میکنم

موفق باشید

<?php get_header(); ?>
		<div class="post-grid container">
		<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	
		<article>
	<div class="post-thumbnail">

	<?php
		$my_query = new WP_Query('showposts=10&cat=2');
		while ($my_query->have_posts()):
		$my_query->the_post();
					$do_not_duplicate = $post->ID;?>
		
					<div class="post-img">
						<?php the_post_thumbnail('medium'); ?> 
						</div>
					<br>
					<div class="post_title">
 						<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
							<?php endwhile; ?>
				<div class="title_cat_grid">
					<?php the_category( '&bull;' ); ?>
				</div>

					</div>

					<br><br>
					<div class="text_post_grid">
						<?php the_content_rss('', TRUE, '', 35); ?>
					</div>
		
	</div>
			<span style="color:#a7a7a7;font-size:12px;"><?php the_time('j F Y'); ?></span>
			<a href="<?php the_permalink();?>"class="read-more"> در ادامه بخوانید ... <i class="fa fa-arrow-left" aria-hidden="true"></i></a>

		</article>	

طبق عکس زیر نشون میده

یعنی به جای اینکه  پست برفرض 6 تا پست نشون بده سه تا نشون میده و داخل همون سه تا سه تا میاره

راه حلی دارید ؟

@cherry

Griiid.jpg

ویرایش شده توسط webdeveloper98
ضمیمه عکس

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


لینک به ارسال

دوست عزیز @webdeveloper98

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

لاین 3 و 10 همین کد رو مشاهده کنید ( while )

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

در غیراینصورت باید حلقه داخلیشو پاک کنی

 

ویرایش شده توسط cherry

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


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

دوست عزیز @webdeveloper98

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

لاین 3 و 10 همین کد رو مشاهده کنید ( while )

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

در غیراینصورت باید حلقه داخلیشو پاک کنی

 

یعنی خط

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

و 

<?php 
endwhile;
else :
    echo ' مقاله ای جهت نمایش یافت نشد.';
endif; 
?>

 

رو حذف کنم ؟!

خب این کارو کردم اما نشد!

مورد اول که گفتید خط 3 رو متوجه شدم که اشتباها نوشتم 

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


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

یعنی خط


<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

و 


<?php 
endwhile;
else :
    echo ' مقاله ای جهت نمایش یافت نشد.';
endif; 
?>

 

رو حذف کنم ؟!

خب این کارو کردم اما نشد!

مورد اول که گفتید خط 3 رو متوجه شدم که اشتباها نوشتم 

در صورتی که تگ پایانیشه حذف کنید

شما چرا حلقه رو وسط محتوا بسته کردی؟ (endwhile)

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


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

بعد از article پایانی ببندم ؟

آره

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


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

آره

<?php get_header(); ?>
		<div class="post-grid container">
	
		<article>
		<div class="post-thumbnail">

	<?php
		$my_query = new WP_Query('showposts=10&cat=2');
		while ($my_query->have_posts()):
		$my_query->the_post();
					$do_not_duplicate = $post->ID;?>
		
					<div class="post-img">
						<?php the_post_thumbnail('medium'); ?> 
						</div>
					<br>
					<div class="post_title">
 						<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
				<div class="title_cat_grid">
					<?php the_category( '&bull;' ); ?>
				</div>

					</div>

					<br><br>
					<div class="text_post_grid">
						<?php the_content_rss('', TRUE, '', 35); ?>
					</div>
		
	</div>

			<span style="color:#a7a7a7;font-size:12px;"><?php the_time('j F Y'); ?></span>
			<a href="<?php the_permalink();?>"class="read-more"> در ادامه بخوانید ... <i class="fa fa-arrow-left" aria-hidden="true"></i></a>

		</article>			
			<?php endwhile; ?>

</div>

جواب نمیده

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


لینک به ارسال

@webdeveloper98

کدها رو بصورت کامل جایگزین کنید

<?php get_header(); ?>
<div class="post-grid container">
<?php
$my_query = new WP_Query(array(
'post_type' => 'post',
'posts_per_page' => 10,
'cat' => 2
));
while ($my_query->have_posts()):$my_query->the_post();?>
<article>
<div class="post-thumbnail">
		<div class="post-img">
			<?php the_post_thumbnail('medium'); ?> 
		</div>
		<div class="post_title">
 			<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
			<div class="title_cat_grid">
				<?php the_category( ',' ); ?>
			</div>
		</div>
		<div class="text_post_grid">
			<?php the_excerpt(); ?>
		</div>
</div>
		<span style="color:#a7a7a7;font-size:12px;"><?php the_time('j F Y'); ?></span>
		<a href="<?php the_permalink(); ?>"class="read-more"> در ادامه بخوانید ... <i class="fa fa-arrow-left" aria-hidden="true"></i></a>
</article>			
<?php endwhile; ?>
</div>

 

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


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

@webdeveloper98

کدها رو بصورت کامل جایگزین کنید


<?php get_header(); ?>
<div class="post-grid container">
<?php
$my_query = new WP_Query(array(
'post_type' => 'post',
'posts_per_page' => 10,
'cat' => 2
));
while ($my_query->have_posts()):$my_query->the_post();?>
<article>
<div class="post-thumbnail">
		<div class="post-img">
			<?php the_post_thumbnail('medium'); ?> 
		</div>
		<div class="post_title">
 			<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
			<div class="title_cat_grid">
				<?php the_category( ',' ); ?>
			</div>
		</div>
		<div class="text_post_grid">
			<?php the_excerpt(); ?>
		</div>
</div>
		<span style="color:#a7a7a7;font-size:12px;"><?php the_time('j F Y'); ?></span>
		<a href="<?php the_permalink(); ?>"class="read-more"> در ادامه بخوانید ... <i class="fa fa-arrow-left" aria-hidden="true"></i></a>
</article>			
<?php endwhile; ?>
</div>

 

عالی بود ممنون داداش

 

حالا یه سوال دیگه 

این الان فقط دسته 2 رو نشون میده

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

مثلا یه ردیف بالای سایت

یه ردیف وسط سایت

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

 

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


لینک به ارسال

خواهش میکنم @webdeveloper98

 

3 راه برای اجرای این مورد : ( البته شاید اساتید راه های ساده تری رو بلد باشن که نظرشون رو پرسیدن ضرری نداره)

1- میتونی ب جای عدد 2 ی آرایه تعریف کنی و بقیه مقادیرتو جهت نمایش بهش بدی مثلا array(1,2,3)

2- همین کد رو در جالاهای مختلف کپی کنی و عدد 2 رو تغییر بدی ب آی دی دسته دلخواه

3- داینامیکش کنی و از پنل مدیریت میتونی بی نهایت دسته رو اضافه کنی ( پیشنهادی)

ویرایش شده توسط cherry

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


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

خواهش میکنم @webdeveloper98

 

3 راه برای اجرای این مورد : ( البته شاید اساتید راه های ساده تری رو بلد باشن که نظرشون رو پرسیدن ضرری نداره)

1- میتونی ب جای عدد 2 ی آرایه تعریف کنی و بقیه مقادیرتو جهت نمایش بهش بدی مثلا array(1,2,3)

2- همین کد رو در جالاهای مختلف کپی کنی و عدد 2 رو تغییر بدی ب آی دی دسته دلخواه

3- داینامیکش کنی و از پنل مدیریت میتونی بی نهایت دسته رو اضافه کنی ( پیشنهادی)

باشه ممنونم از لطفت

تست می کنم و نتیجه رو اعلام می کنم خدمتت

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


لینک به ارسال

@webdeveloper98

خواهش میکنم

حتما، سوالی بود بپرسید در خدمتم

موفق باشی

ویرایش شده توسط cherry

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


لینک به ارسال
در در 6/27/2019 at 01:16، cherry گفته است :

@webdeveloper98

خواهش میکنم

حتما، سوالی بود بپرسید در خدمتم

موفق باشی

البته با کپی کردن قطعه کد مربوطم و دادن css و مرتب کردن درست شد اما درسته این روش به نظرتون ؟

 

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


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

البته با کپی کردن قطعه کد مربوطم و دادن css و مرتب کردن درست شد اما درسته این روش به نظرتون ؟

 

ظاهرا از روش دوم استفاده کردین، مشکلی نیست 

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

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


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

ظاهرا از روش دوم استفاده کردین، مشکلی نیست 

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

یه توضیحی در مورد راه سوم میگید بهم 

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


لینک به ارسال

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

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

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

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

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

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

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

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


  • مطالب مشابه

    • توسط miladmoqaddam823
      دوستان سلام. من یه سایت وردپرسی دارم الان دیدم تو پوشه wp-content یک فولدر به نام mu-plugins و داخلش یک فایل با نام  rms_unique_wp_mu_pl_fl_nm.php ایجاد شده. برنامه نویس نیستم لطفا کمک کنید. فایلش رو پیوست کردم. 
      من از چند نفر پرسیدم ولی جواب های متفاوتی گرفتم. یکی گفت مخربه، یکی گفت نگرانش نباش. تو سایت های خارجی هم گشتم نوشته بود افزونه های لازم الاجرا میاد تو این پوشه. اما کدهای داخلش لامصب یجوریه که انگار سایت رو دو دستی تقدیم هکره کردی. 
      اگر اطلاعی راجع بهش دارید، اینا سوالای منه.
      آیا کد مخربه و یا یوزر و پسوورد رو ارسال میکنه ؟
      آیا امکان داره مربوط به پلاگین ultimate member و قسمت بازیابی رمز عبور باشه؟
      اگر کد مخربه، فقط با پاک کردن پوشه و تغییر یوز و پسوورد ادمین، مشکل حل میشه؟
      (ضمنا اختلالی هم در سایت به وجود نیاورده)
      خیلی ممنونم
      mu-plugins.zip
    • توسط boyzan
      با سلام کسی هست کمک کنه یک کد بنویسم که وقتی به کاربران سایتم یک متن خصوصی میفرستم در قسمتی که باید روشش کلیک کنه یک پیغام مثل شما یک فایل خصوصی دارید نمایش بده.
      از افزونه التیمیت برای قسمتی که ناحیه کاربری هست و کاربر پیام های خصوصی شو میبینه استفاده کردم و از ضمیمه Private Content برای ارسال پیام ها یا فایل های خصوصی استفاده کردم که اینم وابسه به افزونه التیمت ممبر ورد پرس هست .
    • توسط 1563
      سلام دوستان من یک سوالی دارم ممنون میشم اگر بتونید کمکم کنید.
      من میخوام برای پست های سایتم هر عنوانی که تعریف میکنم اون عنوانو فقط تو صفحه سینگل نشون بده توی صفحه های دیگه مثلا ایندکس یا تگ ها یا سرچ یا... فقط متنی که بصورت اینگلیسی نوشته رو نشون بده.
      یه مثال میزنم تا سوالمو دقیقتر بفهمید.
      فکر کنید یه سایت برای دانلود فیلم های سینمایی هست و عنوان پست هاش مثلا به این شکله: دانلود فیلم سینمایی "the dark knight 2008" ؛ ببینید داخل عنوانش هم حروف فارسی هست هم حروف انگلیسی هم عدد حالا چجوری میشه فقط حروف انگلیسی رو تو صفحه های غیر از سینگل نشون داد؟
      من یکی دوتا سایت دیدم اینجوری بودن.
    • توسط silver21
      سلام
      یه قالب نسبتا خوب که فیلتر قیمت و مواردی مثل پست محصول و شهرها رو داشته باشه (حداقل های یه فروشگاه عادی رو بدرستی انجام بده )بهم معرفی میکنید
       
      اکثر قالب های فروشگاهی خوب که در حال فروش هستن ، محدودیت نصب دارن که فقط روی یک دامنه و هاست سوار بشه و...
      برخی هم بصورت ناقص هستن ، یعنی یا ایجکس اسلایدها مورد داره یا فیلترها و یا چیز استانداردی نیست که بشه اعتماد کرد
       
      -------------------------------------------
      یادش بخیر ، قدیم چقدر اینجا شلوغ بود
    • توسط omid1374
      سلام دوستان . من میخوام ووکامرس رو ب ایمالز وصل کنم . ب پشتیبانی ایمالز پیام که دادم گفتن باید کدی بنویسید ک خروجیش بصورت زیر باشه . لطفا اگر اشنایی دارید . حتی جزئی کمک کنید . ممنون   
      https://youpin.ir/site/api/v1/plugins/emalls/products?page=1&size=25
×
×
  • اضافه کردن...