دسته‌ها
برجسته جی کوئری وردپرس

ساخت اسلاید شو برای وردپرس

در ادامه ی پست  تصاویر بندانگشتی در وردپرس طبق قولی که داده بودم میریم سراغ ساختن یک اسلاید شو برای مطالب در وردپرس، برای این کار ما نیاز داریم که قالبی با پشتیبانی از تصاویر بند انگشتی داشته باشیم که آموزشش رو در پستی که در ابتدای توضیحاتم لینک دادم ، داشتیم.

برای ساخت اسلایدشو از جی کوئری استفاده خواهیم کرد و همین طور از پلاگین jQuery Cycle Plugin که یکی از کاربردی ترین پلاگین های جی کوئری هست…

برای اینکه ما از جی کوئری و پلاگین jQuery Cycle در قالب استفاده کنیم باید کارهای زیر رو انجام بدیم:

جی کوئری رو از لینک زیر دانلود کنیم:

http://docs.jquery.com/Downloading_jQuery

پیشنهاد من اینه که نسخه Minified رو دانلود کنید که یک min. قبل از js. داره و حجم کمتری نسبت به نسخه اصلی داره

و پلاگین Cycle رو هم  از لینک زیر دریافت کنید:

http://malsup.com/jquery/cycle/download.html

دو فایل جاوا اسکریپتی که دانلود کردیم رو داخل پوشه ی قالب مورد نظرمون ذخیره میکنیم . (میتونیم فایلها رو در فولدری با نام اختیاری در پوشه ی قالب ذخیره کنیم )

بعد نوبت میرسه به لود کردن این دو فایل در قالب، فایل header.php رو باز میکنیم و کدهای زیر رو در اون مینویسیم:

<script src="<?php bloginfo('template_directory'); ?>/jquery.min.js"></script>

<script src="<?php bloginfo('template_directory'); ?>/jquery.cycle.all.min.js "></script>

نکته ۱: این کدها باید جایی بالاتر از تگ <head> قرار بگیرن.

نکته ۲: اگر فایلهای جاوااسکریپت رو در فولدری در زیر مجموعه ی فولدر قالب ذخیره کردین توجه داشته باشین که آدرس درستی به فایلها بدین، برای مثال اگر فایلها رو در فولدر js ذخیره کردین آدرس فایل جی کوئری ما به صورت زیر خواهد بود:

<script src="<?php bloginfo('template_directory'); ?>/js/jquery.min.js"></script>

خب تا اینجای کار رو که اکثر دوستانی که با تم ها سر و کار دارن حتمن بلد بودن و اگر هم نبودن انقدر ها سخت نبود که نفهمن، هرچند بقیه ی پست هم آنچنان پیچیده نخواهد بود 🙂

حالا فایل متنی زیر رو دانلود کنید و با فرمت php در فولدر قالب ذخیره کنید، یعنی فایلی با نام slideshow.php در فولدر قالب مورد نظر خواهیم داشت.

wp_slideshow (1432 دانلود ها)

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

<?php include(TEMPLATEPATH.'/slideshow.php')?>

کد بالا وارد فولدر قالب شده و slideshow.php رو در قسمتی که کد نوشته شده ایمپورت یا همان include  میکند.

نکته: نه تنها بهتره که الزامی هم هست که کد بالا رو داخل یک تگ با یک کلاس یا آی دی مشخص قرار بدین تا بتونین بهتر استایلش کنین، هرچند  میتونین از آی دی slideshow هم برای استایل قسمت مورد نظرتون استفاده کنید.

برای اینکه به پلاگین جی‌کوئی Cycle بفهمونیم که اسلایدشوی ما کدام قسمت صفحه مون هست باید آی دی تگ اسلاید شوی خودمون رو بهش بفهمونیم، برای اینکار میتونین از مثال های بسیار ساده و پرشمار سایت خود پلاگین در اینجا هم کمک بگیرید!

برای اینکار در جایی بالاتر از تگ هدر، که معمولن در فایل header.php قرار داره کد زیر رو وارد میکنیم:

 

<script>

jQuery(document).ready(function(){
jQuery(‘#slideshow’).cycle({

fx: ‘fade’,

timeout:4000
});
});

</script>

 

 

ما  در اینجا تگی با آی دی slideshow رو هدف قرار دادیم و افکت مورد نظرمون هم fade هست و روی هر عکس ۴ ثانیه صبر میکنه(میتونین در اینجا افکتهای مختلف این پلاگین رو ببینین و در کد خودتون اعمال کنید)  تمام آپشن های پلاگین هم در این صفحه قرار دارن، برای استفاده از هرکدام هم باید با یک , جداشون کنین.

دسته‌ها
افزونه ها معرفی

افزونه ی پرینت مطالب فارسی

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

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

برای اینکه یک نفر مطالب شما رو بدون دردسر و اطلاف وقت پرینت کنه یک افزونه به اسم wp-print هست که میتونید از سایت رسمی وردپرس دانلود کنید، اما این افزونه اصلن با فارسی اون جور که باید صفحه ی زیبا و شکیلی ارائه نمیده و باید کمی با کدهای خود افزونه و همینطور دست کاری css اون رو با زبان فارسی سازگارتر کرد.

من برای سایت خودم این کار رو انجام دادم و البته یادم نیست چقدر تغییر توی افزونه انجام دادم که الان براتون بگم اما همین قدر بدونین که خیلی بهتر از افزونه ی اصلی است -البته برای زبان فارسی-  و مشکل خاصی نداره – یا حداقل من ندیدم !- به هر حال مثل همیشه اگه مشکلی داشتم حتمن بهم گوشزد میکنید.

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

آدرس  سایت سازنده ی این افزونه  lesterchan.net است که میتونید بهش سر بزنید.

دیگه فکر نمیکنم لازم باشه حرفی بزنم، امیدوارم به دردتون خورده باشه!

دانلود کنید:

wp-print-persian (894 دانلود ها)

بابای