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

شما می ‌توانید از ویژگی‌ های سفارشی CSS استفاده کنید تا به صفحات وب خود استایل ‌های بیشتری اضافه کنید. اضافه کردن تصاویر به متن می ‌تواند سرتاسر وبسایت شما را از سایران متمایز کند. در فتوشاپ شما می ‌توانید این کار را با افزودن یک لایه انجام دهید، اما برای وبسایت خود، باید چند خط کد CSS بنویسید تا تصویر را به متن اضافه کنید. پس بیایید ببینیم چگونه می‌توانید یک تصویر را به متن در ویرایشگر المنتور اضافه کنید. (برای استفاده از این ویژگی باید از نسخه المنتور پرمیموم استفاده کنید.)

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

نحوه افزودن تصویر به متن در المنتور

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

در اینجا ما قسمت (یک ستونی) را برای این بخش انتخاب می کنیم.

پس از ایجاد بخش، ابزارک سر برگ (Heading) را به بخش ایجاد شده خود اضافه کنید.

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

حالا باید تصویری که می ‌خواهید به متن انتخاب شده اضافه کنید را بارگذاری کنید. برای بارگذاری یک تصویر، به بخش رسانه > افزودن جدید بروید و سپس تصویر مورد نظر را انتخاب کنید تا آپلود شود. پس از آپلود تصویر، شما گزینه ‌ای برای کپی کردن پیوند (URL) تصویر مشاهده خواهید کرد. پیوند (URL) تصویر را کپی کرده و سپس به صفحه ویرایش المنتور بازگردید.

به قسمت پیشرفته (Advanced) از ابزارک سربرگ (heading) بروید که در آن فیلد CSS سفارشی را خواهید یافت. حالا در فیلد CSS سفارشی کد زیر را اضافه کنید.

selector .elementor-heading-title
{
background: url(“https://www.themeoo.com/wp-content/uploads/2021/11/image-into-text.jpeg”) yellow repeat 40% 60% ;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

با این کار تصویر انتخابی شما به متن اضافه می شود.