همانطور که میدانید اکثر قالبهای بازار وردپرس به زبان انگلیسی و به صورت چپ چین ساخته شدهاند. برای استفاده در ایران و سایتهای فارسی زبان، افزودن فونت فارسی یکی از نیازهای مهم سایت است.اضافه کردن فونت فارسی به وردپرس یک راه عالی برای افزایش دسترسی مخاطبان فارسی زبان به وب سایت شما است. به همین خاطر در این مقاله به آموزش نحوه اضافه کردن فونت فارسی به قالب وردپرس میپردازیم. با ما همراه باشید.
روش های اضافه کردن فونت فارسی به قالب وردپرس
افزودن فونت فارسی به قالب وردپرس یکی از روشهای ساده و مؤثر برای بهبود طراحی و خوانایی وبسایت است. این کار از طریق دو روش اصلی انجام میشود: کدنویسی و استفاده از افزونهها. با کدنویسی، امکان شخصیسازی کامل فونت در قالب وجود دارد، در حالی که افزونهها مانند Use Any Font فرآیند را برای کاربران سادهتر و سریعتر میکنند. هر روش مزایای خاص خود را دارد و بسته به نیاز و سطح دانش کاربر قابل انتخاب است.
مشاهده و خرید محصولات
دسته بندی قالب وردپرس
1. افزودن فونت فارسی به قالب وردپرس از طریق کدنویسی
برای افزودن فونت فارسی به قالب وردپرس، ابتدا وارد هاست شده و به مسیر قالب وردپرس بروید. در صورت نیاز، یک پوشه با نام 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. ذخیره تغییرات و بررسی
تغییرات را ذخیره کنید.
به وبسایت خود بروید و بررسی کنید که آیا فونت به درستی اعمال شده است.
نکته: با به روز شدن مرورگرها، دیگر نیازی به اضافه کردن قطعه کد تمام فرمتها نیست و شما میتوانید تنها از یکی از فرمتهای ttf ،eot ،woff یا woff2 استفاده کنید. از آنجایی که حجم فرمت woff2 کمتر از سایر فرمتها است، بهتر است قطعه کد مربوط به آن را اضافه کنید؛ در این صورت سرعت لود شدن وب سایت شما افزایش پیدا میکند.
2. افزودن فونت فارسی با استفاده از افزونه
شما با استفاده از افزونههای مختلف میتوانید تغییر فونت در وردپرس را اعمال کنید. ما در این بخش نحوه اضافه کردن فونت فارسی به قالب را با استفاده از ۲ مورد از معروفترین و پراستفادهترین افزونهها آموزش میدهیم.
افزودن فونت فارسی به قالب با افزونه 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 ساله که بهصورت تخصصی در حوزه سئو فعالیت میکند. وی مدرس و مشاور سئوی کسب و کارهای اینترنتی میباشد. سینا عباسی با تخصص و تجربهای که در حوزه سئو دارد، نگاه شما را به آموزش سئو در دنیای دیجیتال مارکتینگ تغییر میدهد.
مطالب مشابه
سلام
اون کلید ای پی آی که ساختیم، دقیقا به چه ددی می خوره؟ آیا باید نگهش داریم؟