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

وردپرس یک سیستم مدیریت محتوا (CMS) قدرتمند و محبوب برای ساخت وب سایت های جذاب و جذاب بدون محدودیت است. این به صاحبان سایت اجازه می دهد تا وب سایت های خود را به طور کامل سفارشی کنند، از جمله تغییر تنظیمات تایپوگرافی.

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

به خواندن ادامه دهید تا در مورد روش تغییر رنگ فونت در وردپرس و چهار راه آسان برای انجام آن بیشتر بدانید.

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

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

با استفاده از ویرایشگر بلاک وردپرس

ویرایشگر گوتنبرگ یا ویرایشگر بلوک وردپرس از زمان وردپرس 5.0 ویرایشگر متن پیش فرض بوده است. با رنگ تنظیمات، می توانید به سرعت رنگ فونت را در یک پست تغییر دهید یا page.

برای تغییر رنگ متن در وردپرس از طریق ویرایشگر بلاک مراحل زیر را دنبال کنید:

1. وارد داشبورد وردپرس خود شوید و پست را باز کنید یا page می خواهید سفارشی کنید
2. انتخاب کنید پاراگراف یا سرفصل بلوکی که می خواهید سفارشی کنید. به عنوان مثال، ما از پاراگراف مسدود کردن.

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

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

یا از انتخابگر رنگ فونت سفارشی استفاده کنید یا کد RGB، HSL یا Hex را وارد کنید تا یک رنگ سفارشی ترجیحی را اضافه کنید.

5. کلیک انتشار یا ذخیره پیش نویس برای اعمال تغییرات

با استفاده از ویرایشگر کلاسیک وردپرس

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

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

برای تغییر رنگ فونت از طریق ویرایشگر کلاسیک مراحل زیر را دنبال کنید:

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

3. کلیک کنید بر روی تغییر نوار ابزار دکمه برای نمایش گزینه های قالب بندی متن.

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

از طرف دیگر، با کلیک کردن روی آن یک رنگ سفارشی اضافه کنید سفارشی… دکمه. از انتخابگر رنگ استفاده کنید یا کد رنگ RGB یا Hex مورد نظر خود را وارد کنید.

5. تغییرات را با کلیک کردن اعمال کنید انتشار یا ذخیره پیش نویس.

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

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

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

1. از داشبورد وردپرس، به ظاهر → شخصی سازی.

2. انتخاب کنید رنگ ها برگه

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

4. کلیک انتشار برای ذخیره تغییرات

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

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

این مراحل را دنبال کنید تا از CSS اضافی برای تغییر رنگ فونت استفاده کنید روی عنوان و عناصر پاراگراف:

1. مطمئن شوید که طرح زمینه فعلی شما از Theme Customizer پشتیبانی می کند. به عنوان مثال، ما از تم Twenty Twenty-Two استفاده خواهیم کرد.
2. یک پست وبلاگ وردپرس را از طریق قسمت جلویی سایت باز کنید.

3. باز کن شخصی سازی از نوار ابزار بالا

4. انتخاب کنید CSS اضافی از نوار کناری

5. در قسمت ویرایش CSS اضافی، کد زیر را برای تغییر رنگ عنوان وارد کنید:

h2{
	color: #FF0000;
}

h3 {
	color: #00FF00;
}

h4 {
color: #964B00;
}

برای تغییر رنگ متن پاراگراف کد CSS را در زیر کد قبلی وارد کنید:

p {
	color: #0000FF;
}

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

6. کلیک انتشار برای ذخیره تغییرات

تغییر رنگ فونت در وردپرس با صفحه ساز

یک راه ساده دیگر برای تغییر رنگ فونت در وردپرس استفاده از a page سازنده. در این آموزش استفاده خواهیم کرد ویژوال آهنگساز، یکی از بهترین وردپرس ها page سازندگان

برای تغییر رنگ فونت در وردپرس از طریق Visual Composer مراحل زیر را دنبال کنید:

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

3. یک بلوک متنی را در طرح قرار دهید و آن را با متن دلخواه خود پر کنید.

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

6. تغییر ایجاد شده در رابط ویرایشگر ظاهر می شود.

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

نتیجه

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

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

امیدواریم این مقاله به شما در یادگیری سفارشی سازی رنگ فونت در وردپرس کمک کرده باشد. در صورت داشتن هرگونه سوال از طریق نظر دادن در زیر می توانید بپرسید. موفق باشید روی سفر آنلاین شما!