کلاس آموزش طراحی سایت

چگونه متن را در وردپرس برجسته کنیم (راهنمای مبتدیان)

آیا می خواهید متن را در یک پست یا صفحه وردپرس برجسته کنید؟

توانایی برجسته سازی متن می تواند به شما در جلب توجه کاربر به یک متن خاص کمک کند. این می تواند برای برجسته کردن دعوت به عمل ، پیشنهاد ویژه یا تأکید بیشتر بر جملات خاص عالی باشد.

در این مقاله ، ما به شما نشان خواهیم داد که چگونه متن را در وردپرس چه با پلاگین وبدون آن به راحتی برجسته کنید.
highlight text wp og

 

چرا و چه موقع متن را برجسته کنید

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

در اینجا نمونه ای از آن را برایتان قرار داده ایم:

texthighlight example 1

 

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

nohighlightoption

 

با این اوصاف ، بیایید نگاهی به چگونگی برجسته سازی متن در وردپرس بیندازیم.

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

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

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

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

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

tinymce

 

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

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

texthighlight

 

آسان نبود؟

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

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

این گزینه به کمی کد نیاز دارد ، اما اجرای آن آسان است.

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

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

editashtml

 

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

۱
<mark>highlighted text</mark>

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

edit visually

 

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

highlightedtext htmlmode

 

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

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

برای راه اندازی برنامه تنظیم کننده تم ، کافیست به صفحه Appearance »Customize بروید . از اینجا ، باید به برگه «CSS اضافی» بروید.

custom css

 

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

۱
۲
۳
mark {
background-color: #ffd4a1;
}

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

highlightedtext customcss

 

امیدواریم این به شما کمک کند یاد بگیرید چگونه متن را در وردپرس برجسته کنید.

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

منابع:

How to Highlight Text in WordPress (Beginner’s Guide)

همچنین بخوانید:   نحوه بازنشانی رمز عبور وردپرس از phpMyAdmin

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دنبال چی میگردی؟

اگر چیزی پیدا نکردی به پشتیبانی پیام بده