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

زمان مورد نیاز برای مطالعه: ۴ دقیقه

6 آذر 1400

نادیا آذری

آموزش کامل اضافه کردن فونت فارسی در وردپرس

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

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

یک فونت فارسی مناسب می‌تواند تأثیر فوق‌العاده‌ای در ذهن کاربر نسبت به سایت شما بگذارد، و کاری کند که کاربر ارتباط بهتری با سایت شما و محتوای آن برقرار کند؛ و درنتیجه وقت بیشتری را در سایت شما بگذارند.  در این مقاله به شما آموزش کامل افزودن فونت فارسی به قالب وردپرس را میدهیم. همراه ما باشید.

فونت یا قلم چیست ؟

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

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

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

افزونه فونت فارسی

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

  • روش اول: نصب فونت در قالب وردپرس با کدنویسی

اولین راه برای افزودن فونت فارسی و نصب آن در سایت قرار دادن کدهای  css در کدنویسی‌های قالب است. برای انجام این کار ابتدای فونت مورد نظر خود را از سایت ارائه دهنده فونت تهیه نمایید. این فونت باید دارای سه فرمت .eot ، .woff و .tff باشد تا برای همه‌ مرورگرهای وب به راحتی خوانده شود.

بعد از آن باید به پرونده مربوط به قالب خود بروید. این پرونده در قسمت File Manager هاست شما بوده و در مسیر زیر قرار دارد:

public_html/wp-content/themes/”name of your theme”/

در آنجا پوشه‌ای با نام fonts اگر وجود ندارد بسازید. در این پوشه فونت خود را با هر سه پسوند .eot ، .woff و .tff بارگذاری نمایید. سپس به فایل style.css قالب خود بروید و کدهای زیر را در آن قرار دهید.

@font-face {

font-family: ‘name of your font’;

src: url(‘fonts/name of your font.eot?#’) format(‘eot’),

url(‘fonts/name of your font.woff’) format(‘woff’),

url(‘fonts/name of your font.ttf’) format(‘truetype’);

}

حتما توجه داشته باشید که به جای  name of your fontباید نام فونت دلخواه خود را قرار دهید. برای مثال اگر از فونت IRANSans-web   استفاده نمایید خواهیم داشت:

@font-face {

font-family: ‘IRANSans-web’;

src: url(‘fonts/IRANSans-web.eot?#’) format(‘eot’),

url(‘fonts/IRANSans-web.woff’) format(‘woff’),

url(‘fonts/IRANSans-web.ttf’) format(‘truetype’);

}

حال در فایل style.css باید خانواده فونت مدنظرتان را تعریف نمایید. برای انجام این کار در هرکجا که عبارت font-family نوشته شده است، نام فونت دلخواه خود را معرفی کنید. یعنی مانند کد زیر باید در رو به روی همه عبارت‌های font-family نام فونت خود را قرار دهید.

font-family: IRANSans-web;

در نهایت فایل style.css را با تغییرات اعمال شده ذخیره نمایید و به سراغ سایت سایت خود بروید. با یک رفرش ساده خواهید دید که فونت دلخواه شما به سایتتان اضافه شده است.

  • روش دوم: نصب فونت در سایت به کمک افزونه

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

بعد از نصب و فعالسازی افزونه  Use Any Font، در پیشخوان مدیریت وردپرس بخشی به نام Use Any Font اضافه خواهد شد. مطابق شکل زیر، در این بخش نیاز است که شما یک کلید API از سایت سازنده این افزونه دریافت نموده و در کادر مربوط به آن وارد کنید. برای دریافت این کلید بر روی دکمه Generate Free Lite کلیک نمایید و سپس کلید Verify را بزنید.

نحوه نصب فونت به کمک افزونه

بعد از آن مطابق شکل زیر به قسمت Upload Font در بخش دوم این افزونه بروید. در این قسمت باید 4 گام زیر را انجام دهید.

ابتدا بر روی دکمه add font کلیک نمایید.

سپس در کادر مشخص شده نام فونت خود را وارد نمایید.

بر روی دکمه Choose File کرده و فونت خود را آپلود کنید. توجه داشته باشید همانطور که در تصویر می‌بینید تنها قرار دادن یک فرمت از فونت دلخواهتان مثلا .ttf کافیست.

در نهایت برای بارگذاری و افزودن فونت فارسی به قالب وردپرس بر روی دکمه Upload کلیک نمایید.

حال بعد از بارگذاری فونت دلخواهتان و افزودن فونت فارسی مطابق شکل زیر، وارد بخش  Assign Font شوید. در این بخش باید تعیین کنید که در کدام تیترها (تگ‌های heading) و بخش‌های سایت فونت شما نمایش داده شود و مورد استفاده قرار گیرد. برای مثال ما می‌خواهیم در همه تیترها از فونت دلخواهمان استفاده شود پس باید تیک تمامیه گزینه را زده و دکمه Assign Font را بزنید.

نصب فونت فارسی از طریق تنظیمات

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

  • روش سوم: نصب فونت فارسی از طریق تنظیمات قالب

روش های نصب فونت فارسی کدام اند

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

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

سئوالات متداول :

آیا تغییر فونت در وردپرس برای سایت ما اهمیت دارد؟

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

بعد از تغییر فونت، همچنان قالب سایت من با فونت قبلی بارگذاری می‌شود. چرا ؟

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

پیشنهاد شما اضافه کردن فونت به صورت دستی است یا از طریق افزونه ؟

اگر به کدهای CSS آشنایی دارید، بهتر است که به صورت دستی اینکار را انجام دهید و اما اگر به این کدهای تسلط کافی برای اینکار ندارید بهتر است از روش دوم یعنی افزونه فونت ماندگار استفاده کنید.

آیا تغییر فونت در وردپرس برای سایت ما اهمیت دارد؟

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


مطالب مرتبط

شاید به مطالب مرتبط با این مقاله علاقمند باشید