تلفن تماس

02191097212

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

آموزش تنظیم انحنای مرزی آواتار روی ابزارک “اطلاعات نوشته” در المنتور

آموزش تنظیم انحنای مرزی آواتار روی ابزارک "اطلاعات نوشته" در المنتور
آموزش تنظیم انحنای مرزی آواتار روی ابزارک "اطلاعات نوشته" در المنتور

فهرست مطالب آموزش تنظیم انحنای مرزی آواتار روی ابزارک “اطلاعات نوشته” در المنتور

آیا به دنبال راهی برای تنظیم انحنای مرزی آواتار روی ابزارک “اطلاعات نوشته” در المنتور هستید؟ در این مقاله، به شما آموزش خواهیم داد که چگونه به سادگی انحنای مرزی آواتار را در این ابزارک تنظیم کنید. زمانی که انحنای مرزی را بر روی آواتار تنظیم می‌کنید، می ‌توانید طراحی منحصر به فردی به وبسایت خود بدهید و ظاهر آواتار را بهتر کنید. آواتار می ‌تواند در جلب توجه و ایجاد اعتماد و تعامل با کاربران کمک کند. (برای استفاده از این ویژگی به نسخه ی پرمیوم المنتور نیاز دارید.)

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

نحوه تنظیم انحنای مرزی آواتار روی ابزارک “اطلاعات نوشته” در المنتور

در اینجا از ویژگی‌های (CSS سفارشی) المنتور برای تنظیم انحنای مرزی آواتار استفاده می‌کنیم. این ویژگی (CSS سفارشی) فقط در المنتور پرمیوم قابل استفاده است. صفحه ‌ای را با ویرایشگر المنتور باز کنید و سپس ابزارک “اطلاعات نوشته” را از پنل تنظیمات سمت چپ بکشید و در مکان مورد نظر در صفحه رها کنید.

اضافه کردن ابزارک اطلاعات نوشته به بخش در المنتور
اضافه کردن ابزارک اطلاعات نوشته به بخش در المنتور

به طور پیش ‌فرض، ابزارک “اطلاعات نوشته” شامل مواردی نظیر نویسنده، تاریخ، زمان و نظرات است. شما می ‌توانید اطلاعات مورد نظر خود را در بخش “داده های متا” زیر تب “محتوا” مشاهده کنید.

بخش "داده های متا" زیر تب "محتوا" مشاهده کنید.
بخش “داده های متا” زیر تب “محتوا” مشاهده کنید.

حالا روی گزینه “Author” کلیک کنید و گزینه “آواتار” را فعال کنید. سپس می‌ توانید اندازه آواتار را به دلخواه خود تنظیم کنید. وقتی آواتار شما آماده شد، می ‌توانید به آن استایل دلخواهی بدهید تا جذاب و متفاوت به نظر برسد.

فعال کردن گزینه ی آواتار در قسمت محتوا در المنتور
فعال کردن گزینه ی آواتار در قسمت محتوا در المنتور

قسمت پیشرفته در ابزارک اطلاعات نوشته

برای افزودن شعاع مرزی به آواتار خود، به قسمت “پیشرفته” و سپس به بخش ” CSSسفارشی” بروید. در اینجا، کد (CSS) زیر را برای تنظیم شعاع مرزی اضافه کنید:

selector .elementor-avatar
{
border: 2px dashed black; border-radius: 10px 30px 14px 40px
}

این کد کوچک با استفاده از انتخابگر (elementor-avatar) یک حاشیه سیاه رنگ را به تصویر آواتار اعمال می‌ کند. شما می ‌توانید رنگ و اندازه حاشیه را به دلخواه خود تغییر دهید. برای این منظور، کد رنگ را تغییر دهید و مقادیر را در واحد پیکسل (px) با توجه به سلیقه ی خود تغییر دهید تا مورد پسند شما واقع شود. این چهار مقدار به ترتیب برای گوشه بالا سمت چپ، گوشه بالا سمت راست، گوشه پایین سمت راست و گوشه پایین سمت چپ حاشیه را تعیین می‌ کنند.

استفاده از کد css برای حاشیه ی آواتار ابزارک اطلاعات نوشته در المنتور
استفاده از کد css برای حاشیه ی آواتار ابزارک اطلاعات نوشته در المنتور

اگر می ‌خواهید یک حاشیه (نقطه ‌چین) داشته باشید، فقط کافیست متن (dashed) را با (dotted) جایگزین کنید.

یک حاشیه (نقطه ‌چین) به جای خط چین در آواتار در ابزارک اطلاعات نوشته در المنتور
یک حاشیه (نقطه ‌چین) به جای خط چین در آواتار در ابزارک اطلاعات نوشته در المنتور

برای یک حاشیه به صورت خط کامل، فقط متن را به (solid) را قرار دهید.

یک حاشیه به صورت خط کامل در آواتار در ابزارک اطلاعات نوشته در المنتور
یک حاشیه به صورت خط کامل در آواتار در ابزارک اطلاعات نوشته در المنتور

بسیار خوب! حاشیه شعاعی بر روی آواتار شما حالا آماده است. با اعمال تغییرات و ذخیره کردن صفحه، می ‌توانید نتیجه کار را در وبسایت خود مشاهده کنید. این تغییرات به آواتار شما جلوه ‌ای جدید و جذاب می ‌دهد و می ‌تواند به جلب توجه کاربران و ایجاد تعامل بیشتر با آنها کمک کند.

پیمایش به بالا

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

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