طراحي قالب وردپرس

طراحي قالب وردپرس , طراحي پوسته وردپرس , طراحي قالب ريسپانسيو , طراحي قالب

کاملا ریسپانسیو و واکنش گرا داری پنل تنظیمات

طراحی قالب وردپرس و طراحی فروشگاه وردپرسی

شروع و سفارش طراحی

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


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

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

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

مرحله ۱: در اولین مرحله به وبسایت وب سرویس فونت گوگل رفته و فونت خود را انتخاب کنید.

google web fonts
مرحله ۲: در بخش سمت چپ سایت فونت مورد نظر را جستجو کنید که در این مقاله فونت Dosis برای مثال ارائه داده میشود

از بین دایرکتوری فونت های گوگل فونت dosis را انتخاب نمودم و مشاهده خواهید کرد که چطور میتوانید این فونت و حتی فونت های دیگر را در وبسایت و قالب خود لود میکنیم.

حال برای فراخوانی این فونت از سوی وب سریس فونت گوگل در اینجا کد زیر را در فایل hader.php و درون المنت <head> قرار دهید.

<link rel=’stylesheet’ href=’http://fonts.googleapis.com/css?family=Dosis’ type=’text/css’ />

و کد زیر را در فایل تابع های وردپرس function.php

<?php
function load_google_fonts() {
wp_register_style(‘googleWebFonts’, ‘http://fonts.googleapis.com/css?family=Dosis’);
wp_enqueue_style(‘googleWebFonts’);
}
add_action(‘wp_print_styles’, ‘load_google_fonts’);
?>

حال برای اعمال فونت مورد نظر به تگ هایی متنی میتوانید از استایل زیر استفاده کنید :

.content{

font-family:’dosis’;

font-size:15px;

}

موفق و پیروز باشید

۲ دیدگاه در “افزودن فونت از طریق سرویس گوگل فونت به وردپرس”

  1. حمید گفت:

    سلام خسته نباشید . میشه بگید از چه افزونه ای برای strong گذاری کلمات استفاده کردید که با رنگ قرمز نشون داده شدن ؟

    • تیم تات طرح گفت:

      حمید جان سلام
      برای این کار نیاز به افزونه نیست کافیه به strong خود استایل بدید و رنگ و سایز متفاوتی نسبت به متن مطلب خود اعمال کنید
      اگر سوالی بود باز همینجا ارسال کن
      موفق باشید

*

code

طراحی پوسته وردپرس