٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

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

[ad_1] شرح یک راه بسیار آسان برای ایجاد یک نمونه کار زیبا و پاسخگو برای وب سایت های وردپرسی خود. گالری فیلتر نمونه کارها به طور کامل واکنش گرا است و با تمام دستگاه هایی مانند مک بوک، رایانه رومیزی،…

محمد یوسفی

10 نوامبر 2021

[ad_1]

شرح

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

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

امکانات
فیلترها – راهی آسان برای ایجاد فیلتر برای گالری های نمونه کارها
لایت باکس بوت استرپ – بهترین و پاسخگو لایت باکس تصویر بوت استرپ
طرح بندی چند ستونی – نمایش گالری نمونه کارها در چندین ستون مانند دو ستون، سه ستون، چهار ستون
پاسخگو – همه دستگاه ها مانند رایانه شخصی، مک، تب ها، تلفن ها سازگار هستند
شماره گذاری – نشان دادن شماره گذاری روی تصاویر
عنوان – نشان دادن عنوان / برچسب / عنوان تصویر در تصاویر گالری
فاصله یا بدون فاصله – نمایش گالری با فاصله و بدون فاصله
مقیاس خاکستری – گالری عکس زیبا با افکت Grayscale بسازید
سنگ تراشی – گالری عکس تصاویر به سبک سنگ تراشی
چند رنگ برای فیلترها – چند رنگ را برای دکمه فیلترها اعمال کنید
ویژگی های حرفه ای
آسان و ساده
گالری واکنش گرا
فیلتراسیون نمونه کارها
اضافه کردن فیلترهای نامحدود
رنگ فیلتر نامحدود
تنظیمات حاشیه را سفارشی کنید
گالری نمونه کارها سنگ تراشی
پیوند گالری نمونه کارها
بارگیری نمونه کارها بیشتر
طرح بندی ستون های متعدد
مبتنی بر بوت استرپ 3.3.6
30 اثر شناور
5 سبک پاپ آپ باکس نور
عنوان تصویر
گالری در پست
گالری در صفحه
گالری در ویجت
گالری SEO Friendly
تنظیم اندازه و کیفیت تصویر کوچک
خطای ناوبری در پیش نمایش لایت باکس
تصاویر گالری نمونه کارها دکمه های ترتیبی مانند صعودی، نزولی و مختلط
داشبورد پلاگین سفارشی ساده و کاربرپسند
ایجاد گالری نمونه کارها نامحدود با تصاویر نامحدود
CSS سفارشی
پیاده سازی آسان در هر جایی در وردپرس
نمونه کارها به راحتی قابل تنظیم
پشتیبانی سریع، دوستانه و با کیفیت
بهترین فیلتراسیون را در چندین تم دریافت خواهید کرد
می توانید رنگ های نامحدود را تغییر دهید، رنگ های پس زمینه عنوان و توضیحات را تغییر دهید، رنگ توضیحات عنوان را تغییر دهید، همچنین رنگ حاشیه تصاویر را تغییر دهید.
می‌توانید حاشیه تصویر را مانند رنگ‌های حاشیه، اندازه حاشیه سفارشی کنید
گالری سنگ تراشی به زیبایی ایجاد شده است
گزینه پیوند با هر دو موضوع شما همچنین می توانید دکمه خواندن بیشتر یا مشاهده را تنظیم کنید و به آن پیوند بدهید یا پیوند روی تصویر را بدهید
طرح بندی ستون های متعدد مانند 1 ستون، 2 ستون، 3 ستون، 4 ستون را تنظیم کنید

طراحی گالری فیلتر نمونه کارها

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

تعریف چیدمان بنایی در نمونه کارها
اصطلاح Masonry layout احتمالاً نام خود را مدیون پلاگین محبوب jQuery Masonry است که برای تولید این نوع طرح‌بندی استفاده می‌شود.
طرح بندی سنگ تراشی به عنوان طرح بندی سبک Pinterest نیز شناخته می شود، زیرا www.pinterest.com اولین وب سایت بزرگی بود که از این سبک چیدمان استفاده کرد. چیدمان بنایی جلوه ای عالی به گالری نمونه کارها می دهد
افزونه های ذکر شده علاوه بر مجموعه ویژگی های رایج، دارای ویژگی های منحصر به فردی نیز هستند. درک تفاوت بین هر پلاگین فقط با نگاه کردن به طرح بندی Masonry ایجاد شده توسط هر یک دشوار است. همه طرح‌بندی‌ها کاملاً مشابه ظاهر می‌شوند. قبل از انتخاب یک افزونه مهم است که ویژگی های موجود را در نظر بگیرید. به طور کلی، بیشتر افزونه ها یک API و اسنادی برای شناسایی ویژگی های خود ارائه می دهند.
پیشنهاد می کنم قبل از انتخاب، ویژگی های موجود هر افزونه را بررسی کنید. من لیست زیر از ویژگی های رایج را از افزونه های لیست شده در بخش قبل گردآوری کرده ام. اینها برخی از ویژگی های اصلی هستند، اما هر افزونه ویژگی های منحصر به فرد خود را نیز دارد. این به شما بستگی دارد که بهترین افزونه را بر اساس نیازهای برنامه خود انتخاب کنید.
چیدمان های بنایی می توانند دارای ستون هایی با اندازه ثابت یا ستون های پویا باشند. ستون های با اندازه ثابت معمول هستند. بهتر است افزونه ای را انتخاب کنید که به ستون های پویا اجازه دهد، زیرا انعطاف پذیری را افزایش می دهد.
مرتب‌سازی و فیلتر کردن – پلاگین‌هایی مانند ایزوتوپ به شما امکان می‌دهند عناصر را بدون از دست دادن ساختار طرح مرتب کنید و فیلتر کنید. این یک ویژگی خوب است که در مواقعی که به چیدمان های سنگ تراشی پویا نیاز دارید داشته باشید.
انیمیشن – بر خلاف چیدمان های معمولی، چیدمان های سنگ تراشی با اضافه یا حذف عناصر به طور کامل تغییر می کنند. به همین دلیل، بهتر است جلوه های انیمیشن برای تنظیم عناصر داشته باشید – این یک تجربه کاربری عالی ایجاد می کند.
عناصر پویا – به طور کلی، ما طرح بندی را در بارگذاری صفحه با استفاده از عناصر موجود ایجاد می کنیم. اما برخی از سایت‌ها ممکن است به توانایی افزودن یا حذف عناصر بدون بازخوانی نیاز داشته باشند. در چنین مواردی، افزونه باید قابلیت تنظیم خودکار چیدمان را برای ارائه ساختار بهینه داشته باشد.
گزینه های چیدمان – افزونه باید به شما امکان دهد عرض ستون، اندازه ناودان، تراز و غیره را تنظیم کنید.
توسعه دهید

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

(پورتفولیو) CUSTOM CSS OPTION
CSS سفارشی بخشی از طراحی سفارشی است که یکی از ویژگی‌های طرح‌های تجاری WordPress.com Premium و WordPress.com است. … CSS مخفف عبارت Cascading Style Sheets است. این یک زبان نشانه گذاری است که ظاهر عناصر HTML را در یک صفحه وب کنترل می کند.

(پورتفولیو) گزینه پیوند
لینک نمونه کارها با دادن لینک روی تصاویر جداگانه

پشتیبانی سریع از مشتری

زمان پاسخگویی کم
ما همیشه سعی می کنیم ظرف چند ساعت یا در یک روز پاسخ دهیم.
حل مشکل در 24 ساعت

ویژگی های عمومی

فیلتراسیون نمونه کارها

صفحه Sparate از فیلترهای نمونه کارها
فیلترها را ایجاد کنید
ویرایش فیلترها
حذف فیلترها

لایت باکس بوت استرپ

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

طرح بندی چند ستونی

نمایش در طرح بندی 2، 3 ستونی با نمونه کارها
فضای گالری را مدیریت کنید

نمونه کارها پاسخگو

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

عنوان در نمونه کارها

نمایش عنوان در گالری به روشی منحصر به فرد
عنوان با گزینه رنگ پس زمینه در گالری
نمایش توضیحات با گالری بدون محدودیت
نمایش گزینه لینک ادامه مطلب

سهولت سفارشی سازی

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

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

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

گزینه پیوند

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

گزینه ویدیو

کار یا نمونه کار خود را با تصاویر و ویدیوها نشان دهید
نمایش گالری نمونه کارها با ویدیوهای vemio یا یوتیوب
نماد یوتیوب در حالت شناور
نماد Vemio در حالت شناور
دکمه بستن در دسترس است
گزینه بستن Esc
ویژگی های حرفه ای در جزئیات

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

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

مبتنی بر بوت استرپ
پروژه‌های واکنش‌گرا و برای اولین بار برای موبایل در وب بسازید. Bootstrap یک جعبه ابزار منبع باز با HTML، CSS، و سیستم شبکه پاسخگو JS، اجزای از پیش ساخته شده گسترده و افزونه‌های قدرتمند ساخته شده بر روی jQuery است.
بوت استرپ به شما امکان می دهد طرح بندی های پاسخگو و پویا ایجاد کنید که مطابق با دستگاه شما مدیریت می شوند.
برجسته ترین اجزای بوت استرپ، اجزای طرح بندی آن هستند، زیرا کل صفحه وب را تحت تأثیر قرار می دهند. جزء اصلی چیدمان “Container” نامیده می شود، زیرا هر عنصر دیگری در صفحه در آن قرار می گیرد.
کاربران می توانند بین یک ظرف با عرض ثابت و یک ظرف با عرض مایع انتخاب کنند.

فیلتر کننده
این افزونه بر روی jQuery ساخته شده است که با استفاده از انتقال CSS3 فیلترهای خیره کننده را روی گالری های پاسخگو جستجو، مرتب می کند، به هم می زند و اعمال می کند.
ظاهر و احساس قابل اتصال (افکت های CSS خود را در کادر سمت راست بنویسید و Filterize را فشار دهید)
عملکرد صاف – بهینه شده برای تجربه روان در دستگاه های تلفن همراه
سبک – سریع برای بارگذاری در صفحه
پاسخگو – با درخواست های رسانه شما (تغییر اندازه پنجره)
پشتیبانی از پلتفرم:
کروم، فایرفاکس، سافاری، اپرا
مرورگرهای اندروید و iOS
Edge، IE (نسخه 10+)

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

Beauty Of Hover Effects
سه نوع افکت شناور اضافی در افزونه موجود است. که می توانید با توجه به چیدمان از آن استفاده کنید. جلوه‌های شناور موجود با افکت‌های انتقالی که ظاهر زیبایی به گالری شما می‌دهد.
جلوه های شناور عنوان یا توضیحات شما را به روشی روان نشان می دهد. جلوه با نماد نیز در دسترس است.

بزرگنمایی پوشش
تصویر با عنوان و شرح در حالت شناور
تصویر با عنوان و اسلاید در نماد در حالت شناور

طرح بندی فیلترها
طرح فیلتر را با رنگ تغییر دهید، زیر آن خط خط بزنید

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

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

جعبه نور LD
کاملا واکنش گرا بوده و با توجه به تصاویر سایز تغییر می کند
Swipebox Light Box (گروه تصاویر فیلتر شده کار لایت باکس) –
Swipebox یک افزونه jQuery “lightbox” برای دسکتاپ، موبایل و تبلت است. ویژگی های اصلی است
ژست‌های سوایپ برای موبایل
پیمایش صفحه کلید برای دسکتاپ
انتقال CSS با jQuery بازگشتی
پشتیبانی از شبکیه چشم برای نمادهای UI
سفارشی سازی آسان CSS
سازگاری – کروم، سافاری، فایرفاکس، اپرا، IE9+، IOS4+، اندروید، تلفن ویندوز.
جعبه نور پاپ تروکس
poptrox یکی دیگر از پلاگین های لایت باکس جی کوئری ساده و در عین حال کاملاً قابل تنظیم برای نمایش محتوای html (تصویر، ویدیوی یوتیوب/ویمئو) در یک پنجره بازشو پاسخگو است.
جعبه نور بیننده
یک نمایشگر تصویر ساده مبتنی بر جی کوئری برای نمایش تمام تصاویر در یک گالری بازشوی قابل پیمایش و به سبک لایت باکس که با تغییر اندازه صفحه نمایش به طور خودکار اندازه تغییر می کند.
جعبه نور آبی Imp
Blueimp Gallery یک گالری عکس و ویدیو، چرخ فلک و لایت باکس با قابلیت لمس، پاسخگو و قابل تنظیم است که برای مرورگرهای وب موبایل و دسکتاپ بهینه شده است.
از ویژگی های سوایپ، ناوبری ماوس و صفحه کلید، جلوه های انتقال، عملکرد نمایش اسلاید، پشتیبانی تمام صفحه و بارگیری محتوا بر اساس تقاضا است و می توان آن را برای نمایش انواع محتوای اضافی گسترش داد.
Bootstrap 3 Light Box

رابط کاربری
پلاگین دارای رابط کاربری آسانی است که تمام تنظیمات به تب saprate تقسیم می شود، کاربر می تواند به راحتی تنظیمات را تغییر دهد. همچنین مبتنی بر بوت استرپ است و همچنین پاسخگو است.

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

محدودیت تصویر برای بارگذاری بیشتر
تغییر متن برای دکمه بارگذاری بیشتر
رنگ دکمه بیشتر را تغییر دهید
رنگ نماد بیشتر را تغییر دهید

سفارشی سازی

اندازه تصویر کوچک گالری

متوسط ​​– 300 x 169
بزرگ – 840 x 473
اندازه کامل – 1280 x 720
تصویر کوچک سفارشی – 300 x 300
تصویر کوچک سفارشی – 500 x 500

تنظیمات ستون ها

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

عنوان و شرح

عنوان و توضیحات در نمایش/پنهان کردن تصاویر کوچک
عنوان و توضیحات رنگ
رنگ را انتخاب کنید
عنوان و توضیحات رنگ پس‌زمینه
رنگ را انتخاب کنید
اندازه قلم عنوان
بیشتر بخوانید نمایش/پنهان کردن
متن ادامه مطلب را تغییر دهید

گزینه های تصویر کوچک

تنظیمات حاشیه سفارشی ریز عکسها
نمایش شماره گذاری روی ریز عکسها
فاصله تصاویر کوچک (px)
مقیاس خاکستری تصویر (اثر خاکستری)
پخش خودکار ویدیو در لایت باکس
URL پیوند تصویر را باز کنید
لینک Nofollow
پیوند بازکننده وجود ندارد
پیوند ارجاعی ندارد

فیلترها

فیلترها را مخفی کنید
فعال کردن چند فیلتر
صعودی
دکمه نزولی
دکمه زدن
جعبه جستجو
رنگ فیلترها
فیلترها زیر رنگ قرار می گیرند

کد کوتاه

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

 

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها