ساخت گالری عکس حرفه‌ای در وردپرس با افزونه FooGallery

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

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

ساخت گالری عکس حرفه‌ای در وردپرس با FooGallery

FooGallery چیه و برای چه سایت‌هایی مناسبه؟

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

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

نسخه رایگان FooGallery چه امکاناتی داره؟

نسخه رایگان FooGallery برای ساخت بیشتر گالری‌های معمولی امکانات کافی داره. می‌تونید تصاویر رو از کتابخانه رسانه انتخاب کنید، ترتیبشون رو عوض کنید، اندازه بندانگشتی‌ها رو مشخص کنید و گالری رو با بلوک یا شورت‌کد داخل سایت بذارید.

• ساخت چند گالری جدا از هم
• استفاده از چیدمان‌های رایگان موجود در نسخه نصب‌شده
• مرتب‌کردن تصاویر با کشیدن و رهاکردن
• تنظیم فاصله، حاشیه و ظاهر بندانگشتی‌ها در چیدمان‌های پشتیبانی‌شده
• نمایش واکنش‌گرای گالری در صفحه‌های مختلف
• اتصال تصاویر به گزینه‌های نمایش بزرگ‌تر که در نسخه و چیدمان فعلی در دسترس هستن
• نمایش گالری با بلوک FooGallery یا شورت‌کد

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

چه قابلیت‌هایی فقط در نسخه PRO در دسترس هستن؟

FooGallery نسخه پولی هم داره. بعضی تنظیمات پیشرفته، چیدمان‌ها و امکانات مخصوص مدیریت یا نمایش حرفه‌ای‌تر تصاویر فقط در پلن‌های PRO دیده می‌شن. برای نمونه، بعضی کنترل‌های اختصاصی موبایل یا امکانات پیشرفته گالری ممکنه به ارتقا نیاز داشته باشن.

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

ساخت گالری بدون افزونه با قالب‌های پیشرفته

اگه قالب پیشرفته‌ای مثل اهورا دارید، ممکنه امکانات داخلی قالب برای ساخت یک گالری معمولی کافی باشه و نیازی به نصب افزونه جداگانه نداشته باشید. این قالب المان‌هایی برای ساخت و چیدمان گالری عکس در اختیارتون می‌ذاره. پس قبل از نصب FooGallery، المان‌ها و تنظیمات نسخه فعلی قالبتون رو بررسی کنید تا یک قابلیت مشابه رو دوباره به سایت اضافه نکنید.

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

نصب و راه‌اندازی افزونه FooGallery

نصب FooGallery از مخزن وردپرس

از پیشخوان وردپرس وارد مسیر «افزونه‌ها ← افزودن افزونه تازه» بشید. داخل کادر جست‌وجو عبارت FooGallery رو بنویسید. افزونه رو از بین نتیجه‌ها پیدا کنید، روی «نصب» بزنید و بعد از تمام‌شدن نصب، دکمه «فعال‌سازی» رو انتخاب کنید.

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

آشنایی با صفحه شروع و بخش‌های اصلی افزونه

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

برای کار اصلی با افزونه، بیشتر با فهرست گالری‌ها، گزینه ساخت گالری تازه و تنظیمات عمومی سروکار دارید. فهرست گالری‌ها همه مجموعه‌هایی رو نشون می‌ده که قبلاً ساخته‌اید. تنظیمات عمومی هم روی رفتار کلی افزونه اثر می‌ذاره.

ساخت اولین گالری عکس در FooGallery

ایجاد یک گالری تازه

از منوی FooGallery روی گزینه ساخت گالری تازه یا Add Gallery کلیک کنید. بالای صفحه یک عنوان مشخص بنویسید؛ مثلاً «نمونه‌کارهای طراحی سایت». این عنوان بیشتر برای پیدا‌کردن گالری داخل پیشخوان کاربرد داره، پس بهتره کوتاه و واضح باشه.

انتخاب چیدمان مناسب برای گالری

در بخش Gallery Layout باید شکل نمایش گالری رو انتخاب کنید. Layout یعنی چیدمان؛ یعنی عکس‌ها با چه اندازه و نظمی کنار هم قرار بگیرن. برای شروع، یک چیدمان ساده و واکنش‌گرا انتخاب خوبی هست. بعداً هر زمان لازم بود می‌تونید این انتخاب رو عوض کنید.

اضافه‌کردن عکس‌ها از کتابخانه رسانه

در بخش Gallery Items روی دکمه Add From Media Library بزنید. Gallery Items همون عکس‌ها یا آیتم‌های داخل گالری هستن. حالا می‌تونید تصاویر موجود در کتابخانه رسانه رو انتخاب کنید یا فایل‌های تازه رو از کامپیوترتون بارگذاری کنید.

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

تغییر ترتیب، عنوان و توضیحات عکس‌ها

برای عوض‌کردن ترتیب، هر تصویر رو با ماوس بگیرید و در جای دلخواه رها کنید. این روش با نام کشیدن و رهاکردن شناخته می‌شه. ترتیب تصاویر باید یک مسیر قابل‌فهم بسازه؛ مثلاً عکس اصلی پروژه رو اول و جزئیات اون رو بعدتر بذارید.

عنوان، کپشن و متن جایگزین هر عکس رو از کتابخانه رسانه بررسی کنید. کپشن متن کوتاهی هست که ممکنه کنار عکس دیده بشه. متن جایگزین یا Alt Text هم محتوای مفید تصویر رو وقتی خود عکس دیده نمی‌شه برای کاربر توضیح می‌ده؛ برای نمونه وقتی تصویر بارگذاری نشده یا کاربر از صفحه‌خوان کمک می‌گیره.

بررسی پیش‌نمایش و انتشار گالری

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

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

تنظیم ظاهر گالری عکس

انتخاب اندازه و نسبت تصویر بندانگشتی

بندانگشتی نسخه کوچک‌تری از تصویر اصلی هست که داخل گالری دیده می‌شه. اندازه کوچک‌تر معمولاً سرعت بارگذاری بهتری داره، ولی اگه بیش از حد کوچک باشه، تصویر روی صفحه‌های بزرگ تار دیده می‌شه.

نسبت تصویر هم رابطه عرض و ارتفاع عکس هست. برای نمونه، نسبت ۱:۱ یک تصویر مربعی می‌سازه. اگه همه عکس‌ها قاب مشابهی دارن، یک نسبت ثابت ظاهر مرتب‌تری ایجاد می‌کنه. اگه نمی‌خواید بخش‌هایی از عکس بریده بشن، چیدمانی رو انتخاب کنید که نسبت طبیعی تصاویر رو حفظ می‌کنه.

تنظیم فاصله، حاشیه و نحوه چینش عکس‌ها

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

فعال‌کردن افکت‌های هاور و آیکون بارگذاری

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

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

تنظیم لایت‌باکس برای نمایش بزرگ‌تر عکس‌ها

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

تنظیم صفحه‌بندی برای گالری‌های بزرگ

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

انتخاب بهترین چیدمان برای گالری

فهرست چیدمان‌های در دسترس به نسخه و پلن FooGallery بستگی داره. ممکنه بعضی گزینه‌های زیر در نسخه رایگان فعال باشن و بعضی دیگه برچسب PRO یا ارتقا داشته باشن. قبل از انتخاب نهایی، وضعیت همون گزینه رو داخل صفحه ساخت گالری بررسی کنید.

چیدمان Responsive برای یک گالری ساده و واکنش‌گرا

Responsive یک انتخاب ساده برای بیشتر سایت‌هاست. عکس‌ها رو داخل یک شبکه منظم می‌چینه و تعداد ستون‌ها رو با فضای صفحه هماهنگ می‌کنه. اگه همه تصاویر اندازه تقریباً مشابهی دارن، بهتره کار رو با همین گزینه شروع کنید.

چیدمان Masonry برای عکس‌هایی با اندازه‌های متفاوت

Masonry یا چیدمان آجرچین، عکس‌هایی با ارتفاع متفاوت رو مثل قطعه‌های یک دیوار کنار هم می‌ذاره. این مدل برای وبلاگ تصویری و گالری‌هایی مناسبه که ترکیبی از عکس‌های عمودی و افقی دارن.

چیدمان Justified برای نمایش منظم ردیفی

Justified عرض تصاویر رو طوری تنظیم می‌کنه که هر ردیف فضای افقی رو پر کنه. ارتفاع تصاویر هر ردیف به هم نزدیک می‌مونه و نتیجه شبیه گالری‌های آنلاین عکاسی دیده می‌شه. این چیدمان برای مجموعه‌هایی با عکس‌های افقی و عمودی جذابه.

چیدمان Portfolio برای نمونه‌کارها

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

چیدمان Image Viewer و Carousel برای نمایش متمرکز عکس‌ها

Image Viewer معمولاً یک تصویر اصلی رو همراه با کنترل‌های جابه‌جایی نمایش می‌ده. Carousel هم تصاویر رو به‌شکل یک ردیف متحرک ارائه می‌کنه. این مدل‌ها برای نمایش مرحله‌ای تصاویر مناسب هستن، ولی بهتره دکمه‌های قبلی و بعدی واضح باشن و حرکت خودکار خیلی سریع نباشه.

بعضی چیدمان‌ها یا تنظیمات اون‌ها ممکنه به نسخه PRO نیاز داشته باشن. اگه گزینه‌ای در صفحه گالری قفل بود، توضیح کنار همون گزینه رو بررسی کنید.

قراردادن گالری در نوشته یا برگه وردپرس

نمایش گالری با بلوک اختصاصی FooGallery

نوشته یا برگه موردنظرتون رو با ویرایشگر بلوکی باز کنید. روی دکمه افزودن بلوک بزنید و FooGallery رو جست‌وجو کنید. بلوک افزونه رو اضافه کنید و بعد گالری موردنظر رو از فهرست انتخاب کنید.

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

نمایش گالری با شورت‌کد

شورت‌کد یک قطعه متن کوتاه داخل کروشه هست که وردپرس اون رو به خروجی گالری تبدیل می‌کنه. شورت‌کد ساخته‌شده برای گالری رو کپی کنید. بعد یک بلوک «کد کوتاه» به برگه اضافه کنید و شورت‌کد رو داخل اون بذارید.

این روش وقتی کاربرد داره که بلوک اختصاصی در بخش موردنظر در دسترس نباشه یا صفحه‌ساز شما از شورت‌کد پشتیبانی کنه. بعد از ذخیره صفحه، خروجی رو حتماً در دسکتاپ و موبایل بررسی کنید.

استفاده از FooGallery در ویرایشگر کلاسیک

اگه هنوز از ویرایشگر کلاسیک استفاده می‌کنید، ممکنه دکمه Add FooGallery رو بالای محیط ویرایش ببینید. با انتخاب اون می‌تونید یکی از گالری‌های ساخته‌شده رو وارد محتوا کنید. اگه دکمه دیده نشد، شورت‌کد همیشه راه جایگزین ساده‌تریه.

بهینه‌سازی گالری برای موبایل، سرعت و سئو

بررسی نمایش گالری در موبایل و تبلت

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

کم‌کردن حجم عکس‌ها بدون افت محسوس کیفیت

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

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

انتخاب اندازه درست عکس و جلوگیری از بارگذاری فایل‌های سنگین

اگه بیشترین عرض محل نمایش گالری ۱۲۰۰ پیکسل هست، معمولاً نیازی نیست یک فایل چند هزار پیکسلی رو برای همون بخش بارگذاری کنید. نسخه‌ای متناسب با محل نمایش آماده کنید و فایل اصلی خیلی بزرگ رو فقط وقتی نگه دارید که کاربر واقعاً به دانلود اون نیاز داره.

نوشتن متن جایگزین مناسب برای عکس‌ها

متن جایگزین باید کوتاه و دقیق بگه تصویر چه محتوای مفیدی داره. برای مثال، به‌جای «عکس ۱»، می‌تونید بنویسید «نمای صفحه ساخت گالری در افزونه FooGallery». هدف اینه که اگه تصویر دیده نشد، مفهوم ضروری اون از بین نره. لازم نیست کلمه کلیدی رو به‌شکل تکراری داخل متن همه تصاویر بذارید.

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

جلوگیری از کندشدن صفحه‌های دارای عکس زیاد

برای یک گالری بزرگ، در صورت دسترسی به قابلیت مناسب، تصاویر رو صفحه‌بندی کنید یا تعداد محدودی رو در شروع نشون بدید. قابلیت بارگذاری تنبل یا Lazy Load هم باعث می‌شه عکس‌های پایین صفحه وقتی دریافت بشن که کاربر به اون بخش نزدیک می‌شه.

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

شخصی‌سازی بیشتر گالری

استفاده از تنظیمات عمومی FooGallery

تنظیمات عمومی FooGallery روی رفتار کلی افزونه و چند گالری اثر می‌ذارن. قبل از تغییر هر گزینه، توضیح کنار اون رو بخونید. اگه فقط می‌خواید ظاهر یک گالری عوض بشه، بهتره اول تنظیمات همون گالری رو بررسی کنید.

اضافه‌کردن CSS سفارشی به گالری

CSS کدی هست که ظاهر بخش‌های سایت رو کنترل می‌کنه. نسخه فعلی FooGallery ممکنه بخشی برای CSS و JavaScript سفارشی در تنظیمات عمومی داشته باشه. چون نام و جای این بخش می‌تونه بین نسخه‌ها فرق کنه، قبل از افزودن کد مسیر دقیق اون رو در تنظیمات نسخه نصب‌شده بررسی کنید. برای بیشتر گالری‌ها همون تنظیمات آماده افزونه کافی هستن.

.foogallery {
  margin-top: 20px;
}

این نمونه فقط یک فاصله بالای گالری ایجاد می‌کنه، ولی چون کلاس عمومی .foogallery رو هدف گرفته، ممکنه روی همه گالری‌های سایت اثر بذاره. اگه می‌خواید فقط یک گالری تغییر کنه، باید انتخابگر اختصاصی همون گالری رو پیدا کنید. کلاس‌های لازم هم ممکنه با توجه به نسخه افزونه، قالب یا چیدمان فرق کنن، پس قبل از استفاده از کدهای پیچیده، راهنمای نسخه فعلی FooGallery رو بررسی کنید.

نکات مهم قبل از تغییر استایل گالری

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

رفع مشکلات رایج FooGallery

چرا گالری داخل برگه نمایش داده نمی‌شه؟

اول مطمئن بشید خود گالری منتشر شده و تصاویر داخل اون ذخیره شده‌ان. بعد بررسی کنید بلوک FooGallery به گالری درست وصل باشه یا شورت‌کد کامل کپی شده باشه. برگه رو به‌روزرسانی کنید و نسخه عمومی اون رو در یک پنجره ناشناس مرورگر ببینید.

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

چرا عکس‌ها تار یا بریده دیده می‌شن؟

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

بریده‌شدن عکس هم معمولاً به نسبت تصویر ثابت و حالت برش مربوطه. نسبت بندانگشتی یا نوع چیدمان رو عوض کنید. اگه نمایش کامل سوژه مهمه، از حالتی استفاده کنید که نسبت اصلی عکس رو نگه می‌داره.

چرا لایت‌باکس باز نمی‌شه؟

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

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

چطور تداخل FooGallery با قالب یا افزونه‌های دیگه رو بررسی کنیم؟

اول از سایت نسخه پشتیبان بگیرید و این آزمایش رو روی یک سایت آزمایشی انجام بدید. غیرفعال‌کردن افزونه‌ها روی سایت اصلی، به‌خصوص سایت فروشگاهی یا پربازدید، ممکنه بخش‌های مهمی رو از کار بندازه. در محیط آزمایشی، همه افزونه‌ها به‌جز FooGallery رو موقتاً غیرفعال کنید. اگه مشکل رفع شد، افزونه‌ها رو یکی‌یکی فعال کنید تا عامل تداخل مشخص بشه.

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

جمع‌بندی

برای ساخت گالری عکس حرفه‌ای در وردپرس با FooGallery، اول افزونه رو نصب کنید و یک گالری تازه بسازید. بعد تصاویر رو از کتابخانه رسانه اضافه کنید، چیدمان مناسب رو انتخاب کنید و ظاهر بندانگشتی‌ها، فاصله‌ها و لایت‌باکس رو تنظیم کنید.

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

سؤالات متداول

تیم تولید محتوا

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