منو سایت

  • خانه
  • وبلاگ
  • نحوه نشانه گذاری متن در وردپرس (راهنمای مبتدیان)

نحوه نشانه گذاری متن در وردپرس (راهنمای مبتدیان)

 تاریخ انتشار :
/
  وبلاگ
نحوه نشانه گذاری متن در وردپرس (راهنمای مبتدیان)

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

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

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

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

چرا و زمان نشانه گذاری متن در وردپرس

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

سپس به سادگی روی دکمه “Use Snippet” در زیر گزینه “Add your custom code (new snippet)” کلیک کنید.

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

این شما را به صفحه Create Custom Snippet می‌برد، جایی که می‌توانید با وارد کردن یک نام برای قطعه کد خود شروع کنید.

در مرحله بعد، باید گزینه “CSS Snippet” را از منوی کشویی “Code Type” انتخاب کنید.

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

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

سپس روی کادر «پیش‌نمایش کد» کلیک کنید.

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

mark {
background-color: #ffd4a1;
}

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

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

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

سپس به قسمت Insert بروید.

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

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

سپس به بالای صفحه بروید و سوئیچ “غیر فعال” را روی “فعال” قرار دهید.

در نهایت برای ذخیره تغییرات روی دکمه “Save Snippet” کلیک کنید.

قطعه کد نشانه گذاری متن را ذخیره کنید

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

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

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

از اینجا، روی نماد “گزینه ها” در نوار ابزار مسدود کننده در بالا کلیک کنید. با این کار یک منوی کشویی جدید باز می شود که در آن باید گزینه “Edit as HTML” را انتخاب کنید.

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

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

در اینجا، فقط متنی را که می‌خواهید برجسته کنید، بپیچید <mark> </mark> برچسب هایی مانند این:

<mark>highlighted-text</mark>

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

سپس بر روی گزینه “Edit Visually” در نوار ابزار مسدود کننده کلیک کنید. برای بازگشت به ویرایشگر بصری.

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

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

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

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

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

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