افزودن فونت در وردپرس

زمان مطالعه: 8 دقیقه

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

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

بنابراین مانند همیشه تا پایان این مقاله با ما همراه باشید.

بهترین فونت های فارسی برای وب سایت

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

براساس تجربه های به دست آمده مناسب ترین فونت های فارسی برای وبسایت ها (وردپرسی یا غیر وردپرسی) به ترتیب موارد زیر است:

  1. IRANSans
  2. DANA
  3. SHABNAM
  4. IRANyekan
  5. B nazanin

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

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

سوالی که همواره توسط کاربران مطرح می شود این است که

آیا اضافه نمودن فونت های زیاد منجر به کندی سایت خواهد شد؟

تاثیر افزودن فونت در کندی سایت

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

آموزش کامل اضافه نمودن فونت در وردپرس

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

  1. به صورت دستی و کدنویسی
  2. از طریق افزونه ها

 

افزودن فونت در وردپرس به صورت دستی و کدنویسی

افزودن فونت در وردپرس به صورت کدنویسی

روشی اصولی، درست و کاملا مطمئن برای تغییر و افزودن فونت در وردپرس، استفاده از روش دستی (یعنی افزودن از طریق کد CSS) می باشد.

  • اولین مرحله وارد شدن به کنترل پنل هاست می باشد. پس از ورود به دایرکت ادمین هاست، روی گزینه File Manage کلیک نمایید. هنگامی که وارد مدیریت فایل شدید باید وارد پوشه public_html شوید.
  • برای اینکار می بایست ابتدا در دایرکتوری قالب وردپرس خود پوشه ای به نام fonts ایجاد نمایید و فایل های مرتبط به فونت خود را در این دایرکتوری به آدرس wp-content/themes/youre-theme/fonts بارگذاری نمایید (توجه داشته باشید که به جای youre-theme نام قالب شما نمایش داده می شود).

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

  • کدهای مرتبط را به بخش نمایش (سفارشی سازی CSS) اضافه نمایید. در آدرس مربوطه به جای youre-theme می بایست نام قالب وردپرس خود را قرار بدهید. فرمت فونت شما باید TTF، EOT و WOFF باشد.
  • اکنون در فایل CSS می بایست خانواده فونت دلخواه خود را تعریف کنید. برای انجام این کار در هرجایی که عبارت font-family نوشته شده، نام فونت مدنظرتان را مطرح کنید. یعنی می بایست در رو به روی همه عبارت‌های font-family نام فونت خود را قرار دهید.
  • در آخر فایل CSS را با تغییرات انجام شده ذخیره کرده و به سایت خود مراجعه نمایید. به همین سادگی و با یک رفرش ساده خواهید دید که فونت دلخواهتان بر سایت اعمال گشته است.

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

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

افزونه Use Any Font

فزودن فونت در وردپرس

افزونه Use Any Font این امکان را مهیا می کند تا فونت های سفارشی و دلخواه را در سایت وردپرسی خود اضافه نمایید و فرمت فونت در قسمت های مختلف متن نظیر نقل قول ها، عنوان، متن و… با فونت خاص و منحصر به فرد در وبسایت نمایش داده شود.

  • ابتدا افزونه را دانلود، نصب و فعال نمایید. بعد از فعالسازی افزونه، منو جدیدی به نام Use any font در پیشخوان وردپرس اضافه می گردد. با کلیک بر روی آن وارد صفحه API KEY می شوید.
  • در صفحه باز شده می بایست شما یک (API KEY) دریافت نمایید. گزینه “Generate Free Lite / Test API Key” را انتخاب نمایید. با این کار یک کلید API  به صورت خودکار تولید می گردد تا برای شما امکان استفاده از یک فایل فونت را ایجاد کند. پس از ایجاد نمودن این کلید، گزینه “Verify” را انتخاب کرده تا اطمینان یابید که کلید API  مورد تأیید قرار گرفته است.
  • برای ادامه تنظیمات مرتبط با افزونه Use Any Font  می بایست از قبل فونت مورد نظر خود را دانلود نموده باشید. در قسمت Upload Fonts  گزینه Add Font را انتخاب نمایید. نام فونت مورد نظر خود را تایپ کرده و سپس بر روی  گزینه Browse  کلیک کنید تا فایل فونت مورد نظر خود را انتخاب نمایید.حال  بر روی گزینه  “Upload” کلیک نمایید.

پس از ثبت موفق کلید API، می بایست به قسمت دوم این افزونه، Upload Font  وارد شوید. پس از باز شدن این صفحه شما باید بر اساس 4 مرحله زیر پیش بروید:

  1. اول می بایست بر روی گزینه Upload font کلیک کرده تا سایر فیلد ها برای شما نشان داده شوند.
  2. در بخش font name، نام فونت مورد نظر خود را تایپ نمایید.
  3. فایل فونت موردنظرتان را که یک فایل با فرمتTTF، OTF، WOFFو حداکثر حجم 15 مگابایت میبایست باشد و با کلیک بر روی Browse آپلود نمایید.
  4. در آخر بر روی گزینه Upload کلیک نمایید.

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

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

علاوه بر این اگر قصد استفاده از فونت های دلخواه دیگر را دارید، کافیست تمامی این مراحل را دوباره تکرار کرده و در قسمت Upload Font، فونت دلخواه دیگر خود را انتخاب و آپلود نمایید.

افزونه Custom Fonts

افزونه Custom Fonts

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

Custom fonts به صورت پیش‌فرض با بیشتر صفحه‌سازهای وردپرس همخوانی دارد. برای استفاده نمودن از Custom fonts شما می بایست مانند مراحل افزونه Use any fonts عمل نمایید.

ویژگی های افزونه Custom fonts

  • رابط و محیط کاربری بسیار آسان
  • امکان اضافه نمودن انواع مختلف فونت
  • امکان افزودن فونت در فرمت های مختلف
  • قابلیت اضافه کردن دسته بندی برای فونت

مراحل فعال نمودن Custom fonts

  • پس از نصب کردن افزونه به پنل مدیریتی خود در وردپرس وارد شده و سپس در قسمت نمایش وارد گزینه فونت های دلخواه شوید.
  • در این صفحه می توانید فونت مورد نظر خود را اضافه نمایید.
  1. ابتدا نام فونتی را که می خواهید به سایت اضافه کنید را به صورت یک اسم انگلیسی وارد نمایید.
  2. براساس فایلی که آپلود نموده اید بر روی گزینه بارگذاری کلیک نمایید و فایل مورد نظر را که در مرحله قبل آپلوده شده است را از رسانه خود انتخاب کنید.
  3. فونت اضافه شده در این قسمت به شما نشان داده می شود.
  4. بر روی گزینه افزودن فونت جدید که در پایین صفحه قرار دارد کلیک کنید. اکنون فونت مورد نظر شما به سایت افزوده شده است.
  5. در نهایت برای استفاده از فونت افزوده شده می بایست برای هر بخشی که قصد دارید این فونت را به کار ببرید استایل font-family آن را مقابل نام فونتی که افزوده اید، قرار دهید.

افزونه MW Font Changer

افزونه MW Font Changer برای افزودن فونت فارسی در وردپرس

MW Font Changer یک پلاگین فارسی می باشد. این پلاگین بسیار کاربردی، در مخزن وردپرس یکی از بالاترین امتیاز ها را کسب نموده است و دانلود بالایی را به خود اختصاص داده است.

ویژگی های بارز MW Font Changer

  • کاربرد بسیار آسان و راحت
  • دارا بودن 30 نوع فونت پرطرفدار فارسی
  • امکان تغییر فونت داشبورد وردپرس

مراحل فعال نمودن افزونه MW Font Changer

  • بعد از نصب و فعالسازی افزونه در بخش تنظیمات به پیشخوان وردپرس دو گزینه اضافه می گردد:
  1. فونت ماندگار_پوسته
  2. فونت ماندگار_پیشخوان

 

فونت ماندگار_پوسته

فونت عناوین: شامل فونت عنوان‌ها از جمله تگ‌های h می‌شود.
فونت بدنه: شامل محتوای هر پست و نوشته‌ها است.
فونت ادمین‌بار در صفحه اصلی سایت:  ادمین‌بار نواری می باشد که عموما در بالای سایت به نمایش گذاشته می شود.

فونت ماندگار_پیشخوان

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

پس از اعمال تغییرات و اتمام مراحل بر روی گزینه (ذخیره تنظیمات) کلیک نمایید.

چرا اضافه کردن فونت‌های سفارشی به قالب وردپرس مهم است؟

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

تایپوگرافی، اولین تاثیرات مثبت را بر کاربران می‌گذارد.

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

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

میزان اثر گذاری فونت ها فراتر از تصور شماست

نوع فونت مطالب و محتوای سایت بر توانایی یادگیری، به خاطر سپردن متن‌ها و روحیه موثر است. براساس تحقیقات انجام شده:

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

و نکته جالب اینکه تایپوگرافی بر قضاوت ما تاثیر دارد.

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

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

وان دا  ، b2n ، زایا ، rizy

 

5/5 (2 نظر)
این مطالب را از دست ندهید
اشتراک در
اطلاع از
guest
4 نظرات
تازه‌ترین
قدیمی‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها