گالری در وردپرس با افزونه Gallery Images Ape

زمان انتشار:
تعداد بازدید: 216
دسته بندی ها: افزونه وردپرس، گالری

زمان تقریبی خواندن نوشته: 12 دقیقه
حالت تمام صفحه:

گالری در وردپرسسلام عزیزان 🙂
در این نوشته از وردپرس یاد با یکی از بهترین افزونه‌ها جهت ساخت گالری در وردپرس در خدمت شما هستیم.
کارکرد ساده و آسان و همچنین امکانات فوق‌العاده و رایگانی که این افزونه نسبت به افزونه‌های دیگر دارد، آن را از افزونه‌های دیگر کمی متفاوت‌تر و بهتر کرده است.

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

گالری در وردپرس با افزونه Gallery Images Ape

ایجاد یک گالری تصاویر در وردپرس کار سختی نیست. به آسانی می‌توانید با نصب یک افزونه وردپرس این امکان را به سایت خود اضافه کنید.
در این نوشته به شما آموزش افزونه Gallery Images Ape را خواهیم داد که بعد از این آموزش می‌توانید گالری‌های متنوع در وردپرس ایجاد کنید.

گالری در وردپرس - بنر افزونه

خب به نصب و نحوه‌ی استفاده از این افزونه جهت راه‌اندازی گالری در وردپرس می‌پردازیم.

گالری در وردپرس - تنظیمات افزونه

نصب و استفاده از افزونه

ابتدا افزونه را از انتهای همین نوشته دانلود کنید و روی سیستم خود قرار دهید.
پس از آن به پیشخوان سایت وردپرسی خودتان بروید و از قسمت افزونه‌ها > افزودن، اقدام به نصب افزونه کنید.
پس از نصب و فعال‌سازی افزونه گزینه‌ی جدیدی به‌نام Gallery Ape به پیشخوان مدیریت وردپرس شما اضافه شده است.

بعد از واردشدن به برگه این افزونه، صفحه‌ای مشابه تصویر زیر را مشاهده می‌کنید.

گالری در وردپرس - افزودن گالری جدید

خب هنوز که گالری نداریم و این قسمت خالی است.
برای ساخت اولین گالری روی گزینه New Gallery کلیک کنید.

گالری در وردپرس - تنظیمات کلی گالری موردنظر

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

در ابتدا نامی برای گالری موردنظر خودتان بنویسید.
بعد از آن روی گزینه سبزرنگ Gallery Resources کلیک کنید و از بخش رسانه وردپرس خودتان تصایر موردنظرتان را انتخاب/آپلود کنید.

گالری در وردپرس - افزودن تصاویر به گالری

مشابه تصویر بالا تصاویری را که می‌خواهید در گالری نمایش داده شود را تیک‌دار کنید و دکمه‌ی “افزودن به گالری” و بعد از آن هم “بروزرسانی گالری” را کلیک کنید.

خب تا اینجای کار گالری در وردپرس ساخته شده‌است.
می‌توانید همین حالا بدون اینکه تنظیمات خاصی را داشته باشید به یک برگه جدید بروید و شورت‌کد گالری را در آن برگه قرار دهید.

اما در ادامه به آموزش تنظیمات این افزونه می‌پردازیم تا گالری‌های متنوع و جذاب‌تری را بتوانیم ایجاد کنیم.

بخش Static Content – تنظیمات افزونه

گالری در وردپرس - تنظیمات بارگذاری سریع‌تر گالری

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

بخش Interface – تنظیمات افزونه

گالری در وردپرس - تنظیمات افزونه - بخش گالری در وردپرس - تنظیمات افزونه - بخش گالری در وردپرس - تنظیمات افزونه - بخش Interface

در این قسمت رویدادها و متن‌هایی که در رابط‌کاربری نمایش داده می‌شود قابل تنظیم است.

  • Click event: رویداد کلیک بر روی تصاویر گالری فعال باشد یا خیر.
  • Hover mode: حالت هاور* شدن روی تصاویر فعال باشد یا خیر.

* وقتی با مأوس روی یک المان در صفحه‌وب می‌رویم را هاور می‌گویند که ممکن است با هاور شدن یک حالت انیمیشنی بر روی آن المان ایجاد شود.

  • Animation: انیمیشنی که با رفتن بر روی تصاویر ایجاد می‌شود را می‌توانید انتخاب کنید.
  • Image Title text styling: عنوان تصاویر و استایل موردنظر آن‌ها را می‌توانید از این بخش تنظیم کنید.
  • Image Description text styling: مربوط به بخش پرمیوم!
  • Hover Link button styling: استایل دکمه مربوط به لینک تصاویر در حالتی که روی هر کدام هاور می‌شود.
  • Hover Zoom buttons styling: استایل دکمه + که با هاور شدن روی هر تصویر نمایش داده می‌شود (حتی می‌توانید آیکون را به دلخواه تغییر دهید یا آن را بردارید).
  • Polaroid style: فعال‌کردن سبک پلاروید.
  • Pagination options: گزینه‌های مربوط به صفحه‌بندی تصاویر – فعال/غیرفعال کردن حالت پیش‌بارگیری تصاویر (یک سری متن انگلیسی در این قسمت وجود دارد که بهتر است آن‌ها را به فارسی تبدیل کنید).

بخش Size – تنظیمات افزونه

گالری در وردپرس - تنظیمات افزونه - بخش Size

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

نکته ۱: اگر می‌خواهید گالری شما رسپانسیو باشد بهتر است گزینه Width را روی حالت پیش‌فرض یعنی ۱۰۰٪ بگذارید و تغییری ندهید.

نکته ۲: این بخش مربوط به فاصله‌های طرفین تصاویر شاخص گالری نیست. فاصله‌های مربوط به تصاویر شاخص در قسمت بعدی یعنی Thumbnails قرار دارد.

بخش Thumbnails – تنظیمات افزونه

گالری در وردپرس - تنظیمات افزونه - بخش Thumbnails

این قسمت خیلی کاربردی است و می توانید با تنظیمات دلخواه در این قسمت گالری‌های زیبایی را ایجاد کنید.
مثلا ما در انتهای همین نوشته ۲ دمو متنوع برای شما آماده کردیم که دمو دوم با ویرایش‌های مربوط به همین قسمت ایجاد شده است.

  1. Ratio: در این قسمت Y space مربوط به فاصله عمودی بین تصاویر است – X space مربوط به فاصله افقی بین تصاویر است – Radius مربوط به خمیدگی دور تصاویر است.
  2. Alignment: چینش تصاویر (فرق چندانی برای سایت‌های فارسی‌زبان ندارد).
  3. Shadow: میزان سایه و رنگ سایه‌ی تصاویر درون گالری.
  4. Border: رنگ حاشیه‌ی دور تصاویر را می‌توانید تعیین کنید (Width برای ضخامت – Style برای تعیین استایل – Color برای تعیین رنگ حاشیه).

بخش Menu – تنظیمات افزونه

گالری در وردپرس - تنظیمات افزونه - بخش Menu

در اینجا می‌توانید برای گالری خودتان یک منو در بالای همه‌ی تصاویر نمایش دهید تا تصاویر مربوط به هر منو با کلیک بر روی آن نمایش داده شود (بهتر است منو را غیرفعال کنید).

توجه: این افزونه در نمایش منو کمی دارای ضعف است که پیشنهاد می‌کنیم بخش منو را برای این افزونه غیرفعال کنید.
اما اگر می‌خواهید برای این گالری در وردپرس منو داشته باشید ما افزونه Robo gallery را که قبلا آموزش آن‌را قرار داده‌ایم به شما پیشنهاد می‌کنیم.

بخش Lightbox – تنظیمات افزونه

گالری در وردپرس - تنظیمات افزونه - بخش Lightbox

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

بعد از بازشدن لایت باکس، تصاویر گالری به صورت اسلایدر تصاویر در وردپرس نمایش داده می‌شوند که کاربر می‌تواند تصاویر دیگر را در همان حالت لایت‌باکس مشاهده کند.

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

البته بخش Options مربوط به این افزونه هم دارای تنظیماتی است که اصلا برای شما کاربردی نیست و بهتر است کلا با این قسمت کاری نداشته باشید.

نمایش گالری در وردپرس

به بخش ایجاد برگه‌ای جدید بروید.

گالری در وردپرس - قراردادن شورت‌کد در برگه‌ی جدید

مشاهده می‌کنید که در بالای ادیتور شما گزینه Add Gallery Ape اضافه شده است.
روی آن کلیک کنید و در پاپ‌آپ باز شده گالری‌ای که ایجاد کردید را انتخاب کنید تا وارد ادیتو شود.

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

ما برای دمو این افزونه ۲ دمو آماده کرده‌ایم که امکان مشاهده آنلاین هر کدام هم در انتهای همین نوشته وجود دارد.

خروجی کار – دمو اول

گالری در وردپرس - دمو 1 افزونه

این دمو پیش‌فرض افزونه است و تنظیمات خاصی را عمال نکردیم.

خروجی کار – دمو دوم

گالری در وردپرس - دمو 2 افزونه

در دمو دوم پیش‌فرض را تغییر دادیم و از قسمت Thumbnails تنظیمات افزونه فاصله بین تصاویر، سایه، حاشیه و خمیدگی حاشیه را برداشیم و به این حالت که مشاهده می‌کنید گالری را ایجاد کردیم.

خروجی کار – لایت‌باکس تصاویر

گالری در وردپرس - دمو لایت‌باکس افزونه

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

امیدواریم این آموزش برای شما مفید بوده باشد.
سوالات و مشکلات خود را در هنگام استفاده از این افزونه گالری در وردپرس در بخش کامنت‌ها برای ما قرار دهید تا پاسخگوی شما عزیزان باشیم.

موفق باشید…

دانلود افزونه Gallery Images Ape + پیش‌نمایش آنلاین

دانلود صفحه‌ی افزونه پیش نمایش ۱ پیش نمایش ۲

درباره نویسنده

41 نوشته تا کنون
در تلاشم که وردپرس یاد مرجعی برای آموزش کامل و رایگان وردپرس باشد. در اینجا تولید محتوای بهینه و اختصاصی در اولویت تمام کارهای ما قرار دارد.

پاسخ دهید

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

دیدگاه های این نوشته

دیدگاهی برای این نوشته وجود ندارد.