آموزشها
قالب‌ها
افزونه‌ها
آکادمی
هاست وردپرس
طراحی سایت
فرمانلایت باکس تصاویر وردپرس؛ آموزش با افزونه و بدون افزونه
- افزونه وردپرس
- بروزرسانی شده در
لایتباکس کاری می‌کنه که کاربر با کلیک روی عکس، نسخه بزرگ‌ترش رو همون‌جا روی صفحه ببینه. این‌طوری برای دیدن تصویر اصلی وارد صفحه جداگانهای نمیشه و لازم نیست بعدش با دکمه بازگشت دوباره به مقاله برگرده.
برای ساخت لایت باکس تصاویر وردپرس دو راه ساده دارید. اگه فقط میخواید یک عکس با کلیک بزرگ بشه، قابلیت داخلی وردپرس معمولاً کارتون رو راه می‌اندازه و نیازی به افزونه ندارید. ولی اگه امکانات بیشتری مثل نمایش اسلایدی، تصاویر بندانگشتی، حالت تمام‌صفحه، ویدئو یا PDF میخواید، افزونه رایگان FancyBox for WordPress انتخاب کاملتریه.
آنچه در این مقاله می‌خوانید
لایت باکس تصاویر وردپرس چیه؟
لایتباکس یا Lightbox یک پنجره‌ست که روی محتوای فعلی صفحه باز می‌شه و تصویر رو در اندازه بزرگ‌تری نشون می‌ده. معمولاً پس‌زمینه صفحه هم تیره می‌شه تا حواس کاربر روی عکس بمونه. بعد از دیدن تصویر هم می‌تونه پنجره رو ببنده و درست به همون بخش مقاله برگرده.
این قابلیت برای تصاویر آموزشی، نمونه‌کارها، عکس محصولات و گالری‌ها خیلی به‌درد می‌خوره. البته بهتره فقط عکس‌هایی رو بزرگ کنید که نسخه بزرگ‌ترشون جزئیات بیشتری به کاربر نشون می‌ده.
ساخت لایت باکس با قابلیت داخلی وردپرس
وردپرس از نسخه ۶.۴ قابلیت بزرگشدن تصویر با کلیک رو به بلوک تصویر اضافه کرده. این گزینه با اسم «بزرگشدن با کلیک» یا Enlarge on click نمایش داده می‌شه. اگه یک لایتباکس ساده میخواید، بهتره اول همین روش رو امتحان کنید؛ چون سبک‌تره و افزونه تازه‌ای هم به سایتتون اضافه نمی‌کنه.
فعال‌کردن بزرگشدن تصویر با کلیک
نوشته یا برگه موردنظرتون رو با ویرایشگر بلوکی باز کنید و یک بلوک تصویر بسازید. میتونید عکس تازه‌ای آپلود کنید یا از کتابخانه رسانه یک عکس بردارید. بعد روی خود تصویر کلیک کنید، آیکون پیوند رو از نوار ابزار بلوک بزنید و گزینه «بزرگشدن با کلیک» رو روشن کنید. در آخر هم نوشته رو ذخیره یا منتشر کنید.
حالا صفحه منتشرشده رو باز کنید و روی عکس بزنید. تصویر باید بدون اینکه از صفحه خارج بشید، بزرگ بشه. برای بستن اون هم کافیه روی دکمه بستن یا فضای بیرون عکس کلیک کنید.
اگه گزینه بزرگشدن با کلیک رو پیدا نمی‌کنید، اول نسخه وردپرس و قالب سایتتون رو بررسی کنید. بعضی قالب‌ها یا افزونه‌های ویرایشگر ظاهر نوار ابزار بلوک رو تغییر می‌دن.
چه زمانی قابلیت داخلی وردپرس کافیه؟
- فقط میخواید عکس‌های تکی با کلیک بزرگ بشن.
- به تنظیمات ظاهری یا کنترل‌های پیشرفته نیازی ندارید.
- میخواید تعداد افزونه‌های سایتتون کم بمونه.
- توی نوشته‌هاتون بیشتر از بلوک تصویر خود وردپرس استفاده می‌کنید.
برای بیشتر وبلاگ‌ها و مقاله‌های آموزشی، همین قابلیت داخلی انتخاب خوبیه. ولی اگه گالری حرفه‌ای‌تری دارید، افزونه رایگان امکانات بیشتری بهتون می‌ده.
ساخت لایت باکس با افزونه رایگان FancyBox for WordPress
افزونه FancyBox for WordPress بهرایگان توی مخزن رسمی وردپرس منتشر شده. با این افزونه میتونید برای تصویر، گالری، ویدئو و فایل PDF لایتباکس بسازید و کنترل بیشتری روی ظاهر و رفتار پنجره داشته باشید.
این افزونه از FancyBox 3.5.7 استفاده می‌کنه و امکاناتی مثل بزرگنمایی، نمایش اسلایدی، نوار تصاویر بندانگشتی، حالت تمام‌صفحه، حرکت لمسی و گروه‌بندی خودکار تصاویر گالری رو در اختیارتون می‌ذاره.
نصب افزونه FancyBox for WordPress
توی پیشخوان وردپرس به «افزونه‌ها ← افزودن افزونه تازه» برید. عبارت FancyBox for WordPress رو جست‌وجو کنید و اسم سازنده و صفحه افزونه رو با نتیجه موجود در مخزن رسمی تطبیق بدید. بعد روی «هم‌اکنون نصب نمایید» بزنید و وقتی نصب تموم شد، افزونه رو فعال کنید.
تنظیم افزونه FancyBox
بعد از فعال‌سازی، از منوی «تنظیمات» وارد «Fancybox for WP» بشید. توی این صفحه بخش‌هایی برای ظاهر، انیمیشن، رفتار لایتباکس، گالری‌ها و گزینه‌های جانبی می‌بینید. اگه تازه‌کار هستید، فعلاً تنظیمات پیش‌فرض رو دست نزنید و اول نتیجه رو توی یک نوشته آزمایشی ببینید.
برای اینکه افزونه روی یک تصویر کار کنه، اون تصویر باید به فایل رسانهای خودش لینک بشه. تصویر رو توی ویرایشگر انتخاب کنید، روی آیکون پیوند بزنید و «پرونده رسانهای» رو انتخاب کنید.
بعد نوشته رو ذخیره کنید و توی صفحه سایت روی عکس بزنید.
تنظیمات مهم افزونه به زبان ساده
- Appearance: ظاهر پنجره، فاصله‌ها، رنگ‌ها و بعضی کنترل‌های نمایشی رو تغییر می‌ده.
- Animations: نوع حرکت موقع باز یا بسته‌شدن لایتباکس رو مشخص می‌کنه.
- Behaviour: رفتار کلی لایتباکس، مثل روش بستن پنجره یا جابه‌جایی بین تصاویر رو کنترل می‌کنه.
- Galleries: تصاویر مرتبط رو توی یک گروه قرار می‌ده تا کاربر بتونه بین اون‌ها حرکت کنه.
- Misc: گزینه‌های جانبی افزونه رو یک‌جا در اختیارتون می‌ذاره.
بعد از هر تغییری، نتیجه رو هم با کامپیوتر و هم با موبایل بررسی کنید. روشن‌کردن همه گزینه‌ها همیشه تجربه بهتری نمی‌سازه. معمولاً تنظیمات ساده، سرعت مناسب و یک دکمه بستن واضح برای کاربر مفیدتره.
قابلیت داخلی وردپرس بهتره یا افزونه FancyBox؟
| نیاز شما | انتخاب پیشنهادی |
|---|---|
| بزرگشدن ساده عکس با کلیک | قابلیت داخلی وردپرس |
| کم نگه‌داشتن تعداد افزونه‌ها | قابلیت داخلی وردپرس |
| نمایش اسلایدی و تصاویر بندانگشتی | FancyBox for WordPress |
| نمایش ویدئو یا PDF در لایتباکس | FancyBox for WordPress |
| کنترل بیشتر روی ظاهر و انیمیشن | FancyBox for WordPress |
پس اگه فقط یک نمایش بزرگ و تمیز از عکس میخواید، کار رو با ابزار داخلی وردپرس شروع کنید. هر وقت به امکانات بیشتری نیاز پیدا کردید، میتونید سراغ افزونه رایگان برید. لازم نیست از همون اول برای هر سایتی افزونه نصب کنید.
نکته‌های مهم برای سرعت و تجربه کاربر
- عکس‌های خیلی بزرگ و سنگین آپلود نکنید. لایتباکس حجم فایل رو کم نمی‌کنه.
- برای هر تصویر، متن جایگزین مرتبط بنویسید تا موضوع عکس برای موتور جست‌وجو و ابزارهای کمکی واضح‌تر باشه.
- بعد از فعال‌سازی، لایتباکس رو روی موبایل و با حرکت لمسی امتحان کنید.
- اگه قالب یا افزونه دیگهای لایتباکس داره، دو قابلیت مشابه رو همزمان روشن نکنید؛ چون ممکنه با یک کلیک دو پنجره باز بشه.
- قبل از نصب افزونه، پیش‌نیازهای نسخه فعلیش رو توی صفحه رسمی مخزن وردپرس بررسی کنید.
جمع‌بندی
برای ساخت لایت باکس تصاویر وردپرس همیشه به افزونه نیاز ندارید. قابلیت داخلی وردپرس برای بزرگ‌کردن ساده عکس‌ها سریع و راحت کار می‌کنه. فقط باید بلوک تصویر رو انتخاب کنید و گزینه بزرگشدن با کلیک رو روشن کنید.
اگه گالری پیشرفته، نمایش اسلایدی، تصاویر بندانگشتی، ویدئو، PDF یا تنظیمات ظاهری بیشتری میخواید، افزونه رایگان FancyBox for WordPress گزینه خوبیه. یادتون نره بعد از راه‌اندازی، نتیجه رو روی موبایل و چند تصویر مختلف امتحان کنید.
سؤال‌های متداول
برای ساخت لایتباکس در وردپرس حتماً افزونه لازمه؟
نه. وردپرس از نسخه ۶.۴ گزینه بزرگشدن با کلیک رو برای بلوک تصویر داره. اگه فقط یک لایتباکس ساده میخواید، همین قابلیت معمولاً کافیه.
افزونه FancyBox for WordPress رایگانه؟
بله. این افزونه بهرایگان توی مخزن رسمی وردپرس منتشر شده و میتونید اون رو از بخش افزودن افزونه تازه نصب کنید.
کدوم روش برای سایت من بهتره؟
اگه فقط میخواید تصویر با کلیک بزرگ بشه، از قابلیت داخلی وردپرس استفاده کنید. اگه نمایش اسلایدی، تصاویر بندانگشتی، ویدئو، PDF یا تنظیمات بیشتری میخواید، FancyBox for WordPress انتخاب کاملتریه.
چرا لایتباکس افزونه برای تصویر باز نمیشه؟
اول مطمئن بشید که تصویر به پرونده رسانهای خودش لینک شده. بعد کش سایت و مرورگر رو پاک کنید و بررسی کنید که قالب یا افزونه دیگهای لایتباکس جداگانهای رو همزمان فعال نکرده باشه.
پیش نمایش مشکل داره
مشکل از سایت مقصد است نه از میهن وردپرس.
پیشنمایش در تصویر اخر مشخص است.