برنامه نویسی و ITوردپرس

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

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

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

 

نحوه تغییر فونت در قالب‌های وردپرس به صورت دستی

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

اگر قصد دارید از یک فونت کاملاً جدید استفاده کنید، باید از طریق قانون font-face@ مقداری کد نویسی انجام دهید. اولین کاری که باید انجام دهید این است که یک فونت مجاز برای استفاده در وب انتخاب کنید. سپس، باید فونت انتخابی خود را در سرور خود آپلود کنید.

دوره پیشنهادی: آموزش وردپرس
آموزش پایتون

 

آپلود فونت در سرور

برای این کار ابتدا وارد مدیریت فایل هاست خود شوید سپس بر روی File Manager کلیک کنید تا به محیط فایل منیجر هاست بروید. در مرحله بعد به پوشه قالب خود مراجعه کنید؛ یعنی به مسیر /public_html/wp-content/themes/ مراجعه کرده و درنهایت وارد پوشه قالب شوید. در این بخش فونتی را که دانلود کرده اید را در پوشه fonts آپلود کنید. اگر همچنین پوشه ای با این مشخصات نداریید می‌توانید یک پوشه با این نام بسازید و سپس فایل‌های فونت که با سه فرمت ttf، eot و woff هستند را در این پوشه آپلود کنید.

 

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

 

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

 

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

 

@font-face {font-family: Museo300;

src: local(‘Museo300-Regular’),

url(“fonts/Museo300-Regular.ttf”) format(‘truetype’);

font-weight: normal;}

 

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

تغییر فونت خود در سراسر تم بسیار ساده است و فقط کافی است یک خط کد را اضافه کنید. با کلیک بر روی «ویرایشگر» در زیر تب Appearance، ویرایشگرتم خود را پیدا کنید. در سمت چپ صفحه بخش style.css تم را پیدا خواهید کرد. اینجاست که فونت‌ها تعریف می شوند.

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

* {font-family:”Name of font”}

 

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

 

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

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

در بیشتر موارد، فونت خاصی در بدنه وب‌سایت یافت می‌شود. فونتی که در کد زیر تعریف شده است یک فونت فراگیر است و برای تعیین فونت برای فونت‌هایی در سایت استفاده می‌شود که توسط برچسب، کلاس یا div خاصی تعریف‌نشده‌اند.

 

body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;

font-size: 1em;

padding:0;

margin:0; }

فونت‌های درون محتوای پست عموماً در کلاس‌های CSS زیر قرار دارند. content. post, entry, and post-entry.

 

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

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

 

مقاله پییشنهادی : آموزش پلاگین نویسی در وردپرس

 

افزونه Easy Google Fonts

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

 

افزونه WP Google Fonts

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

 

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

برخلاف گزینه‌های بالا، با Use Any Font می‌توانید از هر فونتی که فرمت صحیحی دارد استفاده کنید. به معنای واقعی کلمه، هر فونتی که در وب پیدا کنید، می‌توانید آن را دانلود کنید و به سایت خود اضافه کنید. این افزونه تغییر فونت وردپرس با ویرایشگر وردپرس ادغام می‌شود، بنابراین می‌توانید هر بخشی را که می‌خواهید برجسته کنید و فونت را همان‌جا تغییر دهید. این افزونه رایگان است و بیش از 100000 افزونه فعال دارد.

 

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

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

 

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

 

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

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

فونت و شکل نوشته ماقبل از تغییر فونت به‌صورت زیر است.

 

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

 

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

 

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

 

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

 

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

 

همان‌طور که مشاهده کردید به آسان‌ترین شکل ممکن فونت نوشته ما تغییر کرد.

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

 

مقاله پییشنهادی : آموزش REST API در وردپرس

 

نتیجه‌گیری

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

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

نوشته های مشابه

دکمه بازگشت به بالا