افزونه اضافه کردن فونت 

افزونه اضافه کردن فونت

سلام وقت همگی به خیر.

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

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

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

کثر قالب‌های وردپرسی که شما دریافت می‌کنید، مخصوصاً قالب‌هایی که از سایت تم فارست خریداری می‌کنید؛

یا قالب‌هایی که از مخزن اصلی وردپرس دانلود می‌کنید دارای فونت فارسی نیستند.

فونت‌های پیش‌فرض این قالب‌ها Tahoma ،TimesNewRoman و یا فونت‌های عربی هستند.

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

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

اما شما می‌توانید هر فونت دیگری را استفاده کنید.

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

درواقع سایت وردپرسی شما باید حتماً دارای فونت فارسی باشد.

شما قادر هستید از فونت‌های مختلفی مانند ایران سنس، بی یکان و… استفاده کنید؛

و درواقع از فونت دلخواه خود در سایت خود استفاده کنید.

توسط فونت فارسی شما می‌توانید در طراحی سایت خود تحول بزرگی به وجود بیاورید و ظاهر سایت خودتان را تا حد زیادی تغییر دهید.

اضافه کردن فونت مناسب فارسی، سایت شما را در نظر کاربران دل‌چسب‌تر می‌کند.

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

یک فونت فارسی مناسب می‌تواند تأثیر فوق‌العاده‌ای در ذهن کاربر نسبت به سایت شما بگذارد،

و کاری کند که کاربر ارتباط بهتری با سایت شما و محتوای آن برقرار کند؛

و درنتیجه وقت بیشتری را در سایت شما بگذارند.

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

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

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

بخصوص زمانی که از فونت‌های محبوبی مثل ایران سنس، بی یکان و ایران سنس دست نویس استفاده کنید.

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

همانطور که می دانید وقتی ما از قالب‌هایی که از تم فارست خریداری می‌کنیم یا اینکه اقدام به نصب قالب وردپرس از طریق مخزن وردپرس می‌کنیم این قالب‌ها معمولا با فونت‌های Tahoma ، Arial و … هستند.

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

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

بیشتر از دنیای وردپرس بدانید و بخوانید:

• افزونه use any font
• جستجوی با فیلتر در وردپرس با Search & Filter
• پلاگین سئو برای وردپرس

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

قبل از نصب فونت در وردپرس باید ابتدا فونت دلخواه خودتان را در سه فرمت تهیه کنید. این فرمت ها که برای وبسایت مورد استفاده قرار میگیرند شامل eot، ttf و woff هستند.

معمولا فونت با فرمت ttf با همه مرورگرها سازگاری دارد و نسبت به سایر فونت‌ها بیشتر مورد استفاده قرار میگیرد. پس برای استفاده از فونت دلخواه خودتان (فونت رایگان) کافیست در گوگل جستجو کرده و فونت دلخواه را دانلود کنید.

اما اگر فونت شما تجاری هست حتما باید آن را خریداری کنید.

حال بعد از اینکه فونت را با فرمت ttf و سایر فرمت‌ها تهیه کردید نوبت به نصب فونت در وردپرس می رسد.

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

برای اینکار کافیست تا عباراتی مثل convert ttf to eot و convert ttf to woff را جستجو کرده و از این سایت‌ها برای تبدیل فرمت فونت به فرمت های woff و eot استفاده کنید.

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

حالا برای نصب فونت در قالب وردپرس ابتدا وارد هاست خود شده و سپس بر روی File Manager کلیک کنید تا به محیط فایل منیجر هاست هدایت شوید.

سپس به پوشه قالب وردپرس مراجعه کنید.

یعنی به مسیر /public_html/wp-content/themes/ مراجعه کرده و در نهایت وارد پوشه قالب شوید.

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

اگر پوشه‌ای با این نام در پوشه قالب ندارید می توانید یک پوشه بسازید و سپس فایل‌های فونت که با سه فرمت ttf، eot و woff هستند را در این پوشه آپلود کنید.

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

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

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

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

حال همانطور که در تصویر می بینید در اینجا من از فونت با فرمت‌های woff و ttf استفاده کردم.

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

دقت کنید که اگر از قبل کدهایی مثل زیر وجود دارد باید آنها را ویرایش کنید.

@font-face {
	font-family: 'iransansdn';
	src: url('fonts/iransansdn.eot?#') format('eot'),
	url('fonts/iransansdn.woff') format('woff'), 
	url('fonts/iransansdn.ttf') format('truetype'); }

همانطور که در خط دوم کد می بینید ابتدا باید برای فونت خودمان یک اسم انتخاب کنیم.

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

سپس در خطوط سوم تا پنجم مسیری که فونت‌ها در اون قرار دارد به همراه نام و فرمت فونت‌ها مشابه نمونه وارد کنید.

در اینجا fonts نام پوشه است که بعد از یک / iransansdn قرار دارد که عبارت است از نام فونت به همراه فرمت فونت. در نهایت نام خانواده فونت خودمان را که با iransansdn قرار دادیم را در بخش‌های مختلف کلاس قالب استفاده کنید.

برای این منظور کل فایل استایل را بررسی کنید و هر کجا که کد font-family مشاهده کردید بررسی کنید،

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

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

font-family: iransansdn;

اگر هم احیانا در جایی دیدید که به شکلی هست که چندین نام در مقابل آن قرار دارد برای اینکه اولویت با فونت سفارشی شما باشد باید اولین نام را با iransansdn وارد کنید.

font-family: 'iransansdn', 'Helvetica Neue', sans-serif;

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

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

روش دوم: استفاده از افزونه فونت دلخواه وردپرس

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

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

افزونه فونت دلخواه وردپرس که قصد دارم معرفی کنم با نام Use Any Font در مخزن وردپرس به ثبت رسیده و تا به امروز توانسته بیش از 100.000 نصب فعال را به خودش اختصاص داده و از این تعداد نصب امتیاز 4.7 را دریافت کند.

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

 افزونه فونت دلخواه وردپرس Use Any Font