نحوه تغییر رنگ متن در وردپرس (3 روش آسان)

اخیراً ، یکی از خوانندگان ما پرسید آیا راهی آسان برای تغییر رنگ متن در وردپرس وجود دارد؟

پاسخ مثبت است. به راحتی می توانید رنگ قلم خود را در وردپرس در کل سایت خود تغییر دهید ، یا حتی فقط برای یک کلمه در داخل محتوای پست خود تغییر دهید.

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

Easily change text color in WordPress

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

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

در این آموزش ، ما روش های زیر را پوشش خواهیم داد:

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

آموزش فیلم h4>

مشترک شدن در WPBeginner

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

روش 1. تغییر رنگ متن با استفاده از ویرایشگر ویژوال

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

An example of colored text in a WordPress page

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

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

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

هنگامی که متن شما در جای خود قرار گرفت ، می توانید رنگ را تغییر دهید.

تغییر رنگ متن یک بلوک

برای این مثال اول ، ما می خواهیم رنگ متن کل بلوک را تغییر دهیم.

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

Picking a text color for the whole block in WordPress

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

متناوباً ، اگر رنگ خاصی را در ذهن دارید ، روی پیوند “Custom Color” کلیک کنید. با این کار یک انتخابگر رنگ باز می شود که در آن می توانید به صورت دستی رنگی را انتخاب کنید. برای تایپ کردن کد hex نیز می توانید از این مورد استفاده کنید.

Picking a custom text color for your block

اگر نظر خود را تغییر دادید و می خواهید به رنگ متن پیش فرض برگردید ، فقط روی دکمه “پاک کردن” در زیر گزینه های رنگ کلیک کنید:

Setting your block back to the default text color

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

تغییر رنگ متن یک کلمه یا عبارت

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

ابتدا باید کلمه (های) موردنظر را برای تغییر برجسته کنید. سپس ، روی پیکان کوچک رو به پایین در ویرایشگر محتوا .

Highlight the words that you want to change the color of

بعد ، به سادگی روی پیوند “متن رنگ” در پایین لیست کشویی کلیک کنید:

Click the 'Text Color' link at the bottom of the dropdown list

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

Choose the text color for your highlighted word(s)

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

Changing the text color of a heading block in WordPress

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

همچنین می توانید رنگ متن را در یک بلوک لیست تغییر دهید ، اما فقط با برجسته کردن کلمه (ها) و استفاده از نوار ابزار. در تنظیمات بلوک گزینه ای برای تغییر رنگ متن برای کل بلوک لیست وجود ندارد.

تغییر رنگ قلم با استفاده از ویرایشگر Classic

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

در ویرایشگر کلاسیک ، روی Toolbar Toggle در سمت راست راست کلیک کنید. ردیف دوم نمادها را مشاهده خواهید کرد:

Click the Toolbar Toggle button to see the second row of icons

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

Use the text color button in the classic editor

روش 2. تغییر رنگ متن در Customizer Theme

اگر می خواهید رنگ متن را در کل وب سایت خود تغییر دهید ، چه می کنید؟ بسیاری از بهترین تم های وردپرس به شما این امکان را می دهد که این کار را با استفاده از تنظیم کننده تم انجام دهید.

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

در داشبورد وردپرس خود ، به ظاهر »شخصی سازی بروید تا Theme Customizer باز شود.

Go to Appearance then Customize in your WordPress dashboard

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

Select 'Typography' or a similar option in the theme customizer

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

Select the Body text to modify in the customizer

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

Picking the color for your body text using the theme customizer

با استفاده از گزینه های تغییر H1 ، H2 و غیره ، می توانید رنگ عنوان را نیز به روشی مشابه تغییر دهید.

هنگامی که از تغییرات خود راضی بودید ، روی دکمه “انتشار” در بالای صفحه کلیک کنید.

Publishing your changes to your website

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

روش 3. تغییر رنگ متن با استفاده از کد CSS

اگر موضوع شما گزینه تغییر رنگ متن را نداشته باشد چه؟

با استفاده از تنظیم کننده طرح زمینه ، همچنان می توانید رنگ قلم را در کل سایت تغییر دهید. در داشبورد WordPress به Appearance »Customizer بروید.

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

Open up the Additional CSS section of the theme customizer

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

برای مبتدیان ، می توانید این کد را در کادر کپی کنید. پس از آن ، می توانید 6 عدد را به کد hex رنگ انتخابی خود تغییر دهید.

p {color: # 990000؛ }

Enter the CSS for changing the paragraph color into the theme customizer

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

Text color customized site-wide using CSS code

اگر می خواهید رنگ عناوین موجود در پست خود را تغییر دهید ، می توانید این کد را به جای آن اضافه کنید:

h2 {color: # 990000؛ }

باز هم کد hex را به هر رنگی که می خواهید تغییر دهید.

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

CSS Hero plugin

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

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

منبع:
https://www.wpbeginner.com/wp-tutorials/how-to-change-the-text-color-in-wordpress-easy-methods/.

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