جستجو برای:
سبد خرید 0
  • حساب کاربری (پنل کاربری)
  • ورود / عضویت
  • محصولات حرفه ای
  • مطالب آموزشی رایگان
  • آموزش وردپرس (رایگان)
  • آموزش ووکامرس (رایگان)
  • استخدام
  • مشاوره کسب و کار اینترنتی
  • تبلیغات در شهر وردپرس
  • قوانین و مقررات
 

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت
شهر وردپرس

شهر وردپرس

  • آموزش وردپرس
  • آموزش ووکامرس
  • آموزش کسب و کار اینترنتی
    • وبینار
  • مطالب آموزشی رایگان
  • درباره ما
    • تماس با ما
    • قوانین و مقررات
    • ثبت شکایات و انتقادات
  • مشاوره کسب و کار
Smiley face
جستجو برای:
0
ورود / عضویت
شهر وردپرس > وبلاگ > ترفند های وردپرسی > آموزش کامل تغییر رنگ متن در وردپرس با استفاده از ۳ روش
جستجو برای:

آموزش کامل تغییر رنگ متن در وردپرس با استفاده از ۳ روش

مدت زمان مطالعه و یادگیری: 2 دقیقه

اگر به‌تازگی یک وب‌سایت با وردپرس ایجاد کنید ممکن است رنگ متن سایت برای شما چندان جذاب یا مفید نباشد. بسیاری از کاربران به دنبال تغییر رنگ متن انتخاب‌شده هستند زیرا به‌صورت پیشفرض این رنگ آبی است که شاید خیلی زیبا نباشد. برهمین اساس تصمیم گرفتیم تا یک مقاله در مورد تغییر رنگ متن در وردپرس بنویسیم.

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

برای این کار نیازی به افزونه تغییر رنگ متن در وردپرس نداریم و با تنظیمات خود وردپرس این امر امکان‌پذیر است.

 

تغییر رنگ متن وردپرس

مطمئن‌ترین روش برای تغییر رنگ متن استفاده از ویرایشگر وردپرس است. همان‌طور که می‌دانید وردپرس دارای دو ویرایشگر کلاسیک و گوتنبرگ است که در ادامه هر کدام را بررسی کردیم:

 

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

در ابتدا به بررسی ویرایشگر گوتنبرگ می‌پردازیم.

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

تغییر رنگ متن در وردپرس

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

اگر این گزینه برای شما وجود ندارد باید ابتدا بر روی دکمه (تغییر نوار ابزار ) کلیک کنید تا امکانات بیشتری به ویرایشگر شما افزوده شود.

تغییر رنگ متن در وردپرس

  1. تغییر رنگ متن وردپرس با استفاده از بخش سفارشی‌سازی

به بخش نمایش>سفارشی‌سازی مراجعه کنید. حال بر روی گزینه (رنگ‌ها) کلیک کنید. در این بخش می‌توانید رنگ‌های مختلف قالب خود را مشاهده کرده و در صورت نیاز تغییر دهید.

تغییر رنگ متن در وردپرس

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

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

به بخش نمایش>سفارشی‌سازی مراجعه کرده و بر روی بخش (CSS اضافی) کلیک کنید. حال می‌توانید کدهای CSS خود را در این کادر بنویسید.

برای تغییر رنگ متن هر بخش باید کد HTML آن را بدانید. ما در ادامه چند کد پرکاربرد را برای شما در نظر گرفته‌ایم:

تغییر رنگ متن عناوین

۱
۲
۳
۴
۵
h1.entry-title {
 
   color: #۱F618D;
 
}

تغییر رنگ متن پاراگراف

۱
۲
۳
۴
۵
p {
 
   color: #۱F618D;
 
}

 

تغییر رنگ متن انتخاب‌شده

اگر این کد برای شما کار نکرد باید آن را در فایل Style.css قرار دهید. این فایل را در بخش نمایش>ویرایشگر پوسته پیدا کنید.بهتر است قبل از انجام این کار از وبسایت خود بکاپ تهیه کنید. بهتر است مقاله تهیه نسخه پشتیبان از وردپرس را بخوانید.

۱
۲
۳
۴
۵
۶
۷
۸
::-moz-selection {
  background-color: #ff6200;
  color: #fff;
}
::selection {
  background-color: #ff6200;
  color: #fff;
}

 

جمع‌بندی

دانستن نحوه تغییر رنگ متن وردپرس یکی از مهم‌ترین موارد برای طراح وب‌سایت است. همین استایل های کوچک و رنگ‌بندی‌هایی که ممکن است تاثیر زیادی بر وب‌سایت شما نگذارد می‌تواند تجربه کاربری سایت شما را تا حد بسیار زیادی بهبود ببخشد.

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

perm_identity ارسال شده توسط ارسلان جوادی
folder_open ترفند های وردپرسی ، حل مشکلات رایج
access_time۵ مرداد ۱۳۹۹
visibility 370 بازدید
برچسب ها: افزونه تغییر رنگ متن در وردپرستغییر رنگ پس زمینه نوشته ها در وردپرستغییر رنگ قسمتی از متن در وردپرستغییر رنگ متن در html
اشتراک گذاری:
درحال ارسال
امتیاز دهی کاربران
0 (0 رای)
نظر شما در مورد این مطلب چیست؟
با دادن امتیاز به مطالب مارا در خدمت رسانی بیشتر یاری کنید و اگر از این مطلب راضی بودید با امتیاز بالا به نویسندگان سایت قوت قلب بدهید و اگر رضایت نداشتید حتما در نظرات همین مطلب اعلام کنید و به ما در این مسیر کمک کنید.
Telegram-Chanell-ShahrWpما را در تلگرام دنبال کنید ورود
Instagram-ShahrWpما را در اینستاگرام دنبال کنید ورود
ارسلان جوادی

مدیر محتوای شهر وردپرس

نوشته های بیشتر از ارسلان جوادی
مطالب زیر را حتما بخوانید
  • لیست شورت کد های ووکامرس

    986 بازدید

  • حل مشکلات رایج سایت
    حل مشکلات رایج سایت (سایتت به ایراد نخوره)

    136 بازدید

  • هاست رایگان
    هاست رایگان ایرانی و خارجی کاملا رایگان بگیرید (آپدیت شد)

    2.76k بازدید

  • اتصال آمارگیر گوگل به وردپرس
    آموزش اتصال آمارگیر گوگل به وردپرس

    986 بازدید

  • چالش های کسب و کار اینترنتی
    سریال چالش های کسب و کار اینترنتی (قسمت اول)

    394 بازدید

emtiaz

پاسخی بگذارید لغو پاسخ

جستجو برای:
هاست
بخش های این مطلب
1 تغییر رنگ متن وردپرس
1.1 تغییر رنگ متن وردپرس با استفاده از ویرایشگر وردپرس
1.2 تغییر رنگ متن وردپرس با استفاده از بخش سفارشی‌سازی
1.3 تغییر رنگ متن وردپرس با استفاده از کد CSS
2 جمع‌بندی
نوشته‌های تازه
  • نمایش محصولات مرتبط در ووکامرس به آسان ترین روش ممکن
  • بهترین افزونه سئو وردپرس در کنار ۸ گام ساده بهبود رتبه
  • لیست شورت کد های ووکامرس
  • آموزش افزونه المنتور فارسی
  • خرید فالوور یا خرید لایک ؟

ارتباط با شهر وردپرس

تلفن گویا : ۹۱۰۳۵۱۵۶-۰۲۱

کانال تلگرام ◄

صفحه اینستاگرام ◄

صفحه آپارات ◄

اینستاگرام امیر حسین احمدی ◄

جدیدترین مطالب
  • نمایش محصولات مرتبط در ووکامرس به آسان ترین روش ممکن ۵ مرداد ۱۳۹۹
  • بهترین افزونه سئو وردپرس در کنار ۸ گام ساده بهبود رتبه ۵ مرداد ۱۳۹۹
  • لیست شورت کد های ووکامرس ۵ مرداد ۱۳۹۹
  • تبلیغات در شهر وردپرس
logo-samandehi
پیاده سازی شده با عشق ♥، تمامی حقوق برای شهر وردپرس محفوظ است.
نسخه چهارم شهر وردپرس ، (درباره ما)
حالت شب: به سلامت چشم و خوانایی بهتر مطالب به شما کمک میکند (روی آیکون کلیک کنید)
keyboard_arrow_up
ورود ×
کد تایید
لطفاً کد تأیید ارسال شده را تایپ کنید
ثبت
رمز عبور را فراموش کرده اید؟
ورود با کد یکبارمصرف
ارسال مجدد کد یکبار مصرف(00:60)
آیا حساب کاربری ندارید؟
ثبت نام
ارسال مجدد کد یکبار مصرف(00:60)
برگشت به ورود

ارسال مجدد کد یکبار مصرف (00:60)
برگشت به ورود
  • (+98) ایران