فارس وب | طراحی سایت، توسعه و دیجیتال مارکتینگ
۰۹۳۳۶۶۶۳۳۵۴

آموزش تغییر فونت قالب در وردپرس

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

تغییر اندازه فونت در wordpress

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

افزونه های متنوعی برای تغییر فونت سایت وردپرس و اضافه کردن فونت های گوناگون به کار می روند. یکی از افزونه های رایگان افزونه فونت ماندگار با عنوان MW Font Changer است. شما می توانید به راحتی این افزونه را از مخزن وردپرس دانلود نمایید. در ادامه به جزئیات استفاده از افزونه فونت ماندگار می پردازیم.

یکی از افزونه ها برای تغییر فونت سایت وردپرسی، افزونه مدیریت و تغییر فونت FontPress است.

نصب افزونه تغییر فونت

برای نصب افزونه تغییر فونت، آموزش نصب افزونه وردپرس را مشاهده کنید

امکانات افزونه

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

نحوه تغییر فونت سایت وردپرسی

بعد از نصب، افزونه در پیشخوان> قسمت تنظیمات وردپرس با دو زیر منوی فونت ماندگار-پوسته و فونت ماندگار-پیشخوان اضافه می شود. تغییر فونت سایت وردپرسی شامل دو قسمت می شود.
1- تغییر فونت پوسته وردپرس
2- تغییر فونت پیشخوان وردپرس

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

choosearea

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

به پیشخوان وردپرس> تنظیمات> فونت ماندگار- پوسته بروید. از تنظیمات این قسمت برای تغییر فونت بخش های پوسته وردپرس استفاده کنید. در ادامه به شرح موارد تصویر زیر می پردازیم.

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

تنظیمات افزونه MW Font Changer برای تغییر فونت پوسته

 

 

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

تنظیمات اختصاصی تغییر فونت

choosearea

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

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

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

تغییر فونت سایت وردپرس با کد css

روش دیگری که برای تغییر فونت سایت وردپرس استفاده می شود استفاده از کد css در پوسته یا قالب وردپرس است. این روش برای افرادی که حرفه ای هستند مناسب تر است. شما می توانید از بخش پیشخوان> نمایش> سفارشی سازی اقدام به تغییر فونت سایت وردپرس خود نمایید.
توجه نمایید اینکه می گوییم تغییر سایت وردپرس یعنی فونت کل سایت شما تغییر می کند. به بخش css اضافی رفته و کد مورد نظرتان را به این بخش اضافه نمایید.
در ادامه یک نمونه کد برای تغییر فونت تغییر فونت تیترهای اصلی یک سایت وردپرسی آورده ایم.

تغیر فونت تیترهای اصلی

h1 {
font-size: 60px;
color: white;
}

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

p { font-size: 14px; }

تغیر فونت کل سایت

body { font-size: 100%; }

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

برای مشاهده ویژگی ها و خرید این قالب کلیک کنید

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد.

طراحی سایت
preloader