طراحی سایت رایگان,طراحی سایت رایگان فارسی,طراحی سایت رایگان آنلاین,طراحی سایت رایگان در گوگل,طراحی سایت رایگان مذهبی,طراحی سایت رایگان ایرانی,طراحی سایت رایگان آکان,طراحی سایت رایگان با تمام امکانات,سایت طراحی رایگان کارت ویزیت,سایت طراحی رایگان لوگو,طراحی سایت حرفه ای,طراحی سایت حرفه ای رایگان,طراحی سایت حرفه ای و ارزان,طراحی سایت حرفه ای با جوملا,طراحی سایت حرفه ای ارزان,طراحی سایت حرفه ای قیمت,طراحی سایت حرفه ایی,طراحی سایت حرفه ای در مشهد,طراحی سایت حرفه ای مشهد,طراحی سایت حرفه ای با وردپرس,طراحی سایت در کرج,طراحان وب سایت در کرج,طراحی سایت جوملا کرج,اموزش طراحی وب سایت در کرج,طراحي سايت در كرج,طراحی وب سایت در کرج,آموزش طراحی سایت در کرج,آموزشگاه طراحی سایت در کرج,استخدام طراحی سایت در کرج,طراحی سایت کرج,طراحی سایت با وردپرس,طراحي سايت با وردپرس,ساخت سایت با وردپرس رایگان,آموزش طراحی سایت با وردپرس,قیمت طراحی سایت با وردپرس,تعرفه طراحی سایت با وردپرس,آموزش طراحی سایت با وردپرس فارسی,هزینه طراحی سایت با وردپرس,طراحی سایت خبری با وردپرس,آموزش طراحي سايت با وردپرس,طراحی سایت فروشگاه اینترنتی,طراحی سایت فروشگاه اینترنتی رایگان,طراحی سایت فروشگاه اینترنتی ارزان,طراحی سایت فروشگاه اینترنتی در اصفهان,طراحی سایت فروشگاه اینترنتی با asp.net,طراحی سایت فروشگاه اینترنتی php,طراحی سایت فروشگاه اینترنتی اصفهان,طراح سایت فروشگاه اینترنتی,ساخت سایت فروشگاه اینترنتی,طراحي سايت فروشگاه اينترنتي,طراحی سایت خبری,طراحی سایت خبری رایگان,طراحی سایت خبری ارزان,طراحی سایت خبری با asp.net,طراحی سایت خبری اتوماتیک,طراحی سایت خبری با جوملا,طراحی سایت خبری با وردپرس,طراحی سایت خبری جوملا,طراحی سایت خبری با php,طراحی سایت خبری وردپرس,طراحی سایت شیراز,طراحی سایت شيراز,طراح سایت شیراز,طراحي سايت شيراز,شرکت طراحی سایت شیراز,طراحی سایت ارزان شیراز,طراح سایت در شیراز,شرکت های طراحی سایت شیراز,طراحی وب سایت در شیراز,شرکت طراحی سایت در شیراز,طراحی سایت در اصفهان,طراحي سايت در اصفهان,طراحان سایت در اصفهان,طراحی وب سایت در اصفهان,شرکت طراحی سایت در اصفهان,آموزش طراحی سایت در اصفهان,طراحي وب سايت در اصفهان,شرکتهای طراحی سایت در اصفهان,کارآموزی طراحی سایت در اصفهان,کلاس طراحی سایت در اصفهان,طراحی سایت شرکتی,طراحی سایت شرکتی ارزان,طراحی وب سایت شرکتی,قیمت طراحی سایت شرکتی,طراحی وب سایت های شرکتی,تعرفه طراحی سایت شرکتی,طراحی قالب سایت شرکتی

خرید قالب وردپرس , آموزش وردپرس , دانلود قالب , آموزش طراحی قالب , پلاگین وردپرس

طراحی سایت رایگان,طراحی سایت رایگان فارسی,طراحی سایت رایگان آنلاین,طراحی سایت رایگان در گوگل,طراحی سایت رایگان مذهبی,طراحی سایت رایگان ایرانی,طراحی سایت رایگان آکان,طراحی سایت رایگان با تمام امکانات,سایت طراحی رایگان کارت ویزیت,سایت طراحی رایگان لوگو,طراحی سایت حرفه ای,طراحی سایت حرفه ای رایگان,طراحی سایت حرفه ای و ارزان,طراحی سایت حرفه ای با جوملا,طراحی سایت حرفه ای ارزان,طراحی سایت حرفه ای قیمت,طراحی سایت حرفه ایی,طراحی سایت حرفه ای در مشهد,طراحی سایت حرفه ای مشهد,طراحی سایت حرفه ای با وردپرس,طراحی سایت در کرج,طراحان وب سایت در کرج,طراحی سایت جوملا کرج,اموزش طراحی وب سایت در کرج,طراحي سايت در كرج,طراحی وب سایت در کرج,آموزش طراحی سایت در کرج,آموزشگاه طراحی سایت در کرج,استخدام طراحی سایت در کرج,طراحی سایت کرج,طراحی سایت با وردپرس,طراحي سايت با وردپرس,ساخت سایت با وردپرس رایگان,آموزش طراحی سایت با وردپرس,قیمت طراحی سایت با وردپرس,تعرفه طراحی سایت با وردپرس,آموزش طراحی سایت با وردپرس فارسی,هزینه طراحی سایت با وردپرس,طراحی سایت خبری با وردپرس,آموزش طراحي سايت با وردپرس,طراحی سایت فروشگاه اینترنتی,طراحی سایت فروشگاه اینترنتی رایگان,طراحی سایت فروشگاه اینترنتی ارزان,طراحی سایت فروشگاه اینترنتی در اصفهان,طراحی سایت فروشگاه اینترنتی با asp.net,طراحی سایت فروشگاه اینترنتی php,طراحی سایت فروشگاه اینترنتی اصفهان,طراح سایت فروشگاه اینترنتی,ساخت سایت فروشگاه اینترنتی,طراحي سايت فروشگاه اينترنتي,طراحی سایت خبری,طراحی سایت خبری رایگان,طراحی سایت خبری ارزان,طراحی سایت خبری با asp.net,طراحی سایت خبری اتوماتیک,طراحی سایت خبری با جوملا,طراحی سایت خبری با وردپرس,طراحی سایت خبری جوملا,طراحی سایت خبری با php,طراحی سایت خبری وردپرس,طراحی سایت شیراز,طراحی سایت شيراز,طراح سایت شیراز,طراحي سايت شيراز,شرکت طراحی سایت شیراز,طراحی سایت ارزان شیراز,طراح سایت در شیراز,شرکت های طراحی سایت شیراز,طراحی وب سایت در شیراز,شرکت طراحی سایت در شیراز,طراحی سایت در اصفهان,طراحي سايت در اصفهان,طراحان سایت در اصفهان,طراحی وب سایت در اصفهان,شرکت طراحی سایت در اصفهان,آموزش طراحی سایت در اصفهان,طراحي وب سايت در اصفهان,شرکتهای طراحی سایت در اصفهان,کارآموزی طراحی سایت در اصفهان,کلاس طراحی سایت در اصفهان,طراحی سایت شرکتی,طراحی سایت شرکتی ارزان,طراحی وب سایت شرکتی,قیمت طراحی سایت شرکتی,طراحی وب سایت های شرکتی,تعرفه طراحی سایت شرکتی,طراحی قالب سایت شرکتی

برای عضو شدن در کانال تلگرام و آخرین آپدیت های محصولات کلیک کنید: NovaStudioco@

بازی با فونت های قالب سایت

سلام دوستان! نوشته ها بخش اصلی سایت ما هستند.معمولا بیشترین چیزی که کاربر میبینه و باید برای دیدنش راحت باشه همین نوشته ها هستند.خود نوشته های سایتمون رو با ویرایشگر متن می تونیم تغییر بدیم اما بقیه متون پوسته ی سایتمون ثابت هستند.

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

ما از فونت ها,رنگ و … برای متفاوت نشان دادن یه متن استفاده می کنیم.این تنظیمات در فایل style.css ذخیره میشه و برای کاربر نشون داده میشه.اما نکته اینجاست که اگه کاربر سایتمون فونتی رو که ما دوست داریم روی کامپیوترش داشت,سایت رو با فونت دلخواه ما می بینه ولی اگه اینطور نبود به صورت خودکار متن سایت ما با فونت های عمومی css دیده میشه.این که نوشته ما با چه فونتی (چه لیستی از فونت ها) نمایش داده بشه با کلید واژه ای در css به نام font – family  مشخص میشه مثل کد زیر:

#menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:blue; }
در این کد مشخص شده که کاربر متن رو با verdana ببینه اگه کسی این فونت رو نداشت با arial اگه اونم نداشت با …
و اگه هیچ کدوم رو نداشت باsans-serif که فونتی عمومی در css هست متن رو ببینه.بعضی از فونت ها نامی دو قسمتی دارند,نام این فونت ها رو داخل “” قرار می دهیم.
#menu {font-family: Verdana, Arial, Helvetica, “Lucida Console”, sans-serif;…..

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

برای استفاده از فونت در قالب های ودرپرس راه های زیادی هست.می توانیم از چندتا فونت در چند جای سایت استفاده کنیم و سایتمون رو کلا تغییر بدیم.فونت ها رو باید روی قالب سایت اعمال کنیم.البته چون قراره از فونت ها هر جایی که دلمون خواست استفاده کنیم پس بهتره کدهای فونت رو در قسمت body سایت قرار بدیم.
body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif; font-size: 1em; padding:0; margin:0; }

با استفاده از این کد,متونی از سایت ما که با هیچ تگ یا div خاصی مشخص نشدند از کد بالا برای نمایش استفاده می کنند.
اما بعضی از قسمت های مهم سایت مثل نوشته هامون با تگ های زیر در style.css مشخص شدند(البته این همیشگی نیست ممکنه طراح قالب از تگ های دیگه ای استفاده کرده باشه)
content
post
entry
post-entry

مثل:
.content p { margin:5px; padding:5px; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 110%; color: black; }

 

پیدا کردن تگ درست برای یه متن خاص به همین آسونی نیست,خیلی از تگ ها میون کدهای تو در تو گم شدند.بهترین را استفاده از قابلیت inspect element در مرورگر های OPERA یا CHROME هست.به این صورت که روی متنی که دوست دارید تغییر بدید کلیک راست کنید و این قابلیت رو اجرا کنید تا کد CSS رو ببنید.

logo
درباره نوا استدیو

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

ارسال نظر

نمونه کار های ما را اول ببینید
مشاهده نمونه کار های نوا
توضیح
به صورت آنلاین از ما مشاوره بگیرید !
ارسال پیام مشاوره در تلگرام