مرجع اموزشی طراحی سایت

افزودن فونت به پوسته وردپرس به شما امداد می‌نماید تا فهرست فونت‌های مو جود را ارتقا دهید و از فونت‌هایی استعمال فرمایید که با نیازها و مارک شما هم خوانی دارا‌هستند. خوشبختانه این شغل در وردپرس به راحتی قابلیت پذیر میباشد. درین مقاله به شما نصب فونت پوسته وردپرس را یادگرفتن خوا‌هیم اعطا کرد تا بتوانید ظواهر وب سایت خویش را زیباتر فرمایید. طراحی سایت چه‌طور فونت‌های مرسوم را برای استعمال در وردپرس بیابیم؟ اکثری از جای ‌ها وجود دارا هستند که میتوانید فونت‌های وبی بدون پول و خیر و خوبی را بیابید که برای مثال این جای ‌‌ها Google Fonts ، Typekit ، FontSquirrel و fonts.com میباشند. در شرایطی که نمی‌دانید که چه طور فونت‌ها را در هم آمیخته و همخوانی دهید، پس Font Pair را آزمون نمایید. این ابزار به طراحان یاری می‌نماید تا فونت‌های گوگل زیبایی را با هم جور نمایند.

افزودن فونت‌های مرسوم در وردپرس با استعمال از Google Fonts

Google fonts یک منبع بدون‌پول بسیار جالب برای افزودن تایپوگرافی قشنگ در پیاده سازی پروژه‌های شماست. یوزرها وردپرس میتوانند فونت‌های سفارشی گوگل را بر روی سایت خویش اضافه نمایند.

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

این شما‌را به شیت دیگری می برد که از شما مراد می شود استایل‌هایی (مدل‌هایی) که می خواهید را گزینش فرمایید. بایستی فقط استایل‌هایی را تعیین نمائید که می پندارید حقیقتا به کار گیری خواهید کرد. بعداز آن، مقداری به ذیل تکان فرمائید تا‌هنگامیکه به نصیب جاسازی کد پایین برسید. می بایست کد نماد داده گردیده را در تحت تب استاندارد نسخه برداری نمائید و آن را در تم خویش یا این که پوشه header.php چایلد تم (child theme) خویش صحیح بعداز تگ بچسبانید (paste).

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

شما میتوانید این فونت را در استایل برگه تم خویش مانند این استعمال نمایید:

افزودن فونت‌های سفارشی در ورد پرس با استعمال از CSS3 @font-face
بدون واسطه ترین طریق افزودن فونت‌های سفارشی در وردپرس از روش افزودن فونت‌ها با به کارگیری از روال CSS3 @font-face می باشد. این سیاق به شما اذن می دهد که هر فونتی را که دوست دارید در وب سایت خویش به کار گیری فرمائید. او‌لین چیزی که می بایست اجرا دهید دانلود فونت آیتم عشق و علاقه خویش در یک فرمت اینترنت هست. در‌صورتی‌که فرمت وبی برای فونت خویش ندارید می توانید آن را با به کارگیری از FontSquirrel Webfont generator تبدیل فرمائید.

وقتی که پوشه‌های فونت وبی را دارید، بایستی آن را بر روی سرور میزبانی اینترنت خویش آپلود فرمایید. شایسته ترین جای برای آپلود کردن فونت‌ها در درون یک فایل نو fonts در تم خویش یا این که دایرکتوری child theme خویش میباشد.

می توانید از FTP یا این که File Manager در دست گرفتن پنل خویش برای آپلود کردن فونت استعمال فرمائید.

زمانی که فونت آپلود شد، بایستی فونت را در استایل برگه تم خویش با به کار گیری از ضابطه CSS3 @font-face مانند پایین بار گذاری نمایید:

فراموش نکنید font-family و نشانی شیت (URL) را با اسم خودتان جایگزین فرمایید.

بعد از آن می توانید فونت را در هر جایی از استایل صفحه تم خویش مانند تحت به کارگیری فرمائید:

لود فونت‌ها به صورت بدون واسطه با استعمال از CSS3 @font-face مدام شایسته ترین چاره وجود ندارد. در‌حالتی که از یک فونت از Google Fonts یا این که Typekit استعمال میکنید، خوب میباشد فونت را به صورت بی واسطه از سرور آن ها برای تلاش مناسب به شغل گیرید.

افزودن فونت‌های سفارشی در وردپرس با استعمال از Typekit

Typekit یک منبع بدون پول و دارنده حق بیمه برای فونت‌های بسیار جالب میباشد که میتوانید در پروژه‌های پیاده سازی خویش به کارگیری فرمایید (آن‌ها یک حق اشتراک و همینطور یک اپلیکیشن اشتراک بدون‌پول محصور می باشند که می توانید از آن ها به کارگیری فرمایید).

به آسانی برای اکانت Typekit نام نویسی نمایید و یک کیت تازه بسازید.

در مرحله آن‌گاه بایستی یک فونت را از کتابخانه Typekit گزینش نمائید و آن را به کیت خویش اضافه فرمایید. بعد از آن کدی برای کیت خویش اخذ می کنید و بر روی قسمت ادمین وبسایت وردپرس خویش در ابتدا بروید. حال بایستی فونت‌های Typekit را برای افزونه وردپرس نصب و فعال فرمائید. بعد از فعال‌سازی، به آسانی به قسمت پیکربندی (Settings) و آن‌گاه Typekit Fonts بروید و کد آرم داده گردیده را بر روی ورقه پیکربندی افزونه بچسبانید (paste).

بعد از جاری ساختن این امور، در حال حاضر می توانید فونت Typekit انتخابی خویش را در استایل ورقه تم وردپرس خویش مانند ذیل استعمال نمائید:

اضافه کردن فونت بر پوسته وردپرس با به کارگیری پلاگین

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

پلاگین Use Any Font
پلاگین Use Any Font می تواند از فونت‌های سفارشی شما و خصوصیات آن ها تامین نماید. هنگامی فونت را روی وردپرس آپلود نمایید، می توانید آن را با به کار گیری از Use Any Font به فرمتی اینترنت پسند تبدیل نمائید و بعد از فونت خویش در شرایط‌های متفاوت به کار گیری فرمایید.

مزیت دیگر Use Any Font مرتبط با سعی آن میباشد. از آنجایی که‌این پلاگین آحاد فونت‌های شمارا روی سرور ذخیره می‌نماید، بعداز لود دوباره ورقه، مجال کمتری برای واکشی فونت‌ها نیاز خواهد بود.

پلاگین Easy Google Fonts
همان طور که در ابتدا نیز اشاره کردیم، گوگل فونت میتواند یک کدام از منابع برای به کار گیری فونت‌های تازه و جالب باشد و با بیشتراز ۱۰۰۰ آیتم گزینش، رهبری توانمند در بازار فونت‌های بدون پول میباشد و می تواند راهی سهل و آسان برای نصب فونت پوسته وردپرس باشد.

پلاگین Easy Google Fonts عملکرد می‌نماید، روند به کار گیری از فونت‌های گوگل را از آنچه که است برای شما بی آلایش‌خیس نماید. با این درحال حاضر، مهم‌ترین مزیت Easy Google Fonts این میباشد که فونت‌های گوگل را در Customizer وردپرس (جایی که معمولا پیکربندی استایل خویش را دستکاری می کنید) یکدست می‌نماید. از روش Customizer می توانید، پیش‌اکران هر تغییری را پیش از ذخیره ببینید و اذن تغییر تحول روش تعامل فونت‌ها با ظواهر وب سایت را داشته باشید.

افزودن فونت به پوسته وردپرس به شما امداد می‌نماید تا فهرست فونت‌های مو جود را ارتقا دهید و از فونت‌هایی استعمال فرمایید که با نیازها و مارک شما هم خوانی دارا‌هستند. خوشبختانه این شغل در وردپرس به راحتی قابلیت پذیر میباشد. درین مقاله به شما نصب فونت پوسته وردپرس را یادگرفتن خوا‌هیم اعطا کرد تا بتوانید ظواهر وب سایت خویش را زیباتر فرمایید. طراحی سایت چه‌طور فونت‌های مرسوم را برای استعمال در وردپرس بیابیم؟ اکثری از جای ‌ها وجود دارا هستند که میتوانید فونت‌های وبی بدون پول و خیر و خوبی را بیابید که برای مثال این جای ‌‌ها Google Fonts ، Typekit ، FontSquirrel و fonts.com میباشند. در شرایطی که نمی‌دانید که چه طور فونت‌ها را در هم آمیخته و همخوانی دهید، پس Font Pair را آزمون نمایید. این ابزار به طراحان یاری می‌نماید تا فونت‌های گوگل زیبایی را با هم جور نمایند.

افزودن فونت‌های مرسوم در وردپرس با استعمال از Google Fonts

Google fonts یک منبع بدون‌پول بسیار جالب برای افزودن تایپوگرافی قشنگ در پیاده سازی پروژه‌های شماست. یوزرها وردپرس میتوانند فونت‌های سفارشی گوگل را بر روی سایت خویش اضافه نمایند.

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

این شما‌را به شیت دیگری می برد که از شما مراد می شود استایل‌هایی (مدل‌هایی) که می خواهید را گزینش فرمایید. بایستی فقط استایل‌هایی را تعیین نمائید که می پندارید حقیقتا به کار گیری خواهید کرد. بعداز آن، مقداری به ذیل تکان فرمائید تا‌هنگامیکه به نصیب جاسازی کد پایین برسید. می بایست کد نماد داده گردیده را در تحت تب استاندارد نسخه برداری نمائید و آن را در تم خویش یا این که پوشه header.php چایلد تم (child theme) خویش صحیح بعداز تگ بچسبانید (paste).

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

شما میتوانید این فونت را در استایل برگه تم خویش مانند این استعمال نمایید:

افزودن فونت‌های سفارشی در ورد پرس با استعمال از CSS3 @font-face
بدون واسطه ترین طریق افزودن فونت‌های سفارشی در وردپرس از روش افزودن فونت‌ها با به کارگیری از روال CSS3 @font-face می باشد. این سیاق به شما اذن می دهد که هر فونتی را که دوست دارید در وب سایت خویش به کار گیری فرمائید. او‌لین چیزی که می بایست اجرا دهید دانلود فونت آیتم عشق و علاقه خویش در یک فرمت اینترنت هست. در‌صورتی‌که فرمت وبی برای فونت خویش ندارید می توانید آن را با به کارگیری از FontSquirrel Webfont generator تبدیل فرمائید.

وقتی که پوشه‌های فونت وبی را دارید، بایستی آن را بر روی سرور میزبانی اینترنت خویش آپلود فرمایید. شایسته ترین جای برای آپلود کردن فونت‌ها در درون یک فایل نو fonts در تم خویش یا این که دایرکتوری child theme خویش میباشد.

می توانید از FTP یا این که File Manager در دست گرفتن پنل خویش برای آپلود کردن فونت استعمال فرمائید.

زمانی که فونت آپلود شد، بایستی فونت را در استایل برگه تم خویش با به کار گیری از ضابطه CSS3 @font-face مانند پایین بار گذاری نمایید:

فراموش نکنید font-family و نشانی شیت (URL) را با اسم خودتان جایگزین فرمایید.

بعد از آن می توانید فونت را در هر جایی از استایل صفحه تم خویش مانند تحت به کارگیری فرمائید:

لود فونت‌ها به صورت بدون واسطه با استعمال از CSS3 @font-face مدام شایسته ترین چاره وجود ندارد. در‌حالتی که از یک فونت از Google Fonts یا این که Typekit استعمال میکنید، خوب میباشد فونت را به صورت بی واسطه از سرور آن ها برای تلاش مناسب به شغل گیرید.

افزودن فونت‌های سفارشی در وردپرس با استعمال از Typekit

Typekit یک منبع بدون پول و دارنده حق بیمه برای فونت‌های بسیار جالب میباشد که میتوانید در پروژه‌های پیاده سازی خویش به کارگیری فرمایید (آن‌ها یک حق اشتراک و همینطور یک اپلیکیشن اشتراک بدون‌پول محصور می باشند که می توانید از آن ها به کارگیری فرمایید).

به آسانی برای اکانت Typekit نام نویسی نمایید و یک کیت تازه بسازید.

در مرحله آن‌گاه بایستی یک فونت را از کتابخانه Typekit گزینش نمائید و آن را به کیت خویش اضافه فرمایید. بعد از آن کدی برای کیت خویش اخذ می کنید و بر روی قسمت ادمین وبسایت وردپرس خویش در ابتدا بروید. حال بایستی فونت‌های Typekit را برای افزونه وردپرس نصب و فعال فرمائید. بعد از فعال‌سازی، به آسانی به قسمت پیکربندی (Settings) و آن‌گاه Typekit Fonts بروید و کد آرم داده گردیده را بر روی ورقه پیکربندی افزونه بچسبانید (paste).

بعد از جاری ساختن این امور، در حال حاضر می توانید فونت Typekit انتخابی خویش را در استایل ورقه تم وردپرس خویش مانند ذیل استعمال نمائید:

اضافه کردن فونت بر پوسته وردپرس با به کارگیری پلاگین

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

پلاگین Use Any Font
پلاگین Use Any Font می تواند از فونت‌های سفارشی شما و خصوصیات آن ها تامین نماید. هنگامی فونت را روی وردپرس آپلود نمایید، می توانید آن را با به کار گیری از Use Any Font به فرمتی اینترنت پسند تبدیل نمائید و بعد از فونت خویش در شرایط‌های متفاوت به کار گیری فرمایید.

مزیت دیگر Use Any Font مرتبط با سعی آن میباشد. از آنجایی که‌این پلاگین آحاد فونت‌های شمارا روی سرور ذخیره می‌نماید، بعداز لود دوباره ورقه، مجال کمتری برای واکشی فونت‌ها نیاز خواهد بود.

پلاگین Easy Google Fonts
همان طور که در ابتدا نیز اشاره کردیم، گوگل فونت میتواند یک کدام از منابع برای به کار گیری فونت‌های تازه و جالب باشد و با بیشتراز ۱۰۰۰ آیتم گزینش، رهبری توانمند در بازار فونت‌های بدون پول میباشد و می تواند راهی سهل و آسان برای نصب فونت پوسته وردپرس باشد.

پلاگین Easy Google Fonts عملکرد می‌نماید، روند به کار گیری از فونت‌های گوگل را از آنچه که است برای شما بی آلایش‌خیس نماید. با این درحال حاضر، مهم‌ترین مزیت Easy Google Fonts این میباشد که فونت‌های گوگل را در Customizer وردپرس (جایی که معمولا پیکربندی استایل خویش را دستکاری می کنید) یکدست می‌نماید. از روش Customizer می توانید، پیش‌اکران هر تغییری را پیش از ذخیره ببینید و اذن تغییر تحول روش تعامل فونت‌ها با ظواهر وب سایت را داشته باشید.