ویجت گالری پایه (base gallery) در المنتور

ابزاری قوی برای نمایش تصاویر

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

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

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

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

بخش گالری پایه در محتوای المنتور

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

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

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

گزینه تصاویر در المان base gallery المنتور

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

بخش زیرنویس در ویجت گالری پایه المنتور

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

بخش پیشرفته در المان base gallery المنتور

در بخش پیشرفته (Advanced) تنظیمات هر المانی در المنتور گزینه های استاندارد و قدرتمندی برای کنترل موقعیت و ظاهر المان در سطح صفحه وجود دارد. این تنظیمات شامل مواردی مانند مدیریت مارجین فاصله بیرونی و پدینگ فاصله داخلی برای ایجاد فضای مناسب اطراف المان تنظیم کلاس های CSS سفارشی یا شناسه های ID برای استایل دهی بیشتر با کدنویسی دلخواه و کنترل واکنش گرایی جهت تعیین نمایش یا عدم نمایش المان در دستگاه های مختلف موبایل تبلت و دسکتاپ میباشد. همچنین افکت های حرکتی و تنظیمات مربوط به پس زمینه و حاشیه ها نیز در این بخش قابل دسترسی هستند.

بخش طرح بندی در المنتور

در بخش طرح بندی (Layout) که زیرمجموعه تنظیمات پیشرفته شما میتوانید نحوه قرارگیری و رفتار المان در صفحه را مدیریت کنید. مهمترین گزینه در این بخش تنظیم موقعیت المان است که به شما امکان میدهد آن را به صورت چسبان (Sticky) درآورید تا هنگام اسکرول کاربر در کنار صفحه ثابت بماند. همچنین میتوانید تنظیمات مربوط به عرض المان ترتیب (Z-index) برای مدیریت روی هم افتادن عناصر و کلاس های CSS اضافی را برای کنترل دقیق تر نحوه چیدمان بصری جدول محتوا در صفحه وب سایت خود اعمال کنید.

آموزش موشن افکت در المنتور وردپرس

در بخش موشن افکت (Motion Effects) در تنظیمات پیشرفته شما میتوانید جلوه های بصری جذابی به فهرست مطالب خود اضافه کنید. این بخش به شما اجازه میدهد تا انیمیشن های ورودی ختلفی مانند محو شدن یا سر خوردن از بالا را برای زمانی که المان در صفحه بارگذاری میشود انتخاب کنید. همچنین میتوانید مدت زمان و تاخیر اجرای این انیمیشن ها را تنظیم کنید تا حرکت المان جدول محتوا در هنگام مشاهده صفحه توسط کاربر حرفه ای تر و پویاتر به نظر برسد.

بخش تبدیل در ویجت گالری پایه 

در بخش تبدیل (Transform) که در تنظیمات پیشرفته المان های المنتور یافت میشود میتوانید تغییرات هندسی دقیقی روی المان اعمال کنید. این تنظیمات شامل گزینه هایی برای چرخاندن المان در محورهای مختلف تغییر مقیاس یا اندازه کشیدن یا کج کردن (Skew) و جابجایی دستی موقعیت آن بدون تاثیر بر چیدمان سایر عناصر صفحه است. این ابزارها برای ایجاد جلوه های بصری خلاقانه و دقیق در طراحی سایت شما بسیار مفید هستند.

بخش پس زمینه در المنتور وردپرس

در بخش پس زمینه (Background) تنظیمات پیشرفته شما میتوانید ظاهر پشت زمینه این ویجت را فراتر از تنظیمات باکس تغییر دهید. این بخش به شما امکان میدهد تا یک رنگ ثابت یا یک گرادیان رنگی جذاب را به عنوان پس زمینه المان انتخاب کنید. همچنین میتوانید یک تصویر سفارشی را به جای رنگ آپلود کرده و تنظیمات مربوط به موقعیت اندازه و تکرار تصویر پس زمینه را مدیریت کنید تا جلوه بصری مورد نظر خود را دقیقا روی کادر جدول محتوا اعمال کنید.

تنظیم حاشیه در المنتور

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

گزینه ماسک در المان های المنتور

در بخش ماسک (Mask) که یکی از ویژگی های خلاقانه و پیشرفته در تنظیمات المنتور است شما میتوانید شکل ظاهری المان جدول محتوا یا هر المان دیگری را با استفاده از الگوهای مختلف تغییر دهید. به جای اینکه المان به صورت یک مستطیل ساده نمایش داده شود میتوانید شکلی مانند دایره مثلث یا الگوهای سفارشی دیگر را به عنوان ماسک انتخاب کنید. این قابلیت به شما امکان میدهد تا بخش هایی از المان را پنهان کرده و تنها قسمت مشخصی که توسط ماسک پوشانده شده را به نمایش بگذارید که برای ایجاد طرح های بصری منحصر به فرد و خارج از کادر بسیار مفید است.

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

در بخش واکنش گرایی (Responsive) تنظیمات پیشرفته شما میتوانید نحوه نمایش این ویجت را در دستگاه های مختلف تنظیم و بهینه سازی کنید. این قابلیت به شما امکان میدهد تا مشخص کنید که آیا این المان در صفحات نمایش دسکتاپ تبلت یا موبایل نمایش داده شود یا خیر و در صورت نمایش تنظیمات خاصی مانند مخفی کردن سربرگ در موبایل یا تغییر ترتیب قرارگیری آن اعمال کنید. هدف اصلی این بخش اطمینان از این است که فهرست مطالب در هر اندازه صفحه نمایشی به درستی و با بهترین تجربه کاربری ممکن به مخاطب نمایش داده شود و طراحی سایت شما ریسپانسیو باقی بماند.

بخش ویژگی ها درالمان  گالری پایه المنتور

در بخش ویژگی ها (Attributes) که در تنظیمات پیشرفته المان های المنتور موجود است شما میتوانید اوصاف سفارشی HTML را به عنصر اصلی المان اضافه کنید. این قابلیت برای توسعه دهندگان وب و کاربران پیشرفته مفید است زیرا به آنها اجازه میدهد تا دادههای خاصی را برای تعامل با کدهای جاوا اسکریپت سفارشی یا بهبود سئوی فنی صفحه اضافه کنند. این ویژگیها مستقیما به کد خروجی المان اضافه میشوند و امکان انعطاف پذیری بیشتر در پیاده سازی عملکردهای خاص و تعامل های پیشرفته را فراهم میکنند که فراتر از تنظیمات استاندارد المنتور است.

بخش css سفارشی در المنتور

در المنتور منظور از سفارشی سازی (Customization) مجموعه گستردهای از تنظیمات است که به شما امکان میدهد ظاهر رفتار و عملکرد المان جدول محتوا را دقیقا مطابق با نیازها و سلیقه خود تنظیم کنید. این سفارشی سازی شامل تغییر رنگها فونت ها حاشیه ها و پس زمینه در بخش های استایل میشود و همچنین شامل تنظیمات پیشرفته تری مانند اعمال موشن افکت ها موقعیت دهی دقیق المان با استفاده از طرح بندی و افزودن کدهای CSS یا اوصاف HTML دلخواه برای ایجاد تغییرات منحصر به فرد در بخش پیشرفته است که در نهایت منجر به تولید یک خروجی بصری و کاربردی کاملا شخصی سازی شده میشود.

مزایای مهم ویجت گالری پایه در المنتور

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

ویجت گالری پایه (base gallery) در المنتور از نظر سئو

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

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