خانه / دسته‌بندی نشده / نمایش زیبای تصاویر در وردپرس
نمایش زیبای تصاویر در وردپرس
نمایش زیبای تصاویر در وردپرس

نمایش زیبای تصاویر در وردپرس

دوستان همه ما ها به زیبایی بسیار اهمیت می دهیم و این امر میتونه از راه های مختلف برای سایت فراهم شود که یکی از انها استفاده نمودن از تصاویر بوده است و همه ماها تقریبا برای همه محتوای های خود تصویر قرار می دهیم و این میتونه در جذب بازدید کننده نیز بسیار موثر باشد حال دوستان اگه از کدنویسی css خبر داشته باشید می دونید که در ان خاصیت به نام Hover  وجود دارد تا بتونید با استفاده از ان با رفتن ماوس روی تصویر ان شناور باشد بنابراین ما می خواهیم در این آموزش وردپرس نمایش زیبای تصاویر در وردپرس قابلیت داشتن این کار رو بدون پیچیدگی بهتون بگیم

نمایش زیبای تصاویر در وردپرس

دوستان در همین ابتدا بگیم که این افزونه وردپرس کاربردی در دو نسخه رایگان و پریموم وجود دارد که ما می خواهیم نسخه رایگان و بدون هزینه رو با 20 افکت رایگان , پشتیبان از انواع مرورگر , استفاده از کد کوتاه و … رو با هم بررسی نماییم

برای شروع کار بهتره بریم سراغ دانلود افزونه Amazing Hover Effects و فعال سازیش تا بتونید قسمت وگزینه جدید رو با اسم Hover Effects در پیشخوان مشاهده نمایید و برای ورود به تنظیمات اصلی این پلاگین رایگان وردپرس روی افزودن نوشته از زیر منوی ان کلیک نمایید

افزونه

اول اسم و عنوانی رو برای تصاویر در وردپرس انتخاب نمایید

با وارد نمودن عنوان به قسمت دوم همانند تصویر زیر با نام Hover Effects Options وارد خواهید شد تا زیبای اصلی رو بتونید در اینجا بسازید و در اخر میتونید برای زیبایی مواردی رو داشته باشید

select style : در این جا 4 مورد رو برای نمایش تصویر به صورت دایره ای , مربعی و … خواهید داشت که ما به صورت پیشفرض می گذاریم روی دایره بماند حالا باید روی Add New Hover Item برای انتخاب تصویر مورد نظر کلیک نمایید

افزونه وردپرس

میتوند با کلیک روی Add New Hover Item تصویر زیر رو در این افزونه رایگان وردپرس مشاهده نمایید

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

Hover Image : با کلیک روی این دکمه در این قسمت به بخش رسانه ها برای انتخاب و آپلود تصویر منتقل شوید

Title : برای انتخاب عنوان جهت تصویر می باشد

Description : برای وارد نمودن توضیحات برای تصویر می باشد

Image Link : این قسمت برای لینک دار نمودن تصویر بوده است که متاسفانه در نسخه رایگان موجود نمی باشد

دوستان در اینجا بعد انتخاب تصویر باید تنظیمات دیگر رو با هم بررسی نماییم که بیشترشون برای نسخه Premium  این پلاگینن بوده ولی ما به همه آنها می پردازیم

Select Effect : دارای 20 افکت برای نسخه رایگان بوده است که میتونید یکی رو انتخاب نمایید

Animation Direction : جهت مشخص نمودن موقعیت شروع  Hover یا همان انیمیشن برای تصویر بوده است

Background Color : برای انتخاب رنگ پس زمینه می باشد

Image Size : برای انتخاب اندازه تصویر بار گذاری محدود نمایید

Column Space : برای مشخص نمودن فاصله بین سلول ها می باشد (پیکسل )

Row Space : مشخص نمودن فاصله ما بین ردیف ها بوده است (پیکسل )

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

Remove Border : برای حذف نمودن حاشیه دور تصویر

Remove Heading Underline : غیر فعال نمودن زیر خط عنوان تصویر می باشد

Open Link new tab? : برای مشخص نمودن اینکه با کلیک روی تصویر در زبانه دیگر مرورگر باز شود

Position : مشخص نمودن موقعیت مکانی تصویر بوده است

Custom Font : برای گزینش فونت بوده است

Heading Font Size : برای اقدام نمودن تغییر اندازه فونت جهت عنوان تصویر در نمایش ان بوده است

Heading Color : مشخص نمودن رنگ عنوان تصویر بوده است

دانلود افزونه

Description Font Size : مشخص نمودن اندازه فونت برای توضیحات تصویر

Description Color : تغییر رنگ متن توضیحات تصویر

Move Top : برای جابه جا نمون عنوان و توضیحات تصویر

Responsive Options : فعال نمودن تنظیمات واکنش گرایی

آموزش وردپرس

وقت ذخیره تنظیمات رسیده است که باید به اول تنظیمات مراجعه نمایید

hover

Hover effects : برای بدست اوردن کد کوتاه باید به زیر منوی اول یعنی Hover Effects مراجعه نمایید

Amazing Hover Effects

میتونید با کپی نمودن کد کوتاه آن رو در هر برگه و نوشته ای قرار دهید

برای قرار دادن کد کوتاه همانند زیر عمل نمایید

افزونه Amazing-Hover-Effects

بعد این کار به سایت جهت مشاهده تغییرات مراجعه نمایید

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

با نگه داشتن ماوس

تصاویر در وردپرس

از همراهی تک تک شما بزرگواران سپاسگذاریم

منبع : قالب وردپرس

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *