در این مقاله قصد داریم روش هایلایت کردن متن در وردپرس را به شما بگوییم. توانایی برجسته کردن یا هایلایت کردن متن می تواند به شما کمک کند، توجه کاربر را به یک قسمت تاکیدی و مهم از متن معطوف کنید. این می تواند برای برجسته کردن call to action، پیشنهاد ویژه یا تأکید بر جملات خاص باشد. برای کسب اطلاعات بیشتر در ادامه با ما همراه باشید.
برجسته سازی متن یک راه آسان برای تأکید بر اطلاعات مهم در محتوای شما است. این به شما کمک می کند توجه کاربر را به فراخوان های مهم هدایت کنید.
در اینجا یک نمونه از برجسته سازی متن وجود دارد.
به طور پیش فرض، ویرایشگر محتوای وردپرس گزینه ای برای انتخاب و هایلات کردن هر متنی ندارد. شما می توانید با کج کردن متن، تغییر رنگ متن یا bold کردن آن، بر آن تأکید کنید.
با توجه به این موارد، بیایید نحوه برجسته کردن متن در وردپرس را بررسی کنیم.
ساده ترین راه برای برجسته کردن متن استفاده از افزونه وردپرس است. ابتدا باید افزونه Advanced Editor Tools را نصب و فعال کنید.
بیشتر بخوانید: راهنمای نصب افزونه در وردپرس
ابزار های ویرایشگر پیشرفته (قبلاً TinyMCE Advanced نامیده می شد) گزینه های قالب بندی بیشتری را اضافه می کند و ویرایشگر بلوک وردپرس را گسترش می دهد.
پس از فعال شدن افزونه، می توانید مقاله یا صفحه وردپرس را که می خواهید برخی از متن ها را در آن هایلایت کنید، ویرایش کنید. به سادگی متنی را که می خواهید اصلاح کنید انتخاب کنید و سپس روی پیکان کشویی برای گزینه های قالب بندی بیشتر کلیک کنید.
از منوی کشویی، باید گزینه “Mark” را انتخاب کنید. با این کار متن با استفاده از رنگ های پیش فرض هایلایت می شود.
اکنون می توانید مقاله یا صفحه خود را ذخیره کنید و برای مشاهده متن برجسته شده بر روی گزینه پیش نمایش کلیک کنید.
این روش نیاز به کمی کدنویسی دارد، اما پیاده سازی آن آسان است.
برای این مثال، ما از عنصر “mark” در HTML استفاده می کنیم. این کار می تواند برای برجسته کردن و جلب توجه به بخش خاصی از نوشته استفاده شود.
برای انجام این کار به پاراگراف حاوی متن بروید و سپس روی منوی سه نقطه در نوار ابزار بلوک کلیک کنید. از اینجا، باید گزینه ‘Edit as HTML’ را انتخاب کنید.
در این قسمت، متن خام را در قالب HTML مشاهده خواهید کرد. به سادگی متنی را که می خواهید هایلایت کنید مانند روش زیر در برچسب قرار دهید:
<mark>highlighted text</mark>اکنون می توانید با کلیک مجدد بر روی منوی سه نقطه و انتخاب گزینه “Edit Visually” (ویرایش بصری) در نوار ابزار بلوک، به حالت بصری بازگردید.
بلوک به حالت بصری باز می گردد و متوجه خواهید شد که متن انتخابی شما هایلایت شده است.
رنگ پس زمینه متن برجسته شده به طور معمول زرد است. اگر می خواهید آن را تغییر دهید، می توانید با افزودن CSS سفارشی این کار را انجام دهید.
برای راه اندازی سفارشی ساز، کافی است به قسمت Appearance و بعد Customize page بروید. از اینجا باید به تب Additional CSS بروید.
در اینجا می توانید CSS سفارشی خود را قرار دهید. می توانید از کد CSS زیر به عنوان نقطه شروع استفاده کنید.
mark {
background-color: #ffd4a1;
}پس از اتمام کار، دکمه “انتشار” را بزنید تا تغییرات ذخیره شود. اکنون می توانید در وبلاگ وردپرس خود، متن هایلایت شده را مشاهده کنید.
امیدواریم این مطلب به شما در یادگیری نحوه هایلایت کردن متن در وردپرس کمک کرده باشد.
منبع: wpbeginner