موضوع :
آموزشگاه اسکینک ,
آموزش کار با قالب ,
زمان: 1393/06/21
آموزش تصویری تغییر فونت قالب
سلام
در این مطلب قصد داریم به صورت تصویری آموزش تغیر فونت قالب را به شما آموزش دهیم. برای شروع باید فایل استایل قالب را پیدا کنید که معمولا با نام style.css موجود است. اگر با این نام فایلی پیدا نکردید تمامی فایل هایی که با فرمت .css هستند را چک کنید و ببینید عبارت body و font-family در کدام قالب هست. یه عکس از نمونه فایل استایل گذاشتیم که میتوانید ملاحظه نمایید.
برای دیدن عکس در اندازه اصلی روی عکس کلیک کنید
حالا ما فرض میکنیم شما فایل استایل قالب را پیدا کرده اید اولین کار این است که شما ببینید عکس های داخل فایل استایل با چه آدرسی هستند. اگر در عکس زیر نگاه کنید میبینید که ادرس ها کامل هستند پس کار ما راحت تر هست:
برای دیدن عکس در اندازه اصلی روی عکس کلیک کنید
اما اگر اینطور نبود و مثلا به شکل (images/1.png) بود باید کل کد های استایل را در یک فایل نات پد بریزید و تک تک ادرس های عکس را تغییر دهید. تغییر دادن ادرس هم با توجه به ادرس استایل متفاوت هست مثلا اگر آدرس استایل به صورت http://up.skinak.ir/up/skinak/amir/pix/1/2/4/style4.css بود آدرس تصویرذ به شکل زیر میشود:
http://up.skinak.ir/up/skinak/amir/pix/1/2/4/images/1.png
یعنی دقیقا مقدار style4.css رو حذف میکنیم و آدرس عکس که images/1.png هست رو جایگزین میکنیم و برای تک تک عکس ها این کار را ادامه میدهیم البته اگر یه کم حرفه ای باشید با امکان find&replace در نات پد میشه خیلی زودتر به نتیجه رسید.
خوب حالاادرس عکس ها کاملا درست شد. میریم سر تغییر فونت، طبق عکس اول عبارت font-family را پیدا میکنیم و فونت مورد نظر را جایگزین میکنیم. در این مرحله کار تمام هست اما میریم سر آپلود فونت. اول داخل فایل زیر نگاه کنید اگر فونت مورد نظر شما وجود داشت که نیازی به اپلود فونت نیست
http://skinak.ir/temp/fonts/style.css
این نام فونت شمکا در این لیست بود که کد زیر را دانلود و در اول قالب قرار دهید تا کار تمام شود.
دانلود کد برای استفاده در رزبلاگ دانلود کد برای استفاده در سایر سیستم ها
اگر فونت مورد نظر شما در قالب نبود باید یک فونت پیدا کنید و در سه فرمت ttf و eot و woff اپلود کنید این فرمت ها هر کدام برای مروگر خاصی کار میکنند و حتما باید در سه فرمت باشد. برای آپلود هم باید حتما لینک مستقیم داشته باشد اگر مکان مناسبی برای اپلود ندارید میتوانید از آپلود سنتر اسکینک استفاده کنید. بعد از اپلود فنت کد زیر را دانلود کرده و در کد موارد مشخص شده را تغییر دهید.
دانلود کد فونت آماده+توضیحات تکمیلی
توضیحات تکمیلی برای نحوه تغییر آدرس در داخل فایل موجود است. در اخر یادآور میشم بخش فونت اسکینک به آدرس http://font.skinak.ir/ در اختیار شما قرار دارد.
سعی کردیم آموزش ساده ای باشد اگر موفق به تغییر فونت نشدید در نظرات این مطلب درخواست ارسال کنید تا برای شما به رایگان تغییر فونت دهیم.
11584
نظرات : 37 تا
بازدید : بار
