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

بازدید : 220
نویسنده : خانم نوروزی
آموزش کامل افزودن فونت به قالب وردپرس
2 امتیاز از 1 رای
زمان مطالعه : 3 دقیقه
انتشار : ۱ مهر , ۱۳۹۶
بروزرسانی : ۲۰ فروردین , ۱۳۹۸
آموزش کامل افزودن فونت به قالب وردپرس

برای افزودن فونت به قالب وردپرس خود با استفاده از دوروش در css میتوانید این کار را انجام دهید ، روش آفلاین – روش آنلاین :

روش آفلاین اضافه کردن فونت در قالب وردپرس :

زمانی که شما میخواهید از این روش برای اضافه کردن فونت به سایت خود استفاده کنید باید در ابتدا فونت مورد نظر خود در فرمت هایی از جمله eof که برای مرورگر اینترنت اکسپلورر است ، فرمت ttf برای بقیه ی مرورگر ها و همچنین فرمت woff که دارای حجم پایین میباشد را داشته باشید و آن ها را در یک پوشه درون فایل قالب وردپرس خود قرار دهید و بهتر است که پوشه مورد نظر فونت خود را دربین پوشه css بگذارید و سپس کد زیر را درون فایل css کپی کنید:

پس از اینکه کد را درون css قالب وردپرس گذاشتید:

  1. در خط دوم باید نام فونت را بنویسید که قرار است در این خط فونت را برای ما فراخوانی کند.
  2. در خط سوم و در خط چهارم آدرس فونت مورد نظر خود را با فرمت eof جایگزین کنید.
  3. در خط پنجم و ششم همانند خط سوم و چهارم برای فرمت های woff  و ttf آدرس فونت مورد نظر را جایگزین کنید.
  4. خط هشتم میتواند نوشته را برای شما پهن تر یا به عبارت اصلی bold کند.
  5. خط هشتم حالت نوشته را مشخص میکند مثلا اگر italic باشد نوشته شما کج میشود.

نکته : برای آدرس دهی شما حتما باید با آدرس دهی های نسبی و مطلق در css آشنایی داشته باشید.

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

 

آموزش عوض کردن فونت سایت

وارد فایل css سایت خود شوید و کد زیر را درون آن قرار دهید :

دستور بالا فونت مورد نظر را فقط به تگ p اختصاص میدهد ، اگر میخواهید به تگ های بیشتری این فونت را اختصاص دهید باید به روش زیر المنت ها را اضافه کنید:

اگر میخواهید تمامی فونت مورد نظر به تمامی المنت های سایت خود اختصاص پیدا کند باید دستور زیر را در css قالب وردپرس خود قرار دهید:

روش آنلاین اضافه کردن فونت در قالب وردپرس :

افزودن فونت به قالب وردپرس

زمانی که وارد یک سایت فونت آنلاین میشوید به شما یک لینک به صورت زیر میدهد که باید آن را در قسمت <head> سایت خود بگذارید.

سپس یک کد به شما میدهد که باید آن کد را در فایل css سایت خود بگذارید ، به طور مثال :

برای یاد گیری آموزش بیشتر جهت استفاده از فونت در سایت روی آموزش عوض کردن فونت سایت کلیک کنید.

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

با تشکر از همراهی شما-شاد باشید 🙂

 

 


دیدگاه بگذارید

avatar
  اشتراک در  
اطلاع از
قالب فروشگاهی دیجی کالا قالب آموزشی هنرستان برای وردپرسقالب فروشگاهی دیجی کالا

مطالب مرتبط

قالب موزیکال وردپرس Euphony

قالب موزیکال وردپرس Euphony

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

مطالعه بیشتر
قالب چند منظوره ی fortyseven street

قالب چند منظوره ی fortyseven street

fortyseven street یک قالب وردپرس چند منظوره رایگان با سئو پذیری خوب است. این قالب

مطالعه بیشتر
قالب وردپرس چند منظوره Allegiant

قالب وردپرس چند منظوره Allegiant

قالب وردپرس Allegiant  یک قالب چند منظوره رایگان می باشد که می توان از آن

مطالعه بیشتر
طراحی قالب اختصاصی و کسب درآمد برای طراحان قالب

طراحی قالب اختصاصی و کسب درآمد برای طراحان قالب

سلام خدمت همراهان مبنا امروز میخوام درمورد خدمت جدیدی که مبنا استور ارائه داده باهاتون

مطالعه بیشتر

پر بازدید ترین مطالب وردپرس

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

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

شاید شما هم از دسته افرادی هستید که پروزه های سفارشی با وردپرس انجام می

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

پیدا کردن کد های مخرب وردپرس و آموزش رفع آن

پیدا کردن کد های مخرب وردپرس و آموزش رفع آن | شناسایی و یافتن کدهای

مطالعه بیشتر
معرفی قالب های برتر سال ۲۰۱۸

معرفی قالب های برتر سال ۲۰۱۸

معرفی قالب های برتر سال ۲۰۱۸ ، پوسته های وردپرسی ، بهترین قالب های رایگان

مطالعه بیشتر
آموزش راه اندازی فروشگاه اینترنتی محصولات دانلودی با EDD در وردپرس

آموزش راه اندازی فروشگاه اینترنتی محصولات دانلودی با EDD در وردپرس

آموزش راه اندازی فروشگاه اینترنتی با edd در وردپرس ، ایزی دیجیتال دانلود ، فزونه

مطالعه بیشتر
آموزش سرچ کنسول | بخش دوم | Search Console

آموزش سرچ کنسول | بخش دوم | Search Console

آموزش سرچ کنسول ، تنظیمات و نکات پیشرفته و حرفه ای در گوگل وبمستر ،

مطالعه بیشتر
قالب وردپرس چند منظوره رایگان و فارسی Hostel با فونت زیبا

قالب وردپرس چند منظوره رایگان و فارسی Hostel با فونت زیبا

امروز قالب وردپرس فارسی و رایگان hostel در اختیار شما کاربران عزیز قرار داده ایم

مطالعه بیشتر
تابع the_title() عنوان پست در حال نمایش در وردپرس | the_title() | Function

تابع the_title() عنوان پست در حال نمایش در وردپرس | the_title() | Function

برای نمایش عنوان پست در حال نمایش می بایست از تابع the_title() استفاده کرد ،

مطالعه بیشتر
صفحه فرود یا Landing Page چیست؟

صفحه فرود یا Landing Page چیست؟

صفحه فرود یا Landing Page چیست؟ ، اهداف لندینگ پیج ، نکات مهم در بهینه

مطالعه بیشتر

ایمیلت رو وارد کن ، قالب و افزونه جایزه بگیر

Scroll Up
کانال آپارات ما اینستاگرام مبنای وردپرس