وردپرس یکی از محبوبترین سیستمهای مدیریت محتواست. یکی از ویژگیهایی که بسیاری از کاربران وردپرس به دنبال آن هستند، افزودن فونتهایی به سایتهای خود است که به زیبایی و خوانایی صفحات وب کمک میکنند. از آنجا که فارسی به عنوان یکی از زبانهای مورد استفاده در ایران و کشورهای اطراف، دارای یک فونت خاص است، افزودن فونت فارسی به قالب وردپرس یکی از موضوعاتی است که بسیاری از کاربران این سیستم مدیریت محتوا به آن نیاز دارند.
در این مقاله، به شما نحوه افزودن فونت فارسی به قالب وردپرس را به صورت جامع و کامل آموزش خواهیم داد. با دنبال کردن این آموزش، میتوانید به راحتی فونت فارسی یا هر فونت مورد نظر خود را به سایت وردپرسی خود اضافه کنید و از طرح و ظاهر جذابتری برای صفحات وب خود بهرهمند شوید.
نصب فونت در قالب وردپرس
نصب فونت در قالب وردپرس با کدنویسی، روشی پیشرفتهتر برای افزودن فونت فارسی به وبسایت وردپرسی است. در اینجا به شما نحوه نصب فونت فارسی به کمک کدنویسی را آموزش خواهیم داد.
قدم ۱: دانلود فونت فارسی
ابتدا باید فونت فارسی مورد نظر خود را از یکی از سایتهای دانلود فونت مانند “fontiran.com” یا “parsnaz.ir” و … دانلود کرده و فایل فشرده آن را باز کنید.
قدم ۲: ایجاد پوشه فونت
حالا باید یک پوشه جدید با نام “fonts” در دایرکتوری “wp-content/themes/نام-قالب-شما/” ایجاد کنید. سپس فایل فونت دانلود شده را در این پوشه قرار دهید.
قدم ۳: تعریف فونت در سبکبندی CSS
حالا باید فونت فارسی خود را در فایل CSS قالب خود تعریف کنید. برای این کار، به فایل style.css در دایرکتوری “wp-content/themes/نام-قالب-شما/” مراجعه کنید و کدهای زیر را در ابتدای فایل قرار دهید:
@font-face {
font-family: ‘font-name’;
src: url(‘fonts/font-file.eot’);
src: url(‘fonts/font-file.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/font-file.woff2’) format(‘woff2’),
url(‘fonts/font-file.woff’) format(‘woff’),
url(‘fonts/font-file.ttf’) format(‘truetype’),
url(‘fonts/font-file.svg#font-name’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
در این کد، “font-name” را با نام فونت خود و “font-file” را با نام فایل فونت خود جایگزین کنید. همچنین، اگر فایل فونت شما با پسوندی غیر از eot، woff2، woff، ttf و svg ذخیره شده است، پسوند فایل را هم بهروزرسانی کنید.
قدم ۴: استفاده از فونت در قالب وردپرس
حالا میتوانید فونت خود را در ابتدای فایل CSS قالب خود تعریف کرده و میتوانید آن را برای عناصر مختلف صفحات وب خود مانند عناصر متنی، عناصر عنوان و … استفاده کنید. برای مثال، برای تغییر فونت عنوان سایت به فونت تعریف شده، میتوانید کد زیر را در فایل CSS قالب خود قرار دهید:
css
.site-title {
font-family: ‘font-name’, sans-serif;
}
در این کد، “font-name” را با نام فونت خود جایگزین کنید.
با انجام این چهار قدم، میتوانید به راحتی فونت فارسی خود را به قالب وردپرس خود اضافه کنید و از طرح و ظاهر جذابتری برای صفحات وب خود بهرهمند شوید. این روش در مقایسه با استفاده از افزونه، ممکن است پیچیدگی بیشتری داشته باشد، اما به عنوان یک روش پیشرفته و دقیق برای افزودن فونت فارسی به وبسایتهای وردپرسی شناخته میشود.
نصب فونت در قالب وردپرس با استفاده از افزونه
برای نصب فونت در قالب وردپرس میتوانید از افزونههایی که به شما این امکان را میدهند، استفاده کنید. یکی از افزونههای محبوب برای این منظور “Easy Google Fonts” است. با این افزونه، میتوانید فونتهای مورد نظر خود را به سایت وردپرسی خود اضافه کنید.
برای نصب و استفاده از افزونه Easy Google Fonts، مراحل زیر را دنبال کنید:
۱٫ وارد پیشخوان وردپرس شوید و به بخش “افزونهها” بروید.
۲٫ بر روی “افزودن جدید” کلیک کنید و در قسمت جستجو، “Easy Google Fonts” را جستجو کنید.
۳٫ وقتی افزونه را پیدا کردید، بر روی “نصب کنید” کلیک کنید و سپس بعد از نصب، بر روی “فعالسازی” کلیک کنید.
۴٫ حالا شما میتوانید به تنظیمات افزونه بروید. این کار را با رفتن به قسمت “نمایش” و سپس “نسخه پیشرفته” انجام دهید.
۵٫ در قسمت تنظیمات افزونه، میتوانید فونتهای مورد نظر خود را انتخاب کنید و دیگر تنظیمات مربوطه را اعمال کنید. به عنوان مثال، میتوانید فونتها را برای عناوین، متنها و حتی فونت پیشفرض سایت تغییر دهید.
۶٫ بعد از اتمام تنظیمات، تغییرات را ذخیره کنید.
حالا با استفاده از افزونه Easy Google Fonts، شما میتوانید فونتهای مورد نظر خود را در سایت وردپرسی خود استفاده کنید.
دیدگاهتان را بنویسید