تلفن تماس

02191097212

ساعت کاری

9 تا 17 هر روز هفته

سبد خرید فروشگاه

آموزش ایجاد دکمه به صورت آیکون در المنتور

آموزش ایجاد دکمه به صورت آیکون در المنتور
آموزش ایجاد دکمه به صورت آیکون در المنتور

فهرست مطالب آموزش ایجاد دکمه به صورت آیکون در المنتور

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

نکته : برای خرید افزونه المنتور پرو اینجا کلیک کنید.

نحوه ایجاد دکمه به صورت آیکون در المنتور

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

ایجاد یک بخش جدید در المنتور
ایجاد یک بخش جدید در المنتور

پس از آن ستون خود را انتخاب کنید. در اینجا ما تک ستونی را انتخاب می کنیم.

انتخاب تک ستونی برای بخش در المنتور
انتخاب تک ستونی برای بخش در المنتور

اکنون از داشبورد سمت راست ابزارک آیکون را بکشید و آن را در قسمت ایجاد شده خود رها کنید.

افزودن ابزارک آیکون به بخش در المنتور
افزودن ابزارک آیکون به بخش در المنتور

این کار یک آیکون پیش فرض را در بخش ایجاد شده شما اضافه می کند. با کلیک بر روی گزینه کتاب خانه آیکون (icon library) می توانید آیکون را تغییر دهید. با کلیک بر روی آن کتابخانه آیکون المنتور باز می شود و می توانید هر یک از آیکون ها را انتخاب کنید. همچنین می توانید آیکون خود را با فرمت (SVG) با کلیک بر روی گزینه (Upload SVG) اضافه کنید. همچنین می توانید تراز آیکون را نیز تنظیم کنید.

افزودن آیکون مورد نظر از کتابخانه آیکون در المنتور
افزودن آیکون مورد نظر از کتابخانه آیکون در المنتور

همچنین می توانید نمای آیکون را به شکل های زیر تغییر دهید:

  • پیش فرض (Default)
  • انباشته (Stacked)
  • قاب دار (Framed)

قسمت استایل

حالا به قسمت استایل (Style) بروید و رنگ و اندازه آیکون را تنظیم کنید. همچنین در صورت تمایل می توانید آیکون را بچرخانید.

قسمت استایل در ابزارک آیکون در المنتور
قسمت استایل در ابزارک آیکون در المنتور

برای افزودن یک انیمیشن هاور و رنگ آیکون هاور، روی گزینه هاور کلیک کنید.

افزودن هاور به ابزارک آیکون در المنتور
افزودن هاور به ابزارک آیکون در المنتور

اکنون برای اینکه آیکون مانند یک دکمه عمل کند، باید یک پیوند به آیکون اضافه کنید. برای افزودن پیوند به آن به قسمت محتوا بروید و پیوند را اضافه کنید.

ایجاد پیوند برای ابزارک آیکون در المنتور
ایجاد پیوند برای ابزارک آیکون در المنتور

تمام شد! صفحه را ذخیره کنید و به حالت پیش نمایش بروید تا آن را در عمل ببینید.

نمای کلی از دکمه ایجاد شده به صورت آیکون در المنتور
نمای کلی از دکمه ایجاد شده به صورت آیکون در المنتور
پیمایش به بالا

%70 تخفیف کلیه محصولات به مدت محدود

ساعت
دقیقه
ثانیه