آموزش نحوه تغییر فونت در قالب وردپرس
یکی از کارهایی که می‌توان برای تغییر ظاهر وب سایت و ایجاد یک طراحی جذاب انجام داد تغییر فونت وردپرس است. امروزه برنامه نویسان و صاحبان وب سایت‌ها برای اینکه بتوانند ظاهر سایت وردپرسی خود را آن طور که باید و مایل هستند تغییر دهند می‌توانند فونت وردپرس را تغییر دهند. این تغییر فونت راه‌های زیادی دارد برخی از آن‌ها با تغییر افزونه وردپرس و برخی دیگر بدون نیاز به این افزونه هستند. در این مقاله قصد داریم تا به شما آموزش دهیم که چگونه فونت را در قالب وردپرس تغییر دهید.
چرا فونت‌ها را تغییر دهیم؟
ببینید تغییر فونت در وردپرس از جمله عوامل مهم در بهبود طراحی و تجربه کاربری کاربران در وب سایت شماست. فونت‌ها یک جورهایی نقش کلیدی و مهمی را در زیبایی بصری و خوانایی محتوای شما دارند و می‌توانند هویت برند شما را به خوبی منعکس کنند. امروزه بسیاری از کسب و کارها از فونت‌های اختصاصی استفاده می‌کنند تا یک جورهایی برند خود را در همه پلتفرم‌ها یکپارچه سازند و یا حتی امضای کاری جذاب خود را داشته باشند.
شما با تغییر و شخصی سازی فونت در وردپرس می‌توانید ظاهر وب سایت خود را حرفه‌ای‌تر کرده و آن را با سبک و هویت برند خود همگام و همسو سازید. در کل انتخاب فونت مناسب نه تنها به جذابیت طراحی کمک می‌کند، بلکه تجربه کاربری را نیز بهبود می‌بخشد و اثر مثبتی بر مخاطبان می‌گذارد
نحوه افزودن فونت‌های سفارشی به وردپرس
برای اضافه کردن و تغییر فونت وردپرس روش‌های زیادی وجود دارد؛ اما خب اگر بخواهیم به صورت کلی بیان کنیم دو روش دستی و استفاده از افزونه وجود دارند. بیایید تا این دو روش را به اختصار توضیح دهیم.
اضافه کردن فونت در وردپرس به صورت دستی
در اینجا به صورت مرحله به مرحله توضیح می‌دهیم که چگونه فونت را به صورت دستی و با کد اضافه کنید.
1. دانلود و آپلود فایل فونت
در گام اول فونت مدنظر خود را دانلود و در صورت فشرده بودن فایل .zip را استخراج کنید. فایل فونت را در مسیر wp-content/themes/your-theme/fonts آپلود کنید. اگر این پوشه وجود ندارد، یک فولدر جدید با نام “fonts” در پوشه قالب خود ایجاد کنید.
برای آپلود فایل، می‌توانید از FTP (مانند FileZilla) یا File Manager هاست خود استفاده کنید.
برای مثال ما فونت AguafinaScript-Regular.ttf را با استفاده از File Manager در hPanel آپلود کرده‌ایم.
2. افزودن کد @font-face در فایل style.css
- به پیشخوان وردپرس بروید و مسیر نمایش (Appearance) → ویرایشگر فایل قالب (Theme File Editor) را دنبال کنید.
- فایل style.css را باز کرده و کد زیر را به انتهای آن اضافه کنید:
@font-face {
font-family: 'Aguafina Script';
src: url('http://your-site.com/wp-content/themes/your-theme/fonts/AguafinaScript-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
نکته: مقدار font-family و مسیر URL را مطابق با نام و موقعیت فونت خود تغییر دهید.
3. اعمال فونت روی عناصر دلخواه
پس از تعریف فونت، باید آن را روی بخش‌های موردنظر سایت اعمال کنید. برای مثال، اگر می‌خواهید فونت جدید را برای عنوان سایت استفاده کنید، این کد را در style.css اضافه کنید:
.site-title {
font-family: 'Aguafina Script', Arial, sans-serif;
}
4. ذخیره تغییرات و بررسی نتیجه
در نهایت روی دکمه Update File کلیک کنید تا تغییرات ذخیره شوند.
نحوه اضافه کردن فونت در وردپرس با استفاده از افزونه‌ها
در صورتی که مایلید بدون نیاز به کدنویسی و به سادگی فونت‌های سفارشی را به وردپرس اضافه کنید. استفاده از افزونه‌ها کار شما را آسان می‌سازد. شما با سرچ این افزونه‌ها و نصب آن‌ها به راحتی می‌توانید فونت دلخواه خود را در اختیار داشته باشید. امروزه گزینه‌های زیادی برای انتخاب وجود دارد که می‌توانید از آن‌ها استفاده کنید. مثلا
- اگر دوست دارید فونت‌های دلخواه خود را آپلود کنید، افزونه Use Any Font بهترین گزینه است.
- در صورتی که به دنبال استفاده از فونت‌های گوگل هستید Easy Google Fonts انتخاب مناسبی خواهد بود.
- اما اگر از المنتور یا سایر صفحه سازها استفاده می‌کنید، افزونه Custom Fonts کاربردی خواهد بود.
یک هاست مطمئن انتخاب کنید!
در صورتی که به دنبال ایجاد یک وب سایت وردپرسی حرفه‌ای هستید، هاست پویان آی تی گزینه‌ای مناسب برای شماست. خدمات میزبانی وب پویان آی تی با سرعت بالایی که دارند گزینه‌ای مناسب برای بهینه سازی وب سایت شما به شمار می‌روند. مواردی مثل قدرتمند بودن، پایداری و در عین حال حرفه‌ای و مطمئن بودن از ویژگی‌های کلیدی هاست پویان آی تی است.
مقایسه تغییر فونت در وردپرس با استفاده از افزونه و بدون افزونه
اگر بخواهیم به صورت کلی بگوییم تغییر فونت در وردپرس به دو شکل با استفاده از افزونه‌ها و بدون استفاده از آن‌ها انجام می‌شود. هر کدام از این روش‌ها نکات مثبت و منفی خاص خود را دارند که می‌توان روی آن‌ها متمرکز شد. بیایید تا به صورت کلی این دو روش را با یکدیگر مقایسه نماییم.
تغییر فونت با استفاده از افزونه
- نیازی به دانش کدنویسی ندارد و خیلی راحت انجام می‌شود.
- دایره انتخاب شما بین فونت‌ها مختلف گسترده است.
- امکان سفارشی سازی فونت‌ها وجود دارد.
- برخی از این افزونه‌ها می‌توانند حجم وب سایت شما را بالا ببرند.
تغییر فونت بدون استفاده از افزونه
- به افزونه وابستگی ندارد و می‌تواند منجر به کاهش بار اضافی روی سایت شود.
- به دانش کدنویسی نیاز دارد.
- فرایند اضافه کردن فونت زمان بر و پیچیده‌تر است.
در کل:
- اگر به دنبال یک روش ساده و سریع هستید استفاده از افزونه گزینه ایده‌آل است.
- اگر بهینه سازی سایت و سرعت بارگذاری وب سایت برای شما مهم است و با کدنویسی آشنایی دارید روش دستی برایتان بهتر است.
خلاصه کلام
اگر بخواهیم یک جمع بندی کلی داشته باشیم می‌توان گفت موتورهای جستجو جنبه‌های مختلف وب سایت شما را مورد بررسی و ارزیابی قرار می‌دهند. یکی از این جنبه‌ها فونت وب سایت شماست. انتخاب یک فونت مناسب یکی از فاکتورهای مهمی است که در بهبود تجربه کاربری و سئو سایت موثر است. یک فونت مناسب نه تنها باعث افزایش رضایت کاربران می‌شود بلکه به بهینه سازی نمایش محتوا نیز کمک می‌کند.
امیدواریم این محتوا بتواند به نیازهای شما به بهترین شکل پاسخ دهد. اگر سوالی دارید با ما در ارتباط باشید.
سوالات متداول
آیا می توان فونت قالب وردپرس را تغییر داد؟
بله، شما برای تغییر فونت در وردپرس بایستی وارد داشبورد وردپرس شوید و به Appearance > Customize بروید و قسمت تایپوگرافی را جستجو کنید. علاوه بر آن می‌توانید از افزونه‌هایی مثل Easy Google Fonts یا Fonts Plugin برای اضافه کردن فونت‌های سفارشی استفاده کنید. از طریق ویرایشگر تم برای گزینه‌های پیشرفته سفارشی کنید.
آیا هنگام تغییر قالب های وردپرس محتوا را از دست می دهید؟
خیر، هنگام تغییر قالب های وردپرس، محتوای شما، در طول فرآیند امن باقی می‌ماند و شما هیچ یک از آن اطلاعات را از دست نخواهید داد.
منابع
- https://www.hostinger.com/tutorials/how-to-add-custom-fonts-to-wordpress?
اولین دیدگاه را اضافه کنید.