به دنبال راهی برای برجسته کردن یک متن در حین استفاده از افزونه المنتور هستید؟ در وبسایت خود گاهی اوقات نیاز است که برخی از متن های مهم را برجسته کنید تا توجه کاربران را جلب کنید. برجسته کردن متن یک روش عالی برای جذب توجه کاربران است. اضافه کردن یک متن با نشانه گذاری ویژه بسیار آسان است اگر از افزونه المنتور استفاده کنید. در این مقاله، به شما آموزش خواهیم داد تا به ساده ترین روش در افزونه المنتور یک متن را برجسته کنید.
نکته : برای خرید افزونه المنتور پرو اینجا کلیک کنید.
نحوه برجسته کردن یک متن در افزونه المنتور
برای برجسته کردن متن در وبسایت خود، روش های متفاوتی وجود دارد. در اینجا به بحث درباره دو روش می پردازیم.
- روش درون خطی (تو در تو)
- روش کد HTML
روش اول: استفاده از روش درون خطی (تودرتو)
این روش برای ایجاد یک قالب برای متن برجسته بسیار مناسب است. برای این کار، شما باید خصوصیت و کلاس CSS را به قالب وبسایت خود اضافه کنید. وارد مدیریت وردپرس خود شوید و به بخش نمایش > سفارشیسازی > قسمت CSS اضافی بروید.
حالا کد CSS زیر را به آن اضافه کنید و وقتی که تمام شد، روی دکمه “انتشار” کلیک کنید تا تغییرات ذخیره شوند:
.highlight {
background-color: #FFA500;
border-radius: 0.25rem;
color: inherit;
padding: 0.2em 0.4em;
text-decoration: none;
white-space: nowrap;
}
حالا به افزونه المنتور برگردید و یک ابزارک ویرایشگر متن (widget) اضافه کنید. پس از افزودن ابزارک، متن مورد نظر خود را اضافه کنید و آن را طراحی و استایل دهید. سپس قسمتی از متن را که می خواهید برجسته شود، انتخاب کنید. حالا به قسمت متن بروید. سپس برچسب (<span class=”highlight”></span>) را اضافه کنید. متنی که بین این برچسب قرار میگیرد، با رنگی که انتخاب کرده اید، برجسته خواهد شد.
با استفاده از این روش، می توانید متن برجسته را در هر نقطه ای از وبسایت خود اضافه کنید. رنگی که در سفارشی سازی پوسته انتخاب کرده اید، بهطور خودکار به متن برجسته اضافه خواهد شد.
روش دوم استفاده از کد HTML
در این روش، شما می توانید با استفاده از کد HTML، یک متن خاص را با رنگی خاص مشخصی کنید. این روش نیز مشابه روش اول است. برای انجام این کار، ابتدا یک صفحه را در افزونه المنتور باز کنید و یک ویرایشگر متن اضافه کنید. سپس از پنل ویرایشگر متن، به قسمت “متن” بروید و کد HTML زیر را اضافه کنید:
<span style=”background-color: #FFA500;”> </span>
متنی که در بین تگ های `<span>` قرار می گیرد، رنگ زمینه ای که شما در `style` تعیین کرده اید را خواهد داشت. شما می توانید مقدار `background-color` را به هر رنگ دیگری که می خواهید تغییر دهید تا رنگ زمینه متن مورد نظر خود را بدست آورید.
می توانید با تغییر کد رنگ در اینجا، رنگ زمینه را تغییر دهید.
