آیا به دنبال راهی برای برجسته کردن متن در یک پست یا صفحه وردپرس هستید؟
برجسته کردن متن می تواند به جلب توجه کاربر به بخش خاصی از محتوای شما کمک کند. این می تواند برای نشان دادن یک دعوت به اقدام، یک پیشنهاد ویژه یا به سادگی تأکید بر جملات خاص عالی باشد.
در این مقاله به شما نشان خواهیم داد که چگونه به راحتی متن را در وردپرس برجسته کنید.
چرا و چه زمانی متن را در وردپرس برجسته کنیم
برجسته کردن متن راهی آسان برای تأکید بر اطلاعات مهم در محتوای شما است. این به شما کمک می کند تا توجه کاربر را به جزئیاتی که نمی خواهید آنها را از دست بدهد هدایت کنید.
به عنوان مثال، برجسته کردن یک پیشنهاد تخفیف در وب سایت وردپرس خود با رنگ متفاوت، توجه خواننده را به آن جلب می کند و به شما کمک می کند فروش بیشتری داشته باشید.
در اینجا نمونه ای از آنچه برجسته کردن متن در یک پست وبلاگ ممکن است به نظر برسد آورده شده است:
برجسته کردن متن با رنگ های مختلف همچنین می تواند به کاربرانی که دارای اختلالات بینایی یا مشکلات خواندن هستند کمک کند تا راحت تر مطالب را پیمایش و درک کنند. حتی می تواند ظاهر محتوای شما را بهبود بخشد و آن را از نظر بصری جذاب تر کند.
با این حال، برجسته کردن بیش از حد متن در صفحه شما می تواند باعث حواس پرتی و کاهش اثربخشی آن شود. به همین دلیل است که توصیه می کنیم فقط متن بسیار مهمی مانند دعوت به اقدام، هشدارها و سایر جزئیاتی را که خوانندگان باید به آن توجه کنند برجسته کنید.
همانطور که گفته شد، بیایید نگاهی به نحوه برجسته کردن آسان متن در وردپرس بیندازیم. برای رفتن به روشی که می خواهید استفاده کنید می توانید از پیوندهای سریع زیر استفاده کنید:
روش 1: متن را در وردپرس با استفاده از ویرایشگر بلاک برجسته کنید
این روش برای شما مناسب است اگر می خواهید به راحتی متن را در وردپرس با استفاده از ویرایشگر بلوک هایلایت کنید.
ابتدا باید یک پست موجود یا جدید را در ویرایشگر بلوک از نوار کناری مدیریت وردپرس باز کنید.
هنگامی که آنجا هستید، به سادگی متنی را که می خواهید برجسته کنید انتخاب کنید و سپس روی نماد «بیشتر» در نوار ابزار بلوک در بالا کلیک کنید.
این یک منوی کشویی را باز می کند که در آن باید گزینه “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’ را انتخاب کنید.
در مرحله بعد، داخل “کادر پیش نمایش کد” کلیک کنید.
سپس باید کد زیر را کپی و پیست کنید:
mark {
background-color: #ffd4a1;
}
پس از انجام این کار، کد هگز را برای رنگ هایلایت دلخواه خود در کنار آن اضافه کنید background-color
خط در کد
در مثال ما از #ffd4a1 استفاده می کنیم که یک رنگ قهوه ای روشن است.
پس از آن، به بخش “درج” بروید.
از اینجا، روش «درج خودکار» را انتخاب کنید تا پس از فعالسازی، کد بهطور خودکار اجرا شود.
در مرحله بعد، به بالای صفحه بروید و سوئیچ “غیر فعال” را روی “فعال” تغییر دهید.
در نهایت، روی دکمه «ذخیره قطعه» کلیک کنید تا تغییرات شما ذخیره شود.
متن را در ویرایشگر بلوک هایلایت کنید
اکنون که قطعه CSS فعال شده است، باید مقداری کد HTML را در ویرایشگر بلاک اضافه کنیم تا متن در وردپرس برجسته شود.
ابتدا یک پست موجود یا جدید را در ویرایشگر بلوک وردپرس باز کنید.
از اینجا، روی نماد «گزینهها» در نوار ابزار بلوک در بالا کلیک کنید. با این کار یک منوی کشویی جدید باز می شود که در آن باید گزینه «ویرایش به عنوان HTML» را انتخاب کنید.
اکنون محتوای بلوک را در قالب HTML خواهید دید.
در اینجا، به سادگی متنی را که می خواهید برجسته کنید، داخل آن قرار دهید <mark> </mark>
برچسب هایی مانند این:
<mark>highlighted-text</mark>
با این کار متن به رنگ هگز که در قطعه WPCode خود انتخاب می کنید برجسته می شود.
پس از آن، روی گزینه «ویرایش بصری» در نوار ابزار بلوک کلیک کنید. برای بازگشت به ویرایشگر بصری.
پس از اتمام کار، ادامه دهید و روی دکمه “به روز رسانی” یا “انتشار” کلیک کنید تا تغییرات خود ذخیره شود.
اکنون، میتوانید از وبسایت خود دیدن کنید تا متن برجسته شده را در عمل بررسی کنید.
امیدواریم این راهنما به شما در یادگیری نحوه برجسته کردن متن در وردپرس کمک کرده باشد. همچنین ممکن است بخواهید راهنمای ما را در مورد چگونگی سفارشی کردن رنگ ها در وردپرس برای زیباتر کردن وب سایت خود و مقایسه ما از بهترین خدمات بازاریابی ایمیلی برای افزایش ترافیک خود ببینید.
اگر این مقاله را دوست داشتید، لطفاً در کانال یوتیوب ما برای آموزش های ویدیویی وردپرس مشترک شوید. شما همچنین می توانید ما را در پیدا کنید توییتر و فیس بوک