آموزش المان باکس پیغام در ویژوال کامپوزر

آموزش ساختن باکس های پیغام جذاب

آموزش المان باکس پیغام در ویژوال کامپوزر از سری آموزش ویژوال کامپوزر می باشد. آموزش ساخت جعبه های پیغام هشدار دهنده بسیار جذاب با افزونه ویژوال کامپوزر. پس با ما همراه باشید.

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

آموزش المان باکس پیغام در ویژوال کامپوزر

برای استفاده از المان باکس پیغام در ویژوال کامپوزر کافی است از جعبه ابزار یا Tool Box افزونه گزینه باکس پیغام را انتخاب نماید.

آموزش المان باکس پیغام در ویژوال کامپوزر
آموزش المان باکس پیغام در ویژوال کامپوزر

بعد از اضافه کردن این المان وارد بخش تنظیمات آن شوید. باید عکس زیر را مشاهده کنید.

المان باکس پیغام در ویژوال کامپوزر
المان باکس پیغام در ویژوال کامپوزر

تنظیمات المان باکس پیغام در ویژوال کامپوزر

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

  • جعبه پیام از پیش تنظیم شده
  • استایل
  • شکل
  • رنگ
  • کتابخانه آیکون
  • آیکون
  • متن پیغام
  • CSS متحرک
  • آی دی المان
  • نام کلاس اضافی

در تب تنظیمات طراحی هم گزینه های مربوط به حاشه و پس زمینه قرار دارد.

جعبه پیام از پیش تنظیم شده

منظور از جعبه پیام از پیش تنظیم شده در تنظیمات المان باکس پیغام در ویژوال کامپوزر همان نوع کادر اطلاعاتب می باشد که مایل هستید برای متن مورد نظر خود انتخاب نمایید.

در زیر تمام جعبه پیام ها نمایش داده شده است.

باکس پیام خطا

من یک باکس پیغام هستم. بر روی دکمه ویرایش کلیک کنید تا متن تغییر کند.

باکس پیام موفقیت

من یک باکس پیغام هستم. بر روی دکمه ویرایش کلیک کنید تا متن تغییر کند.

باکس پیام هشدار

من یک باکس پیغام هستم. بر روی دکمه ویرایش کلیک کنید تا متن تغییر کند.

باکس پیام اطلاعات

من یک باکس پیغام هستم. بر روی دکمه ویرایش کلیک کنید تا متن تغییر کند.

باکس پیام سفارشی

من یک باکس پیغام هستم. بر روی دکمه ویرایش کلیک کنید تا متن تغییر کند.

سایر گزینه های جعبه پیام از پیش تنظیم شده نیز تکراری می باشد که می توانید با تغییر رنگ آن ها را سفارشی کنید.

استایل

در این قسمت می تواندی استایل بسیار جالبی را به باکس خود اضافه نمایید. تمام حالت های استایل در زیر نمایش داده شده است.

 

استایل Standard

استایل Solid

استایل Solid icon

استایل Outline

استایل 3D

شکل

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

رنگ

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

کتابخانه آیکون و آیکون

اگر مایل هستید باکس پیغام همراه با یک آیکون نمایش داده شود از این گزینه ها استفاده کنید. برای زیبایی بیشتر این مورد پیشنهاد می گردد.

متن پیغام

در این قسمت متن پیامی که می خواهید در باکس پیغام نمایش داده شود را بنویسید. می تواند هر چیزی که می خواهید را وارد کنید. و ویرایشگر قدرتمند وردپرس در اختیار شما قرار می گیرد.

CSS متحرک

اگر می خواهید از انیمیشن های CSS استفاده کنید کافی است از لیست انیمیشن ها یک مورد را انتخاب کنید. تا بر روی باکس پیغام شما اعمال گردد.

آی دی المان و نام کلاس اضافی

برای اضافه کردن Class یا ID دلخواه خود کافی است تنها نام آن را در قسمت های مربوطه بنویسید.

سخن پایانی

امیدوارم از آموزش امروز نیز راضی شده باشید. اگر هنوز افزونه ویژوال کامپوزر را دانلود نکردید بر روی لینک دانلود ویژوال کامپوزر کلیک کنید تا به دنیای جذاب ویژوال کامپوزر وارد شوید.