آموزش افزونه گالری تصاویر FooGallery برای سایت وردپرسی

  • دسته بندی : اخبار
  • بدون نظر
  • تاریخ بروزرسانی : ۲۸ فروردین ۱۴۰۱
  • 85 بازدید

آموزش افزونه گالری تصاویر FooGallery برای سایت وردپرسی

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

 

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

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

 

آموزش کار با افزونه FooGallery

پس از نصب این پلاگین ، طبق روال همیشگی تغییراتی در پیشخوان وردپرس شما به وجود می آید . یعنی پس از نصب و فعال سازی یک گزینه به اسم FooGallery به پیشخوان وردپرس شما اضافه خواهد شد . که اگر بروی آن کلیک کنید ، به صفحه پیکربندی این افزونه منتقل خواهید شد . در آن باید روی گزینه Allow & Continue کلیک کنید تا زیرمجموعه‌های افزونه، برای شما نمایش داده شود. زمانی که شما روی این گزینه کلیک کنید، یک سری زیرمجموعه به گزینه FooGallery اضافه خواهد شد که شما برای ایجاد گالری باید روی گزینه “گالری‌ها” کلیک کنید . بعدازاینکه در بخش “افزودن عنوان” یک تیتر دلخواه برای گالری تصاویر وارد کردید، تنظیمات را پیکربندی کنید.

 

اضافه کردن گالری

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

 

آموزش افزونه گالری تصاویر FooGallery برای سایت وردپرسی

 

جایگذاری شورت کد در متن ویرایشگری

هر باکس یا استایلی که در ذهن دارید ، میتوانند سفارشی سازی هایی رو از نظر استایل داشته باشند . شما هم میتونید این گالری هارو سفارشی سازی کنید . خیلی جالبه که این افزونه شما رو قادر کرده است تا تغییرات سی اس اس خود را در آن وارد کنید . در باکسی که در این بخش قرار دارد می‌توانید یک CSS سفارشی برای گالری تصاویر قرار دهید و با کمک آن، استایل دلخواه خود را به گالری دهید. در سمت چپ پس از اضافه کردن تصویر یک شورت کد ایجاد می‌شود که این شورت کد در نوشته و برگه موردنظر خود در بخش ویرایشگر کپی و جایگذاری کنید. همچنین در بخش ویرایشگر دکمه “اضافه کردن Foogallery” نیز اضافه شده است از این طریق هم می‌توانید گالری ایجاد کنید.

 

وبیت این پست توسط نگارش شده است.

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

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود

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

همکاران وبیت