هایلایت کردن متن در وردپرس

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

دو روش‌ برای هایلایت کردن متن در وردپرس

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

ساده ترین راه برای برجسته کردن متن با استفاده از افزونه ی Advanced Editor Tools است.

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

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

در این روش ما برای برجسته یا هایلایت کردن در بخشی از متن، از تگ Html “mark” استفاده می کنیم.

در ابتدا برای انجام اینکار به نوشته یا برگه‌ای که می‌خواهید بخش از متن آن را هایلایت کنید، بروید. در آنجا مطابق شکل زیر، در ویرایشگر بر روی سه نقطه کلیک کرده و گزینه ویرایش به عنوان HTML را بزنید.

در مرحله بعدی، متن خام را در قالب HTML مشاهده خواهید کرد. به سادگی متنی را که می‌خواهید برجسته کنید درون تگ‌های <mark> و <mark/> مانند کد زیر قرار دهید:

<mark>لورم ایپسوم متن ساختگی</mark>

اکنون می توانید مطابق شکل زیر، با کلیک مجدد بر روی منوی سه نقطه‌ای و انتخاب “ویرایش بصری” در نوار ابزار بلوک، به حالت بصری برگردید.

حال مطابق شکل زیر مشاهده می‌کنید که قسمت مورد نظر هایلایت شده است.

یک نکته کاربردی!

اگر تمایل دارید رنگ هایلایت کردن متن در وردپرس را از زرد به رنگ دیگری تغییر دهید، از مراحل زیر استفاده کنید.

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

حال مطابق شکل زیر در قسمت css اضافی کد زیر را قرار دهید:

mark {

background-color: #ffd4a1;

}

توجه داشته باشید که به جای کد هگزی (که معرف یک رنگ است) در کد بالا قرار داده‌ایم، می‌توانید کد هگز رنگ دلخواهتان یا نام رنگ دلخواهتان را قرار کنید.

پس از پایان کار و وارد کردن کد بالا مطابق شکل زیر، برای ذخیره تغییرات دکمه “انتشار” را فشار دهید. اکنون می توانید به وبلاگ وردپرس خود مراجعه کنید تا متن برجسته شده خود را در عمل مشاهده کنید.