اضافه کردن hover box یا جعبه شناور در ویژوال کامپوزر

تصویر چرخان در وردپرس

برای اضافه کردن جعه چرخان یا همون هاور باکس میتونید از چند روشاستفاده کنید به طور مثال در اینجا ما با استفاده از ویژوال کامپوزر این کار رو انجام میدیم.

اضافه کرد تصویر شناور  

در مرحله اول وارد ویرایش گر ویژوال کامپوزر بشید دکمه + رو بزنید به شکل زیر 

حالا میتونید از بخش افزودن المان گزینه hover box رو انتخاب کنید یا یه تصویر چرخان داشته باشید.

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

تنظیمات تصویر شناور hover box

بخش اول تصویر : شما میتونید در این بخش یک تصویر به دلخواه خودتون انتخاب کنید البته به اندازه ها دقت کنید میتونید با استفاده از دکمه + تصویرتون رو اضافه کنید.
بخش دوم Primary title : تایتل نمای اول تصویر شناورتون رو مشخص میکنه 

بخش سوم

Primary title alignment : محل قرارگیری تایتلتون رو مشخص میکنه.
بخش چهارم شکل : شکل تصویرتون رو مشخص میکنه مثلا گرد یا مربع
در بخش css متحرک میتونید تکون بدین یا لرزش ایجاد کنید موقعی که تصویر لود میشه .

بلاک متن در هاور باکس

در این بخش میتونید نوشته هایی که تصویر میچرخه رو بنویسید و بسازید 

بخش اول Hover title : در این بخش سعی کنید یک تایتل جذاب بنویسید 

بخش دوم Primary title : تایتل نمای اول تصویر شناورتون رو مشخص میکنه 

بخش بعدی متن هاور : در این بخش شما باید توضیحات مربوط به هاور باکستون رو وارد کنید 

بخش چهارم Background Color شما باید برای نوشته بالاتون یک رنگ پس زمینه انتخاب کنید اونو از این بخش انتخاب کنید (:   

بخش پنجم اضافه کردن دکمه: میتونید با استفاده از این قسمت به زیر متنتون دکمه اضافه کنید 

امید وارم لذت برده باشید
ارسال نظر