تغییر فونت سایت وردپرس (راهنمای کامل و آسان)

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

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

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

با اینکه این هردوی این مشکلات مشکلاتی مهمی هستند و برخی مواقع واقعاً آزاردهنده‌اند، اما حل آن‌ها کار دشواری نیست. در این مقاله می‌خواهیم چند روش آموزش دهیم که به کمک آن‌ها این دو مشکل را خیلی راحت، حل کنید. در ادامه، راه حل‌های مختلف را می‌خوانید:

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

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

1. افزونه TinyMCE Advanced

اولین افزونه‌ای که برای تغییر فونت وردپرس به ذهن می‌رسد این افزونه قدیمی و مشهور است. نام جدید این افزونه Advanced Editor Tools است ولی همچنان وبمسترها آن را با نام قدیمی‌اش یعنی TinyMCE می‌شناسند. افزونه TinyMCE یکی از افزونه‌های ارائه‌شده توسط شرکت اتوماتیک است یعنی همان شرکت مالک WordPress.

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

2. افزونه Fontiran

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

3. افزونه تغییر فونت Use Any Font

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

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

این افزونه تقریباً ناشناخته! هم امکانات خوبی برای تغییر فونت‌های فارسی، به طور کاملا رایگان ارائه می‌دهد. با استفاده از این افزونه می‌توانید از فونت‌های Yekan، تمام فونت‌های خانواده B  مثل B Mitra، B Lotus و فونت‌های دیگر در سایت وردپرسی خود استفاده کنید. شاید نقطه ضعف این افزونه این باشد که نمی‌شود به آن فونت‌های دلخواه را افزود (مگر از طریق افزودن به فایل افزونه در هاست) و البته مشکل دیگر این است که فونت‌ها در حالت AMP یعنی حالت موبایل، به حالت پیش‌فرض برمی‌گردند.

برای استفاده از این افزونه، بعد از نصب به منوی کناری پیشخوان یک بخش به نام فونت فارسی اضافه می‌شود که می‌توانید از آن طریق، فونت‌ها را تغییر دهید.

5. افزونه Custom Font؛ بهترین افزونه تغییر فونت سایت وردپرس

در آخرین بخش از افزونه‌های تغییر فونت، می‌خواهیم بهترین افزونه تغییر فونت سایت وردپرسی را معرفی کنیم تا بدانید همین افزونه ساده و رایگان چه امکانات خوبی ارائه می‌دهد که دیگر افزونه‌ها (مثل افزونه فونت ماندگار) بابت آن هزینه دریافت می‌کنند.

افزونه Custome Font که به فارسی «فونت دلخواه» ترجمه شده است، بهترین افزونه تغییر فونت در وردپرس است. با این افزونه می‌توانید هر فونتی که دوست دارید را در سایت آپلود کنید و نام آن را به این افزونه بدهید تا آن را روی قالبتان اجرا کند.

برای نصب افزونه فونت دلخواه کافی است نام آن را (به صورت Custom font) در مخزن وردپرس جستجو کنید و آن را به طور رایگان نصب کنید.

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

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

نکته ضروری استفاده از افزونه تغییر فونت

در این بخش باید دو نکته را متذکر شویم:

نکته اول

در برخی مقالات از افزونه‌هایی مثل فونت ماندگار نام می‌برند اما نسخه رایگان این افزونه هیچ امکانی ارائه نمی‌کند و باید نسخه پولی آن را تهیه کنید. در ضمن، در صفحه خرید محصول هیچ توضیحی ندیدیم که آیا این افزونه از لایسنس تجاری و قانونی فونت‌هایی مثل ایران‌سنس IranSans استفاده کرده است یا نه. همین که این افزونه بیش از 120.000 بار دانلود شده (طبق اعلام عرضه‌کننده در مارکت‌پلیس ژاکت) اما 10.000 نصب فعال دارد نشان می‌دهد کاربران ایرانی ترجیح داده‌اند از روش‌های دیگری برای تغییر فونت سایت خود استفاده کنند.

نکته دوم

روش استفاده از افزونه برای تغییر فونت برای وبسایت‌های بزرگ که سرعت برایشان مهم است توصیه نمی‌شود، چون تغییر فونت سایت با افزونه‌ باعث می‌شود تعداد درخواست‌های ارسالی به سرور افزایش یابد و این مسئله بر سرعت سایت تأثیر جدی دارد. پس روش بهینه چیست؟ روش افزودن دستی فونت به قالب سایت که در بخش بعدی توضیح می‌دهیم.

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

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

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

مثلاْ یکی از محدودیت‌های استفاده از افزونه این است که باید برای کوچک‌ترین کاری مثل افزودن یک فونت، نسخه پریمیوم (پولی) افزونه را تهیه کنیم! (البته غیر از افزونه Custom Font که در انتهای لیست معرفی کردیم).

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

مرحله اول

برای تغییر فونت سایت در مرحله اول باید وارد بخش مدیریت هاست خود شوید. در این بخش با استفاده از File manager وارد مدیریت فایل‌ها شده و بعد وارد پوشه قالب سایت خود شوید.

در تصویر زیر، مسیری که برای رسیدن به فولدر فونت قالب سایت باید طی شود را ملاحظه می‌کنید. در اینجا قالب سایت ما قالب 2022 وردپرس است (Twentytwentytwo)، شما باید وارد پوشه قالبی شوید که می‌خواهید فونت آن را عوض کنید.

سپس فایل فونت خود را وارد این پوشه کنید. دقت کنید که فونت‌ها چند فایل مختلف دارند که هرکدام برای جای خاصی است. مثلاْ فرمت TIFF (TrueType Font) فرمت استانداردی است که در ویندوز استفاده می‌شود اما برای وب باید از فرمت‌های WOFF و WOFF۲ استفاده کنید. این فرمت‌ها مختص وب ایجاد شده‌اند و فشرده‌اند.

مرحله دوم

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

از منوی آبی رنگ سمت چپ، فایل Style.css را باز کنید (به طور پیش‌فرض همین فایل باز می‌شود) . کد زیر را در ابتدای فایل (یا انتهای آن) کپی کنید:

دستور:

@font-face {
    font-family: IranSans;
    src: url(https://www.Afzaliwp.com/wp-content/themes/Twentytwnetytwo/fonts/IranSans.woff);
    font-weight: normal;
}

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

در نهایت فراموش نکنید که تغییرات انجام‌شده را ذخیره کنید.

اگر بخواهید از فونتی که آپلود کرده‌اید در بخش‌های مختلفی از سایت خود استفاده کنید باید دستور زیر را وارد کنید و متغیرهای آن را مطابق دلخواه خود تغییر دهید:

h1 {
    font-family: IranSans, Arial, sans-serif;
}

کد بالا می‌گوید تمام تگ‌های h1 سایت ما را با فونت‌های اعلام‌شده و طبق اولویت نمایش بده. اما شیوه استاندارد این است که از کد زیر استفاده کنید:

body, h1, h2, h3, h4, h5, h6, p, span {
    font-family: IranSans, Arial, sans-serif;
}

این کد اعلام می‌کند که تمام متن‌های سایت را به‌ترتیب اولویت با فونت‌های اعلام‌شده نمایش دهد. یعنی ابتدا با ایران‌سنس و اگر نبود با Arial و… نمایش بده.

***ساده ترین راه برای اکثر کاربران وردپرس برای نصب گوگل آنالیتیکس در وردپرس، افزونه گوگل آنالیتیکس وردپرس است. این روش شما را از ویرایش کد وب سایت خود نجات می‌دهد. برای این کار افزونه Site Kit by Google را پیشنهاد می کنیم.

خلاصه و نتیجه‌گیری

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

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

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