همانطور که میدانید اکثر قالب‌های بازار وردپرس به زبان انگلیسی و به صورت چپ چین ساخته شده‌اند. برای استفاده در ایران و سایت‌های فارسی زبان، نحوه تغییر فونت در وردپرس یکی از نیازهای مهم سایت است. اضافه کردن فونت فارسی به وردپرس یک راه عالی برای افزایش دسترسی مخاطبان فارسی زبان به وب سایت شما است. به همین خاطر در این مقاله به آموزش نحوه اضافه کردن فونت فارسی به قالب وردپرس می‌پردازیم. با ما همراه باشید.
اضافه کردن فونت فارسی به قالب وردپرس چگونه است؟
برای اضافه کردن فونت فارسی به قالب وردپرس، ابتدا وارد پنل مدیریت شوید، سپس به بخش نمایش و ویرایشگر پوسته بروید. فایل style.css را باز کرده و فونت فارسی دلخواه را در پوشه قالب آپلود کنید. با استفاده از کد @font-face فونت را فراخوانی کرده و در بخش body قالب از آن استفاده کنید. در پایان تغییرات را ذخیره کرده و صفحه را رفرش کنید. به طور کلی افزودن فونت فارسی هب وردپرس با روش‌های زیر انجام می‌شود:
- تغییر فونت در وردپرس با کد نویسی
- افزودن فونت فارسی با استفاده از افزونه
در واقع افزودن فونت فارسی به قالب وردپرس یکی از روش‌های ساده و مؤثر برای بهبود طراحی و خوانایی وبسایت است. این کار از طریق دو روش اصلی انجام می‌شود: کدنویسی و استفاده از افزونه‌ها. با کدنویسی، امکان شخصی‌سازی کامل فونت در قالب وجود دارد، در حالی که افزونه‌ها مانند Use Any Font فرآیند را برای کاربران ساده‌تر و سریع‌تر می‌کنند. هر روش مزایای خاص خود را دارد و بسته به نیاز و سطح دانش کاربر قابل انتخاب است.
پیش از آغاز مراحل نصب فونت در قالب وردپرس، باید فونت مورد نظر خود را در ۳ فرمت (ttf ،eot و woff) دانلود کنید. اگر فونت شما تجاری بود بهتر است نسبت به خرید آن اقدام کنید و در غیر این صورت می‌توانید آن را با جستجو در گوگل و به صورت رایگان دریافت کنید.
مشاهده و خرید محصولات
دسته بندی قالب وردپرس
نحوه تغییر فونت در وردپرس از طریق کدنویسی
برای افزودن فونت به قالب وردپرس، ابتدا وارد هاست شده و به مسیر قالب وردپرس بروید. در صورت نیاز، یک پوشه با نام fonts ایجاد کرده و فونت‌ها را با فرمت‌های مختلف در آن آپلود کنید. سپس فایل style.css را باز کرده و تنظیمات مربوط به فونت را با استفاده از کدنویسی اعمال کنید. در نهایت، فایل را ذخیره کرده و وبسایت را بررسی کنید تا فونت به درستی اعمال شده باشد.
1. ورود به هاست
به پنل هاست خود وارد شوید.
گزینه File Manager را انتخاب کنید.
2. یافتن پوشه قالب
به مسیر /public_html/wp-content/themes بروید.
پوشه مربوط به قالب فعال سایت وردپرس خود را پیدا کنید.
3. ایجاد پوشه فونت (در صورت نیاز):
در پوشه قالب، بررسی کنید که آیا پوشه‌ای با نام fonts وجود دارد.
اگر وجود نداشت، یک پوشه جدید با نام fonts ایجاد کنید.
4. آپلود فونت‌ها
فونت‌های موردنظر خود را با فرمت‌های ttf، eot، woff، woff2 در پوشه fonts آپلود کنید.
5. ویرایش فایل style.css
به پوشه قالب بازگشته و فایل style.css را پیدا کنید.
روی آن کلیک راست کرده و گزینه Edit را انتخاب کنید.
6. اضافه کردن کد فونت
کد زیر را در ابتدای فایل style.css وارد کنید:
[code language=”php”]@font-face {
font-family: ‘MyFontName’;
src: url(‘fonts/MyFontName.ttf’) format(‘truetype’),
url(‘fonts/iransansdn.eot?#’) format(‘eot’),
url(‘fonts/iransansdn.woff’) format(‘woff’)
url(‘fonts/vazir.woff2’) format(‘woff2’);
}
body {
font-family: ‘MyFontName’, sans-serif;
}
[/code]
در قسمت MyFontName، نام فونت موردنظر خود را وارد کنید.
7. جایگزینی فونت در فایل style.css
فایل style.css را بررسی کنید.
در هر قسمتی که کد font-family وجود دارد، نام فونت جدید خود را جایگزین کنید.
8. افزودن چند فونت (اختیاری)
اگر می‌خواهید بیش از یک فونت در قالب شما استفاده شود، می‌توانید از کد زیر استفاده کنید:
[code language=”php”]font-family: ‘MyFontName1’, ‘MyFontName2’, sans-serif;[/code]
9. ذخیره تغییرات و بررسی
تغییرات را ذخیره کنید.
به وبسایت خود بروید و بررسی کنید که آیا فونت به درستی اعمال شده است.
محصول پیشنهادی
افزونه راکت | پلاگین افزایش سرعت WP ROCKET
595,000 تومان
دیاموند
محصول پیشنهادی
به روز رسان هوشمند ژاکت | Zhaket Smart Updater
0 تومان
ژاکت
محصول پیشنهادی
قالب ایران کالا | قالب فروشگاهی Irankala
2,950,000 تومان
سید رضا صالحی
محصول پیشنهادی
افزونه WPML | پلاگین چند زبانه سایت WPML Multilingual CMS
695,000 تومان
نیما رحیمی
محصول پیشنهادی
افزونه وردفنس | پلاگین امنیت Wordfence Security Pro
595,000 تومان
وردپرس داغ
با به روز شدن مرورگرها، دیگر نیازی به اضافه کردن قطعه کد تمام فرمت‌ها نیست و شما می‌توانید تنها از یکی از فرمت‌های ttf ،eot ،woff یا woff2 استفاده کنید. از آنجایی که حجم فرمت woff2 کمتر از سایر فرمت‌ها است، بهتر است قطعه کد مربوط به آن را اضافه کنید؛ در این صورت سرعت لود شدن وب سایت شما افزایش پیدا می‌کند.
افزودن فونت فارسی با استفاده از افزونه
شما با استفاده از افزونه‌های مختلف می‌توانید تغییر فونت در وردپرس را اعمال کنید. ما در این بخش نحوه اضافه کردن فونت فارسی به قالب را با استفاده از ۲ مورد از معروف‌ترین و پراستفاده‌ترین افزونه‌ها آموزش می‌دهیم.
نحوه تغییر فونت در وردپرس با افزونه use any font
افزونه Use Any Font یک ابزار کاربردی برای وردپرس است که به کاربران اجازه می‌دهد فونت‌های سفارشی، از جمله فونت‌های فارسی، را به راحتی در وبسایت خود بارگذاری و استفاده کنند. این افزونه بدون نیاز به کدنویسی، امکان اعمال فونت بر روی بخش‌های مختلف سایت را فراهم می‌کند. همچنین با ارائه API رایگان و رابط کاربری ساده، فرآیند نصب و استفاده از فونت‌ها را بسیار آسان می‌کند. برای اضافه کردن فونت فارسی به قالب خود با استفاده از افزونه use any font، باید مراحل زیر را به صورت گام به گام دنبال کنید:
- ابتدا وارد وردپرس خود شوید و به بخش «افزونه‌ها» بروید.
- در ستون افزونه‌ها بر روی «افزودن» کلیک کنید و در قسمت «جستجوی افزونه‌ها»، افزونه use any font را وارد کنید.
- بعد از پیدا شدن افزونه use any font، بر روی «هم اکنون نصب کن» کلیک کنید.
- اکنون افزونه use any font در وردپرس شما نصب شده است و برای فعال سازی آن، گزینه «فعال کردن» را انتخاب کنید.
- در بخش پیشخوان وردپرس، بر روی «Use Any Font» کلیک کنید.
- با انتخاب «Generate Free Lite / Test API Key» یک کلید API دریافت کنید.
- بر روی «Verify» کلیک کنید تا از مورد تایید بودن API وارد شده مطمئن شوید.
- در قسمت «Upload Fonts»، بر روی «Add Font» کلیک کنید.
- نام فونت مورد نظر خود را در بخش مربوط به «Font Name» وارد کنید.
- بر روی «Browse» کلیک کنید و بعد از انتخاب کردن فونت مورد نظرتان بر روی «Upload» کلیک کنید.
- در قسمت «Assign Font»، گزینه «Assign Font» را انتخاب کنید.
- بر روی «Select Font» کلیک کنید و فونت مورد نظر خود را انتخاب کنید.
- در قسمت «select elements to assign»، گزینه‌هایی که می‌خواهید مطابق با فونت مورد نظر شما نمایش داده شوند را انتخاب کنید.
- در قسمت مربوط به «Custom Elements» می‌توانید با وارد کردن «.site-title a»، فونت عنوان سایت را نیز تغییر دهید.
- برای ذخیره شدن تغییرات بر روی «Assign Font» کلیک کنید.
برای اینکه بتوانید از اعمال تغییرات مطمئن شوید، بر روی «پیش نمایش» کلیک کنید. چنانچه تغییرات مورد نظرتان اعمال نشده بود، کش را پاک کنید و وب سایت خود را رفرش کنید.
جمع بندی
فونت‌ها نقش بسیار مهمی در طراحی و نمایش متن‌ها در یک وبسایت داشته و می‌توانند تأثیر زیادی بر خوانایی متن‌ها داشته باشند. یک فونت مناسب و خوانا، به خواننده کمک می‌کند تا متن را به راحتی متوجه شود و از خواندن آن لذت ببرد. به همین دلیل، یکی از مهمترین مواردی که در طراحی سایت باید مورد توجه قرار بگیرد، خوانایی و زیبایی نوشته های صفحات سایت هست. شما با اضافه کردن فونت به قالب می‌توانید محتوای وب سایت خود را با سفارشی سازی قالب وردپرس، شخصی سازی کنید و آن را برای تعداد بیشتری از کاربران فارسی زبان بهینه کنید.
سوالات متداول
چگونه می‌توان فونت فارسی را با استفاده از کدنویسی به قالب وردپرس اضافه کرد؟
آیا امکان استفاده از چند فونت فارسی در یک قالب وردپرس وجود دارد؟
چگونه می‌توان فونت فارسی را بدون تغییر کدها به وردپرس اضافه کرد؟
نویسنده سینا عباسی
سایر مقالات نویسندهسینا عباسی، مدیر سئو ژاکت، بیش از 7 ساله که به‌صورت تخصصی در حوزه سئو فعالیت می‌کند. وی مدرس و مشاور سئوی کسب و کارهای اینترنتی می‌باشد. سینا عباسی با تخصص و تجربه‌ای که در حوزه سئو دارد، نگاه شما را به آموزش سئو در دنیای دیجیتال مارکتینگ تغییر می‌دهد.
مطالب مشابه
آموزش خوبی بود. ممنونم
سلام کاربر عزیز
خوشحالیم که مقاله برای شما مناسب بوده است.
سلام
دمتون گرم
مشکلم حل شد
سلام
اون کلید ای پی آی که ساختیم، دقیقا به چه ددی می خوره؟ آیا باید نگهش داریم؟