نمایش خلاصه پست ها « انجمن وردپرس فارسی

web-design

آفلاین
عضو
تعداد نوشته‌ها: ۸۸
تشکر شده: ۸ بار
# نوشته شده: ۱۲ سال پیش
۱۲ شهریور ۱۳۹۰ - ۱۰:۱۳

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

سلام، یه مثالی می‌زنم دقت کنید:

<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("div.more").click(function(){
		$("div.the_content").show(1000);
		});
	});
</script>

<div class="the_excerpt"><?php the_excerpt(); ?></div>
<div class="the_content" style="display: none"><?php the_content(); ?></div>
<div class="more" style="cursor:pointer">ادامه مطلب</div>

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
web-design - daryadel1364

web-design

آفلاین
عضو
تعداد نوشته‌ها: ۸۸
تشکر شده: ۸ بار
# نوشته شده: ۱۲ سال پیش
۱۳ شهریور ۱۳۹۰ - ۱۰:۰۴
mostafa1990 گفت:
سلام، یه مثالی می‌زنم دقت کنید:
```
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("div.more").click(function(){
		$("div.the_content").show(1000);
		});
	});
</script>

<div class="the_excerpt"><?php the_excerpt(); ?></div>
<div class="the_content" style="display: none"><?php the_content(); ?></div>
<div class="more" style="cursor:pointer">ادامه مطلب</div>
```
اما با این کد وقتی روی ادامه مطلب یک پست کلیک میکنم اما همه پست ها مطالب کامل رو نشون میدن یعنی همه پست ها بلافاصله خلاصه هاشون مخفی میشه و کل مطلب ظاهر میشه
Mostafa

آفلاین
ناظم
تعداد نوشته‌ها: ۵۲۷۶
تشکر شده: ۵۷۷۷ بار
# نوشته شده: ۱۲ سال پیش
۱۳ شهریور ۱۳۹۰ - ۱۳:۳۶

یه حلقه ایجاد کنید و به‌کمک حلقه جی‌کوئری واسه تک‌تک idها این‌کار رو انجام بدین.

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
web-design - daryadel1364
tecnocomputer

آفلاین
عضو
تعداد نوشته‌ها: ۵
# نوشته شده: ۱۲ سال پیش
۱۳ شهریور ۱۳۹۰ - ۱۵:۴۶

منم همچین چیزی خیلی نیاز دارم، کدتونو استفاده کردم خوب بود ولی منظورتون رو از حلقه رو نفهمیدم میشه یک توضیح مختصری بدید؟
تشکر
web-design

آفلاین
عضو
تعداد نوشته‌ها: ۸۸
تشکر شده: ۸ بار
# نوشته شده: ۱۲ سال پیش
۱۴ شهریور ۱۳۹۰ - ۰۹:۵۱

منم منظور حلقه رو نفهمیدم !!
Mostafa

آفلاین
ناظم
تعداد نوشته‌ها: ۵۲۷۶
تشکر شده: ۵۷۷۷ بار
# نوشته شده: ۱۲ سال پیش
۱۴ شهریور ۱۳۹۰ - ۲۰:۲۶

استفاده از while یا for در جی‌کوئری.
مثلا در صفحه اصلی 10 نوشته نمایش داده میشه.
یه حلقه با شمارنده 0 تا 10 جی کوئری ایجاد میکنید و ازهمون کدی که بالا گذاشتم توش استفاده میکنید. و هربار Selector متناسب با نوشته ها تغییر میکنه.

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
daryadel1364

یه مثال ساده‌تر میزنم. این برو بررسی کنید:

<script type="text/javascript">
		$(document).ready(function(){
			$("div.the_content").delegate("div.more", "click", function(){
				$(this).show(1000);
			});
		});
</script>

<div class="the_excerpt"><?php the_excerpt(); ?></div>
<div class="the_content" style="display: none"><?php the_content(); ?></div>
<div class="more" style="cursor:pointer">ادامه مطلب</div>

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
daryadel1364

daryadel1364

آفلاین
عضو
تعداد نوشته‌ها: ۴۱
تشکر شده: ۱ بار
# نوشته شده: ۱۲ سال پیش
۳ مهر ۱۳۹۰ - ۰۸:۲۳

مصطفی جان، شما یه جای کارت میلنگه اونم اونجاست که فکر میکنی همه عینه خودت تسلط کامل به موضوع دارن، بابا الهی قربونت برم وقتی میخوای اموزش بدی طوری بگو که افراد مبتدی هم بفهمن...!
ممنون
Mostafa

آفلاین
ناظم
تعداد نوشته‌ها: ۵۲۷۶
تشکر شده: ۵۷۷۷ بار
# نوشته شده: ۱۲ سال پیش
۵ مهر ۱۳۹۰ - ۲۳:۱۶
daryadel1364 گفت:
مصطفی جان، شما یه جای کارت میلنگه اونم اونجاست که فکر میکنی همه عینه خودت تسلط کامل به موضوع دارن، بابا الهی قربونت برم وقتی میخوای اموزش بدی طوری بگو که افراد مبتدی هم بفهمن...!
ممنون

کد زیر رو در header.php بین تگ های <head> قرار بدین:
```
<script type="text/javascript">
		$(document).ready(function(){
			$("div.the_content").delegate("div.more", "click", function(){
				$(this).show(1000);
			});
		});
</script>
```
کد زیر رو هم در index.php قرار بدین
```
<div class="the_excerpt"><?php the_excerpt(); ?></div>
<div class="the_content" style="display: none"><?php the_content(); ?></div>
<div class="more" style="cursor:pointer">ادامه مطلب</div>
```
اگر تابع the_content بود میتونید جایگزینش کنید.
همین!
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
daryadel1364 - NESTED
daryadel1364

آفلاین
عضو
تعداد نوشته‌ها: ۴۱
تشکر شده: ۱ بار
# نوشته شده: ۱۲ سال پیش
۸ مهر ۱۳۹۰ - ۱۰:۱۵

سلاام خسته نباشین،
طبق راهنمائی مصطفی جان عمل کرده (تو پوسته دیفالت) و به جای :

<div class="entry">
<?php the_content(__('Read the rest of this entry »', 'kubrick')); ?>
</div>

اینو گذاشتم:

<div class="the_excerpt"><?php the_excerpt(); ?></div>
<div class="the_content" style="display: none"><?php the_content(); ?></div>
<div class="more" style="cursor:pointer">ادامه مطلب</div>

چکیده اومد یعنی {...} ولی لینک ادامه مطلب فعال نبود و روش کلیک میکردی باز نمیشد، ایراد کار کجاست؟
Mostafa

آفلاین
ناظم
تعداد نوشته‌ها: ۵۲۷۶
تشکر شده: ۵۷۷۷ بار
# نوشته شده: ۱۲ سال پیش
۹ مهر ۱۳۹۰ - ۲۱:۱۴

غیرممکنه! مگر کد:
<div class="more" style="cursor:pointer">ادامه مطلب</div>
را قرار ندادین؟

وردپرس فارسی

انجمن

نمایش خلاصه پست ها (۱۲ نوشته)

درباره‌ی این موضوع

برچسب‌ها