راهنمای تغییر فونت المنتور در 4 گام [آموزش تصویری]

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

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

المنتور چیست؟

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

در طراحی سایت، ظاهر بصری یک سایت از اهمیت بسیار بالایی برخوردار است. المنتور محبوب‌ترین صفحه‌ساز وردپرس است. صفحه‌سازها به شما این امکان را می‌دهند که تقریبا هر نوع وب‌سایت وردپرسی که می‌خواهید را بدون نیاز به استفاده از هیچ کدی بسازید. آن‌ها از سبک «کشیدن و رها کردن» استفاده می‌کنند که تقریبا به هر کسی اجازه می‌دهد تا از نظر طرح‌بندی و طراحی، چیزی مناسب ارائه دهد.

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

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

تغییر فونت المنتور چه اهمیتی دارد؟

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

چرا باید فونت فارسی را در المنتور تغییر دهیم؟

• خوانایی بهتر: فونت‌های فارسی مناسب، خوانایی متن را افزایش داده و تجربه کاربری بهتری را برای بازدیدکنندگان فراهم می‌کنند.
• هویت بصری: با انتخاب فونت‌های فارسی متناسب با سبک طراحی سایت، می‌توانید هویت بصری منحصربه‌فردی برای وب‌سایت خود ایجاد کنید.
• جذب مخاطب: فونت‌های زیبا و جذاب، توجه بازدیدکنندگان را جلب کرده و آن‌ها را در سایت نگه می‌دارند.
• بهبود سئو: استفاده از فونت‌های خوانا و استاندارد به بهبود سئوی سایت کمک می‌کند.

پلتفرم طراحی سایت المنتور، بیش از 800 فونت آماده انگلیسی را برای استفاده کاربران ارائه داده است. اما فونت‌های از پیش آماده که با محتوای فارسی همخوانی داشته باشند، محدود هستند. فونت‌های پیش فرض از جمله تاهوما که تا چند سال پیش در همه وبسایت‌ها استفاده می‌شد، از لحاظ زیبایی چندان بهینه نیستند و شاید باعث شوند کاربر رغبتی به خواندن مطالب شما پیدا نکند.

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

راهنمای تغییر فونت المنتور

• اضافه کردن فونت به المنتور به صورت دستی
• استفاده از ویژگی‌های بومی المنتور پرو برای افزودن فونت‌های سفارشی
• استفاده از یک افزونه اضافی برای اضافه کردن فونت‌ها (نسخه رایگان المنتور)

روش 1: افزودن فونت به المنتور به صورت دستی

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

1. با استفاده از کلاینت FTP، یک فولدر به نام fonts به فولدر تم سایت خود بیفزایید. فولدر جدید باید در آدرس زیر قرار بگیرد:

wp-content/themes/fonts

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

3. حالا استایل شیت تم را باز کنید (Style.css) و کد زیر را داخل آن وارد کنید.

@font-face {
	font-family: 'nameofnewfont';
	src: url("/fonts/nameofnewfont.woff2") format("woff2"),
		 url("/fonts/nameofnewfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

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

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

روش 2: آموزش تغییر فونت سایت در وردپرس (نسخه المنتور پرو)

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

• فرمت فونت باز وب WOFF یا (Web Open Font Format): این فرمت، رایج ترین نوع است که تقریباً همه مرورگرهای مدرن آن را پشتیبانی می‌کنند.
• فرمت فونت باز وب WOFF 2.0: فونت TrueType (TTF) یا OpenType (OTF) که نسبت به WOFF 1.0 امکان فشرده‌سازی بهتری ارائه می‌دهد.
• فونت‌های SVG یا Shape: فونت‌های SVG، به عنوان نویسه متن را نمایش می‌دهند. اگر قصد دارید سایت خود را برای نسخه‌های قدیمی iOS بهینه‌سازی کنید، می‌توانید از این نوع فونت بهره ببرید.
• فونت Embedded OpenType (EOT): این فایل فونت روی اینترنت اکسپلورر کار می‌کند، اما ممکن است در سایر مرورگرها نمایش داده نشود. از این فونت می‌توانید برای سایت‌های بهینه‌سازی شده برای نسخه‌های قدیمی اینترنت اکسپلورر استفاده نمایید.

برای تغییر فونت در المنتور، می‌توانید به راحتی فرمت‌های فونت موردنظرتان را داخل سایت آپلود کنید.

1. در قسمت داشبورد وردپرس، آدرس زیر را دنبال کنید:

Dashboard > Elementor > Custom Fonts

و در این قسمت، روی دکمه Add New کلیک کنید.

2. حالا نام فونت را وارد کنید و فایل آن را با فرمت WOFF، WOFF2، TTF، SVG یا EOT آپلود نمایید. توصیه می‌کنیم چندین فایل آپلود کنید تا همه مرورگرهای بالقوه (چه سیستم دسکتاپ و چه موبایل، در همه نسخه‌ها) را ساپورت کنند.

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

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

روش 3: استفاده از یک افزونه اضافی برای نصب فونت در المنتور نسخه رایگان

نسخه رایگان المنتور از آپلود فونت‌های سفارشی پشتیبانی نمی‌کند، بنابراین روش بالا برای تغییر فونت سایت در این نسخه کار نخواهد کرد. اگر به مسیر Dashboard > Elementor > Custom Fonts بروید، با صفحه‌ای مواجه می‌شوید که به شما می‌گوید این ویژگی فقط در نسخه پرو وجود دارد.

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

1. یک افزونه فونت سفارشی نصب کنید؛ از جمله Custom Fonts یا Use Any Font. در این آموزش تغییر فونت در المنتور، ما از Custom Fonts استفاده کرده‌ایم. برای نصب افزونه، از مسیر زیر اقدام کنید:

Plugins > Add New Plugin

حالا در نوار جستجو custom fonts را وارد کنید و سپس افزونه Custom Fonts – Host Your Own Fonts Locally را نصب کنید.

2. در این مرحله از نحوه تغییر فونت در المنتور وردپرس، باید هر فونتی که می‌خواهید را آپلود کنید. برای این کار، از مسیر زیر اقدام کنید:

Dashboard > Appearance > Custom Fonts

3. حالا روی گزینه Add New Font کلیک کنید و سپس گزینه Choose File را بزنید تا فونتی که می‌خواهید را آپلود کنید.

نکته: هر فرمت موجود برای فونتی که می‌خواهید استفاده کنید را آپلود کنید، اما به خاطر داشته باشید که فونت‌های سفارشی فقط از فرمت‌های OTF، TTF، WOFF و WOFF2 پشتیبانی می‌کنند؛ بنابراین نمی‌توانید از فرمت‌های EOT یا SVG استفاده کنید.

4. بعد از آپلود فایل، نامی برای فونت بگذارید و روی گزینه Save Font کلیک کنید. سپس این پیام را خواهید دید: Variation added successfully.

کار تغییر فونت در المنتور تمام است و حالا می‌توانید از فونت جدیدی که اضافه کرده‌اید، استفاده کنید.

تغییر وزن و استایل فونت در المنتور

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

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

اگر از کدنویسی CSS استفاده می‌کنید، باید از دستورهایی مانند Font-face یا Font-style بهره ببرید تا مطمئن شوید نتیجه نهایی، دقیقاً به همان شکلی است که می‌خواهید باشد. بنابراین پس از اینکه نسخه موردنظر خود از فونت را وارد کردید، می‌توانید از المنتور آن را داخل سایت انتخاب کنید و وزن یا استایل را مطابق با سلیقه خود تنظیم نمایید.

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

سخن آخر

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

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

قبل از انتخاب و آپلود فونت، حتماً آن را تست کنید تا از کارکرد درست فایل مطمئن شوید و جلوه نهایی فونت در وبسایت وردپرسی را نیز بپسندید. اگر در مورد نحوه تغییر فونت در وردپرس سوالی دارید یا در حین انجام آن به مشکل برخوردید، می‌توانید هرچه در ذهن دارید را در بخش نظرات با ما در میان بگذارید!

سوالات متداول