آموزش تغییر هدر قالب (قالب های معمولی و css)

P@rtiz@n

P@rtiz@n

ريزه ميزه تالار
مدیر بازنشسته

آموزش تغییر هدر قالب (قالب های معمولی و css)

درود

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

اول از همه باید بگم دو نوع قالب داریم

1- هدر قالب به صورت کد html در قالب هست و تغییرش خیلی سادست

2- هدر قالب در فایل css ( در اکثر قالب ها style.css ) که یه مقدار سخت تر هست


قالب های معمولی

برای قالب های معمولی کافیه آدرس فعلی هدر (هدر پیشفرض قالب) رو پیدا کنید به طور مثال در فایر فاکس روی هدر کلیک راست میکنید و روی View Background Image یا View Image Info کلیک میکنید و آدرس هدر رو به دست میارید

حالا این آدرس رو توی کد قالب پیدا میکنید و با آدرس هدر مورد نظر خودتون جایگزین میکنید

کار تمام است حالا هدر شما عوض شده


تغییر هدر در فایل css

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

1-اول مثل قالب های معمولی آدرس هدر رو پیدا میکنید (در فایر فاکس روی هدر کلیک راست میکنید و روی View Background Image یا View Image Info کلیک میکنید و آدرس هدر رو به دست میارید)

2-توی کد قالب فایل style.css رو پیدا میکنید

3-بعد اون رو در کامپیوتر خودتون ذخیره (save) میکنید

4-حالا با notepad اونو باز کنید و آدرس هدرتون رو پیدا کنید

توجه : آدرس هدر ممکنه به صورت کامل نباشه یعنی ممکنه مختصر شده باشه و آدرس کاملش نباشه
به همین دلیل شما اسم هدر رو توی فایل css پیدا کنید (مثلا اگه آدرس هدر اینه : www.vcp.ir/header.jpg شما فقط header.jpg رو بگردید که پیدا کنید چون ممکنه مختصر شده باشه)

5-بعد آدرسش رو با هدر مورد نظرتون جایگزین کنید و فایل رو save کنید

6-حالا آپلودش کنید و آدرس فایل آپلود شده رو در کد اصلی قالب با آدرس فایل style.css (همون فایل که در مرحله دوم توی قالب پیدا کردید) جایگزین کنید

حالا دو حالت پیش میاد

یا هدر عوض میشه و مشکلی پیش نمیاد

یا اینکه قالب بهم میریزه

اگه قالب بهم ریخت به این صورت عمل کنید



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


حالا برای تغییر هدر یکم کار سخت تر میشه البته روش همون روش اوله ولی یه کارای دیگه ایی هم باید انجام بدی

بعد از اینکه آدرس هدر رو جایگزین کردی دیگه مراحل بعدی رو فعلا انجام نده (یعنی فعلا save و آپلود نکن)



آدرس های توی فایل css خلاصه شده هستن

یعنی مثلا اگه فایل Css آدرسش این باشه

www.vcp.ir/temp/style.css

دیگه فایل های توی css رو به صورت کامل نمینویسن

مثلا اگه آدرس هدر این باشه :

www.vcp.ir/temp/head.jpg

دیگه اولش رو نمینویسن چون خود فایل css تشخیصش میده

به این صورت مینویسن آدرسش رو : head.jpg

یعنی دیگه www.vcp.ir/temp/ رو نمینویسن چون خود فایل css در این مسیر قرار داره

حالا شما باید به اول بقیه فایل های توی css مسیر فایل css رو اضافه کنید

مثلا گفتم اگه مسیر فایل css شما اینه : www.vcp.ir/temp/style.css

باید به اول همه فایل های توی فایل css اینو اضافه کنید

www.vcp.ir/temp/

اگه فایل css دوباره توی همون مسیر اول خودش آپلود بشه مشکلی پیش نمیاد ولی چون شما دیگه نمیتونید توی اون مسیر آپلودش کنید مجبورید این کارهایی رو که گفتم انجام بدید

بعد از این مراحل فایل رو Save میکنید و بعد آپلود میکنید و جایگزین فایل style.css در کد قالب میکنید
 
متن زیبا برای فرزند پسر - متن زیبا برای فرزند دختر - متن ادبی درباره برادر - کابل شارژر سامسونگ- خرید قاب گوشی- جواب آمیرزا- اسکرین شات سامسونگ - فلش کردن گوشی - اروس دیجیتال - قاب گوشی A54 - قاب گوشی s23 ultra -
بالا