وبلاگ
دکمه ها انواع مختلفی دارند و هنگام کلیک روی آن ها یک عملکردی صورت می گیرد. اصولا از ویجت دکمه المنتور برای باز کردن لینک، پاپ آپ، پنجره مودال، ثبت فرم و ... استفاده می شود. قرار دادن دکمه باعث تشویق کاربر به کلیک می شود و تاثیر زیادی در SEO سایت دارد. البته استفاده زیاد آن جلوه ی خوبی ندارد و کاربر را خسته می کند. با اضافه کردن المان دکمه، سه تب محتوا، استایل و پیشرفته نمایان می شود که در ادامه توضیح می دهیم.
نوع دکمه می تواند اطلاعات، هشدار، خطر و ... باشد. البته این مورد در کاربرد دکمه تفاوتی ایجاد نمی کند و تنها استایل آن ها متفاوت می باشد. نوع دکمه را همان حالت پیش فرض قرار دهید.
عبارت داخل دکمه را می توانید از این قسمت انتخاب کنید. این متن نباید خیلی طولانی باشد چون جلوه دکمه را خراب می کند.
لینک دکمه می تواند در تب جدید باز شود یا قابلیت نو فالو داشته باشد. البته برای دکمه می توان باز شدن pop up و خصوصیات سفارشی هم تعریف کرد که در المنتور رایگان فعال نیست و جلسات بعد آن را بررسی می کنیم.
دکمه شما آیکن هم می تواند داشته باشد. بعد از انتخاب آیکن مشخص می کنید که سمت چپ یا راست باشد. علاوه بر آن فاصله بین متن و آیکن هم قابل تنظیم است.
شناسه دکمه باید یکتا و منحصر به فرد باشد. البته ما از این قسمت شناسه تعریف نمی کنیم و این کار را در تب پیشرفته انجام می دهیم.
با این مورد در جلسات قبلی آشنا شدیم که مشخص می کرد المان سمت چپ، راست یا وسط باشد.
تایپو گرافی را در جلسه ویجت سربرگ المنتور بطور کامل توضیح دادیم.
برای متن داخل دکمه سایه ایجاد می کند. گاها این مورد با سایه جعبه اشتباه گرفته می شود اما با یکبار استفاده متوجه آن خواهید شد.
رنگ متن داخل دکمه می تواند هر رنگی باشد. البته ترکیب رنگ را طوری انتخاب کنید که مکمل رنگ پس زمینه باشد.
پس زمینه دکمه می تواند ساده یا گرادیانت باشد. در حالت ساده یک رنگ و در حالت گرادیانت دو رنگ را انتخاب می کنید. پس زمینه ساده و گرادیانت را در جلسه پس زمینه المنتور بطور کامل توضیح دادیم.
در صورت نیاز می توانید برای دکمه خود حاشیه دور (border) تعریف کنید که نوع و ضخامت آن قابل تنظیم است.
سایه جعبه با سایه متن تفاوت دارد و جایگاه آن زیر دکمه می باشد. اگر در خصوص سایه نیاز به مطالعه بیشتر داشتید، جلسه حاشیه المنتور را از دست ندهید.
فاصله داخلی (padding) فاصله بین اطراف دکمه تا متن می باشد و هر چه بیشتر باشد دکمه بزرگتر می شود. مطالعه بیشتر
برای آشنایی بیشتر با تب پیشرفته، جلسات قبلی سایت ما را از دست ندهید. 😉
دوره 0تا100 آموزش المنتور در آکادمی سعید شریفی برای شما عزیزان تهیه و تدوین شده است. این دوره کاملترین آموزش ویدیویی المنتور به زبان فارسی می باشد و بعد از آن نیاز به هیچ دوره و منبع دیگری نخواهید داشت.
در حال ضبط
مقدماتی تا پیشرفته
بالای 10 ساعت
