وبلاگ شخصی میثم کاظمی فرد

گاهنوشت های من !

میثم کاظمی فرد

آموزش تغییر سربرگ (header) قالب

| دوشنبه ۸ خرداد ۱۳۹۱ (۱۳:۲۹)

سلام !

هدر یا هیدر ؟! مسئله این است
من در طول چند سالی که کار طراحی وب می کنم همیشه به هیدر گفتم هدر ! الانم یکم سخته برام بگم هیدر !!! شما بی سوادی منو به بزرگواریتون ببخشید . خوب بریم سر اصل مطلب

اصلا هدر چیه ؟!
header همونطور که از اسمش پیداست به معنای سربرگ است . (امیدوارم درست باشه :d) به بیان خودمونی همون عکس بالای وبلاگ !!! (خیلی خودمونی شد نه؟!)

چرا باید هدر رو تغییر بدیم ؟!
معمولا همه ی ما دوست داریم قالب وبلاگ مون اختصاصی باشه و تغییر هدر میتونه تو این مورد کمک خیلی بزرگی بکنه . البته بشرطها و شروطها ! اما گفتن این شرط و شروط از حوصله این حقیر خارجه و بیشتر یه کار روانشناسانه گونه (!) هست که بنده علمشم ندارم ! لذا می ریم رو مباحث مثلا فنی تغییر هدر . (اگه اینجوری بخواید بخونید 24 ساعت طول میکشه تا این آموزش رو بخونید :d)

توصیه می کنم اگه کار با فتوشاپ بلد نیستید بیخیال تغییر هدر بشید و وبلاگتونو ضایع نکنید ! :d

روش های تغییر هدر
بطور کلی چند روش برای تغییر هدر وجود دارد که من بلدشون نیستم !

یه روش بسیار سخت براتون میگم (:d)
1- کد هدرتون رو پیدا کنید 
2- کد html مورد نظرتون رو بذارید
3- حالشو ببرید

خوب تموم شد . امیدوارم از این آموزش استفاده کافی رو برده باشید .

مثال کاربردی
من مطمئن هستم که دیگه بلدید هدر وبلاگتون رو عوض کنید (!) ولی یه مثال میزنم که آموزش کاملا تثبیت بشه (تثبیت اینجوریه ؟!)

- پیدا کردن کد هدر در قالب وبلاگ :

توصیه : بهتره از نرم افزار notepad++ برای باز کردن کد قالبتون استفاده کنید یا کد قالبتون رو توی این برنامه کپی پیست کنید

(از اونجایی که به کدوم توصیه گوش دادید که این دومیش باشه) یه مثال میزنم ! اگه کد قالبتون رو با برنامه ای مثله notepad ویندوز باز کنید ، ممکنه با همچین صحنه ای مواجه بشید :

ولی اگه همین قالبو با نوت پد پلاس پلاس (کلاس رو حال کردی؟!) باز کنید با همچین صحنه ای مواجه میشید :

همونطور که می بینید در notepad++ ، کد ها بصورت نمودار درختی (یا ابلفرززز) مرتب شدن که پیدا کردن کد هدر ، بسیار ساده تر و خوشمزه تره !

خوب حالا باید دنبال همچین کدی بگردیم : 

البته از اونجایی که اسم نامگذاری ها برای class یا id کاملا اختیاریه ممکنه طراح هایی مثله من از نام های من درآوردی استفاده کنن اما با چند بار آزمایش و خطا میشه فهمید کدوم کد مربوط به هدر است . 

- قرار دادن کد html
در این مرحله بهتره که یکم اطلاعات خودتون رو در مورد css و style بالا ببرید ! (بیخیالم شدید عب نداره)

همچین کدی رو به کد هدر اضافه کنید : 

خوب دوستان ،‌ دیگه واقعا تموم شد ! 

چند نکته
- این مدلی که ما هدر رو عوض کردیم ، از طریق اینلاین استایل بود . روش های دیگه ای هم هست ولی این بهتر و سریعتره بخصوص برای وبلاگ
- اگه دیدید که عکستون افتاد جای دیگه بجای هدر ، بدونید که کد هدر رو اشتباه انتخاب کردید !
- کار طراحی یا حداقل ویرایش (!) نیازمند تکرار و تجربست ! اگه دیدید نشد نا امید نشید !!!
- سوالی داشتید پرسید ولی جواب نمیدم !!! (:d)


برچسب ها : آموزش تغییر header قالب,تغییر header وبلاگ,تغییر هدر,تغییر سربرگ,آموزش,

نظرات دوستان :

سمينا در 8 خرداد 1391 - 15:18 گفته :
سلام.من كه زياد سردرنياوردم.ولي موفق باشيد

چون عب از منه كه بلد نيستم

پيروز باشيد

محمد در 8 خرداد 1391 - 15:51 گفته :
خیلی ممنون واقعا مفید و جالب بود

محمدامین در 8 خرداد 1391 - 18:40 گفته :
سلام
دستت درد نکنه عالی بود.
به نظرم با این روشی که گفتی هدری که بزاریم می افته رو هدر اولی و قالب رو به هم می ریزه. با تغییر تو فایل های css خیلی بهتر میشه.
البته من کی باشم که حرف های حرفه ای بزنم تو خودت سرور ما هستی آقا میثم.
با سلام
واسه وبلاگ ها معمولا از استایل خارجی استفاده میشه و کاربر ه css دسترسی نداره

آزاده در 8 خرداد 1391 - 23:21 گفته :
سلام خیلی خوبه که توی آموزش هاتون از عکس هم استفاده می کنید. خداقوت یاعلی

محمد در 12 خرداد 1391 - 19:16 گفته :
سلام.میشه یه آموزش درباره ی تبدیل قالب سایر سرویس های وبلاگدهی به فردبلاگ رو بذاری.
ممنون
فکر خوبیه

arash jandaghi در 16 خرداد 1391 - 23:35 گفته :
ba slm kheyli matalebe jalebi bood
daste shoma mer30

ejaze hast linket konam???
اجازه ما هم دست شماست

arman در 25 خرداد 1391 - 19:54 گفته :
سلام آقا میثم خسته نباشید
میخواستم بگم تروخدا واسه قالب یک کاری بکنید
قالب ها کمه بعد تنوع اونجوری هم نداره
خیلی ممنون میشم


AfshiN در 8 تير 1391 - 11:00 گفته :
Salam agha meysam merci az amozeshiyayi ke mizarid vali age momke bande haghir 1 darkhast dashtam unam ine ke baraye edame matlab 1 tanzimati bezarid ke kole matlabam neshon bede
mamnon misham azize del

arash jandaghi در 9 تير 1391 - 12:11 گفته :
با سلام
لطفا اگه میشه اگه می تونی اگه وقت داری
اگه می خواهی اگه...اگه... اگه...
آموزش بده چه جوری قالبارو به فردبلاگ ترجمه کنیم.
دست شما مرسی

دخملی در 17 بهمن 1391 - 22:48 گفته :
سلام
ازتون خواهش میکنم منو تو ساختن هدرم یاری کنید که 1 هفته است تو این نت خواب ندارم از بس با کد وبم ور رفتم

این پلاس پلاس شما رو دانلود کردم ولی همینکه کد رو توش میزارم همه نوشته های فارسیش بصورت؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟در میاد
اما خودم اینقد کد حذف کردم تا فهمیدم کدوم تیتر مال هدر قالبمه اون کدی رو شما فرمودید اضافه کردم اما نشد ممنون میشم کمکم کنید
ثواب داره والا......
سلام !
چطور میتونم کمکتون کنم ؟!

ارسال نظر

نام شما :
آدرس وب سایت :
پست الکترونیک :
پیام شما :
کد امنیتی :