Adding text highlight color in WordPress


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

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

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

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

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

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

در اینجا نمونه ای از آنچه برجسته کردن متن در یک پست وبلاگ ممکن است به نظر برسد آورده شده است:

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

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

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

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

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

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

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

هنگامی که آنجا هستید، به سادگی متنی را که می خواهید برجسته کنید انتخاب کنید و سپس روی نماد «بیشتر» در نوار ابزار بلوک در بالا کلیک کنید.

این یک منوی کشویی را باز می کند که در آن باید گزینه “Highlight” را از لیست انتخاب کنید.

منوی کشویی More را از نوار ابزار بلوک باز کرده و گزینه Highlight را انتخاب کنید

اکنون یک ابزار انتخاب رنگ بر روی صفحه نمایش شما باز می شود. از اینجا، ابتدا باید به برگه «پس‌زمینه» بروید.

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

همچنین می توانید با کلیک بر روی گزینه “Custom” یک رنگ سفارشی را برای برجسته کردن متن انتخاب کنید تا ابزار “Eyedropper” راه اندازی شود.

رنگ هایلایت را از ابزار انتخاب رنگ انتخاب کنید

در نهایت، فراموش نکنید که برای ذخیره تغییرات خود، روی دکمه «انتشار» یا «به‌روزرسانی» کلیک کنید.

اکنون می توانید از وب سایت خود دیدن کنید تا متن هایلایت شده را در عمل بررسی کنید.

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

روش 2: برجسته کردن متن در وردپرس با استفاده از WPCode (توصیه می شود)

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

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

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

یک قطعه کد با WPCode ایجاد کنید

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

پس از فعال سازی، به آدرس زیر بروید قطعه کد » + افزودن قطعه صفحه از نوار کناری مدیریت وردپرس.

در مرحله بعد، فقط روی دکمه “Use Snippet” در زیر گزینه “Add Your Custom Code (New Snippet)” کلیک کنید.

یک قطعه جدید اضافه کنید

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

پس از آن، باید گزینه «CSS Snippet» را از منوی کشویی «Code Type» انتخاب کنید.

توجه داشته باشید: گزینه ‘CSS Snippet’ فقط در نسخه پریمیوم WPCode موجود است. اگر از نسخه رایگان استفاده می کنید، باید به جای آن گزینه ‘Universal Snippet’ را انتخاب کنید.

قطعه CSS به عنوان نوع کد برای متن برجسته در وردپرس

در مرحله بعد، داخل “کادر پیش نمایش کد” کلیک کنید.

سپس باید کد زیر را کپی و پیست کنید:

mark {
background-color: #ffd4a1;
}

پس از انجام این کار، کد هگز را برای رنگ هایلایت دلخواه خود در کنار آن اضافه کنید background-color خط در کد

در مثال ما از #ffd4a1 استفاده می کنیم که یک رنگ قهوه ای روشن است.

قطعه کد را برای برجسته کردن متن در وردپرس جایگذاری کنید

پس از آن، به بخش “درج” بروید.

از اینجا، روش «درج خودکار» را انتخاب کنید تا پس از فعال‌سازی، کد به‌طور خودکار اجرا شود.

یک روش درج را انتخاب کنید

در مرحله بعد، به بالای صفحه بروید و سوئیچ “غیر فعال” را روی “فعال” تغییر دهید.

در نهایت، روی دکمه «ذخیره قطعه» کلیک کنید تا تغییرات شما ذخیره شود.

قطعه کد برجسته متن را ذخیره کنید

متن را در ویرایشگر بلوک هایلایت کنید

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

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

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

از منوی کشویی Options در نوار ابزار بلوک، گزینه edit as HTML را انتخاب کنید

اکنون محتوای بلوک را در قالب HTML خواهید دید.

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

<mark>highlighted-text</mark>

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

پس از آن، روی گزینه «ویرایش بصری» در نوار ابزار بلوک کلیک کنید. برای بازگشت به ویرایشگر بصری.

کد HTML را در دو طرف متنی که می خواهید برجسته کنید بنویسید

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

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

نسخه ی نمایشی برجسته کردن متن در وردپرس

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

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





سایت محتوا مارکتینگ

توسط psychen

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

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