WordPressآموزش

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

در این مقاله قصد داریم روش هایلایت کردن متن در وردپرس را به شما بگوییم. توانایی برجسته کردن یا هایلایت کردن متن می تواند به شما کمک کند، توجه کاربر را به یک قسمت تاکیدی و مهم از متن معطوف کنید. این می تواند برای برجسته کردن call to action، پیشنهاد ویژه یا تأکید بر جملات خاص باشد. برای کسب اطلاعات بیشتر در ادامه با ما همراه باشید.

چرا و چه زمانی متن را هایلایت کنیم؟

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

در اینجا یک نمونه از برجسته سازی متن وجود دارد.

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

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

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

با توجه به این موارد، بیایید نحوه برجسته کردن متن در وردپرس را بررسی کنیم.

روش 1. هایلایت کردن هر متنی در وردپرس (بدون نیاز به HTML)

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

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

ابزار های ویرایشگر پیشرفته (قبلاً TinyMCE Advanced نامیده می شد) گزینه های قالب بندی بیشتری را اضافه می کند و ویرایشگر بلوک وردپرس را گسترش می دهد.

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

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

از منوی کشویی، باید گزینه “Mark” را انتخاب کنید. با این کار متن با استفاده از رنگ های پیش فرض هایلایت می شود.

اکنون می توانید مقاله یا صفحه خود را ذخیره کنید و برای مشاهده متن برجسته شده بر روی گزینه پیش نمایش کلیک کنید.

مشاهده متن هایلایت شده در وردپرس بدون نیاز به HTML

روش 2. هایلایت کردن متن در وردپرس به صورت دستی

این روش نیاز به کمی کدنویسی دارد، اما پیاده سازی آن آسان است.

برای این مثال، ما از عنصر “mark” در HTML استفاده می کنیم. این کار می تواند برای برجسته کردن و جلب توجه به بخش خاصی از نوشته استفاده شود.

برای انجام این کار به پاراگراف حاوی متن بروید و سپس روی منوی سه نقطه در نوار ابزار بلوک کلیک کنید. از اینجا، باید گزینه ‘Edit as HTML’ را انتخاب کنید.

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

در این قسمت، متن خام را در قالب HTML مشاهده خواهید کرد. به سادگی متنی را که می خواهید هایلایت کنید مانند روش زیر در برچسب قرار دهید:

	
<mark>highlighted text</mark>

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

انتخاب گزینه Edit Visually برای مشاهده بصری متن هایلایت شده در در وردپرس به صورت دستی

بلوک به حالت بصری باز می گردد و متوجه خواهید شد که متن انتخابی شما هایلایت شده است.

اعمال متن هایلایت شده در وردپرس به صورت دستی

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

برای راه اندازی سفارشی ساز، کافی است به قسمت Appearance و بعد Customize page بروید. از اینجا باید به تب Additional CSS بروید.

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

در اینجا می توانید CSS سفارشی خود را قرار دهید. می توانید از کد CSS زیر به عنوان نقطه شروع استفاده کنید.

mark {
background-color: #ffd4a1;
}

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

مشاهده تغییر رنگ پس زمینه متن هایلایت شده در وردپرس

امیدواریم این مطلب به شما در یادگیری نحوه هایلایت کردن متن در وردپرس کمک کرده باشد.

منبع: wpbeginner

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

دکمه بازگشت به بالا