تغییر فونت در وردپرس

تغییر فونت در قالب وردپرس

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

شاید در ظاهر مسئله مهمی به نظر نرسد اما قالب سایت شما را یک فونت مناسب می‌تواند زیبا و شیک کند و یا حتی یک فونت نامناسب آن را تبدیل به یک سایت کم بازدید کند. برای اینکه کاربر خود را به دلیل فونت نامناسب سایت از دست ندهید تا انتهای این مقاله همراه ما باشید.

تغییر فونت قالب وردپرس

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

همچنین در صورت تمایل برای مطالعه بیشتر در زمینه سیستم مدیریت محتوا وردپرس اینجا را کلیک فرمایید.

آموزش تغییر فونت در وردپرس

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

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

برای تغییر فونت نوشته در وردپرس می‌توان از طریق نصب افزونه MW Font Changer اقدام کرد. برای این کار می‌توانید در قسمت افزونه‌های وردپرس، نام پلاگین را سرچ و آن را نصب کنید. تصویر پلاگین تغییر فونت در وردپرس به شکل زیر است.

پلاگین تغییر فونت در وردپرس

 

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

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

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

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

 

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

 

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

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

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

تغییر فونت پنل وردپرس

 

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

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

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

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

سپس در قسمت عناصر دلخواه، نام کلاس را قرار می‌دهیم و قبل از آن حتما علامت نقطه می‌گذاریم. اما اگر ID را کپی کردید قبل از آن علامت # را تایپ کنید. در نهایت فونت مورد نظر را برای آن انتخاب می‌کنیم.

این نکته را نیز در نظر داشته باشید که اگر چندین Class یا ID را انتخاب کردید حتما بین آن‌ها کامای لاتین (,) قرار دهید.

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

در نهایت روی گزینه ذخیره تغییرات کلیک کنید و تغییرات فونت را مشاهده نمایید.

استفاده از این روش مزایا و معایبی دارد. از مزایای آن می‌توان به نکات زیر اشاره کرد :

  1. سازگاری با بسیاری از قالب‌های وردپرس
  2. سرعت بالا در تغییر فونت
  3. استفاده آسان از آن
  4. بدون کدنویسی و پپچیدگی

و از معایب آن می‌توان کاهش سرعت وردپرس با نصب افزونه را عنوان کرد.

معرفی پلاگین‌های تغییر فونت در وردپرس

علاوه بر افزونه MW Font Changer، پلاگین‌های دیگری برای تغییر فونت پنل وردپرس وجود دارد که در این بخش چند نمونه از آن‌ها را معرفی می‌کنیم.

  • افزونه Seed Fonts

روش تغییر فونت در وردپرس

  • افزونه Easy Google Fonts

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

  • افزونه Custom Font Uploader

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

  • افزونه Google Fonts for WordPressتغییر فونت فهرست در وردپرس

 

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

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

در ابتدا باید فونت وردپرسی مورد نظر خود را با فرمت‌های otf ،eot ،svg ،woff ،woff2 و ttf دانلود کنید. سپس وارد پنل مدیریت سرور سایت شوید و آن فونت را در پوشه مربوط به قالب آپلود کنید.

بعد از آن برای اینکه بتوانید فونت مورد نظر را فعال کنید باید از دستور font-face@ استفاده کنید تا آن را در فایل style.css فراخوانی کنید. بعد از این دیگر به راحتی می‌توانید با دستور font-family فونت خود را معرفی کنید.

برای مثال در کد زیر فونت iransans را در فایل CSS فراخوانی کردیم. قبل از فراخوانی حتما فونت را آپلود کنید.

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

بعد از آن Font-family های فایل را به نام فونت مورد نظر یعنی irsnsans  تغییر دهید. به این صورت font-family:iransans.

از مزایای این روش می‌توان به موارد زیر اشاره کرد:

  1. جلوگیری از کدهای اضافه در وردپرس و افزایش سرعت آن
  2. روش دائمی برای همه قالب‌ها
  3. حرفه‌ای بودن

و اما پیچیده و سخت بودن از معایب آن است.

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

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

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

  • فونت فارسی وزیر
  • فونت فارسی شبنم
  • فونت فارسی ایران سنس
  • فونت فارسی ایران یکان
  • فونت فارسی ساحل
  • فونت فارسی پرستو
  • فونت فارسی گندم
  • BYekan
  • BBadr
  • BTehran
  • BNazanin

جمع‌بندی

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

ما را در شبکه‌های اجتماعی دنبال کنید:

اشتراک در
اطلاع از
0 نظرات
بازخورد داخلی
دیدن تمام دیدگاه ها