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

اوادا - عمار اسلام خواه

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

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

در اکثر قالبها (تا جایی که من دیدم، همه‌ی قالبها تا به امروز) باید فونتهای فارسی و هر فونتی که دوست دارید در سایت تون استفاده کنید رو باید از طریق کدهای CSS3 برای سایت‌تون نصب کنید. که اینکار برای تازه کارها یا کسانی که دوست دارند راحت‌تر و سریع‌تر تنظیمات این چنینی رو انجام بدهند چندان راه مناسبی نیست و با کوچکترین خطا یا دادن مسیر اشتباه فونت، کلی باید بگردی ببینی که کجا اشتباه کردی تا بتونی از فونت فارسی در سایتت استفاده کنی.

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

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

در تصویر زیر بخش مدیریت قالب آوادا رو مشاهده میکنید که برای هر چیزی یه تنظیمی قرار داده. برای نصب فونت هم باید وارد تنظیمات قالب (شماره ۱) بشیم و از تب “تایپوگرافی” زیر منوی “فونت‌های سفارشی” (شماره ۲) رو انتخاب کنیم.

قالب آوادا

قالب آوادا

 

بعد از انتخاب صفحه‌ای باز میشه که میتونیم دکمه‌ی “افزودن” (شماره ۳) رو بزنیم. در این مرحله یک صفحه‌ی کوچک باز میشه که باید در بالای اون صفحه (شماره ۴) نام فونت‌مون رو بنویسیم. با زدن دکمه‌های سبز رنگ صفحه‌ی “رسانه‌ها” باز میشه که دقیقا مشابه اضافه کردن یک عکس به سایت، فونت‌هامون رو به سایت اضافه میکنیم.

مطلب مرتبط:  آموزش ساخت یک صفحه زیبا با آوادا به‌همراه تنظیمات صفحه‌ساز + ویدیو

در این تصویر ما فونت IranSansBold (شماره ۴) را برای نام فونت‌مون نوشته‌ایم و از قبل هم فونت IranSans رو که در بالای آن نمایش داده شده اضافه کرده بودیم.

برای فونتها ۵ نوع فرمت معرفی شده که در جلوی دکمه‌های سبز مشخص است. فرمت‌های WOFF, WOFF2, TTF, SVG, EOT که ما برای ۳ نوع از این فرمت‌ها، فونت نصب کردیم که کافی هستش.

کاری که باید انجام بدید اینه که دکمه‌ی سبز مربوط به فرمت‌ها رو بزنید و فونت با فرمت خواسته‌شده رو، مثل اضافه کردن عکس به سایت، اضافه کنید. همین.

بطور مثال دکمه‌ی سبز فرمت EOT رو میزنیم و فونتی با فرمت (پسوند) EOT رو به سایت اضافه میکنیم و اون رو برای این قسمت انتخاب میکنیم، که با اینکار آدرس اون فونت جلوی دکمه‌ی سبز نمایش داده میشه. برای بقیه فرمت ها هم دقیقا همین کار رو انجام بدید.

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

قالب آوادا

قالب آوادا

در بعضی از نسخه‌های وردپرس با اضافه کردن فونت به سایت توسط آوادا این Error نمایش داده میشه و فونت به سایت اضافه نمیشه. برای حل این مشکل ساده‌ترین و مطمئن‌ترین روشی که میشه ازش استفاده کرد اینه که بطور موقت به وردپرس بگیم:

“بی خیال ما شو” 😀

برای اینکار باید وارد هاست خودتون بشید و از روت سایت یعنی پوشه‌ی public_html ، وارد فایل wp-config.php بشید و کد زیر رو در آخرین خط اون قرار بدید.

define('ALLOW_UNFILTERED_UPLOADS', true);

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

مطلب مرتبط:  آموزش المان متن در صفحه ساز آوادا – جلسه 1 + ویدیو

بعد از اینکه فونتهای خودتون رو به سایت اضافه کردید، پیشنهاد میکنم، بخاطر مسائل امنیتی کدی که به فایل wp-config.php اضافه کردید رو برای استفاده‌های بعدی، یا کامنت کنید یا کلا این کد رو پاک کنید و هروقت نیاز پیدا کردید دوباره اضافه کنید.

بعد از اینکه فونتها اضافه شدند، ذخیره تغییرات رو بزنید و یکبار صفحه رو رفرش کنید تا فونتها توسط قالب خوانده بشه.

خب تبریک میگم، شما تونستید فونت‌های خودتون رو به سایت تون اضافه کنید. 🙂

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

تقریبا فونت هر قسمتی از قالب رو در بخش خودش می‌تونید تغییر بدید. مثلا بعد از رفرش صفحه، وارد “تایپوگرافی عنوان‌ها” بشید و عنوان‌های H1 تا H6 رو به IranSansBold تغییر بدید. فونت‌های شما در ابتدای لیست کشویی که باز میشود‌، قرار دارد. یا برای تغییر فونت منوها، باید وارد بخش “منو” بشید و تغییرش بدید.

قالب آوادا

قالب آوادا

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

یک ترفند ساده بکار ببرید. در بالای صفحه بخش “تنظیمات قالب” یک باکس جستجو رو می‌بینید. در این باکس سرچ کنید “تایپوگرافی” و همچنین سرچ کنید “typography” . می‌بینید که همه‌ی بخشهایی که در اونها میشه فونت رو تغییر داد زیر هم لیست میشه و شما به سادگی میتونید فونت همه قسمتها رو یکجا تغییر بدید.

و این است قدرت آوادا 😀

منبع: +

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *