საიტის ინდივიდუალურობის მისაცემად, ვებმასტერი ქმნის ორიგინალ შაბლონს, რადგან დიზაინი წარმოადგენს საიტის სახეს. დღეს განლაგების განლაგების დიდი რაოდენობა შეგიძლიათ გადმოწეროთ ინტერნეტიდან და მათ ძალიან სასიამოვნო გარეგნობა ექნებათ. როგორც წესი, ვებგვერდიდან გადაწერილი შაბლონები რედაქტირდება, რომ საიტი გახდეს უნიკალური.
Ეს აუცილებელია
- - გამოსახულების დამთვალიერებელი;
- - FileZilla;
- - ტექსტური რედაქტორი Notepad ++.
ინსტრუქციები
Ნაბიჯი 1
გამოიყენეთ FileZilla თქვენი შაბლონის ფაილების სანახავად და რედაქტირებისთვის. მისი დახმარებით შეგიძლიათ ონლაინ რეჟიმში იმუშაოთ კონფიგურაციის ფაილებთან. როგორც წესი, დამუშავებულია 3 ფაილი, საიტის დიზაინის შესაცვლელად: index.php, template.css და templateDetails.xml.
ნაბიჯი 2
საიტის "სათაური" არის გვერდის ელემენტი, რომელიც ზემოდან გადადის შინაარსის დასაწყისში, შესაბამისად, სახელიც. მას ასევე ჰედეერს უწოდებენ. როგორც წესი, საიტის "სათაურში" უნდა შეიცვალოს მხოლოდ ლოგო ან ნებისმიერი სხვა სურათი (logo.jpg). საიტის ლოგოზე განთავსებულია template.css ფაილი. გახსენით Notepad ++.
ნაბიჯი 3
მნიშვნელობის მოსაძიებლად გამოიყენეთ ვარიანტი "მოძებნეთ ელემენტისთვის": დააჭირეთ კლავიშების Ctrl + F და ცარიელ ველში შეიტანეთ სასურველი მნიშვნელობა. თუ გსურთ შეცვალოთ სურათის სიგანე ან სიმაღლე "სათაურში", საძიებო ზოლში შეიტანეთ სიტყვის სათაური და დააჭირეთ ღილაკს Enter.
ნაბიჯი 4
თქვენს მიერ ძებნილი სიტყვის ქვემოთ ნახავთ ხაზებს: სიმაღლე (სიმაღლე) და სიგანე (სიგანე). შეცვალეთ ეს მნიშვნელობები, შემდეგ დააჭირეთ Ctrl + S თქვენი ცვლილებების შესანახად. შედეგად FileZilla დიალოგურ ფანჯარაში დააჭირეთ დიახ ღილაკს.
ნაბიჯი 5
გადადით საიტზე, რომ ნახოთ ცვლილებები. თუ მათთან კმაყოფილი არ ხართ, დაბრუნდით ფაილში და შეიყვანეთ ახალი მნიშვნელობები.
ნაბიჯი 6
საიტის მთავარ გვერდზე შრიფტის ზომისა და სახელის შესაცვლელად გამოიყენეთ ძიება. აკრიფეთ სიტყვა body და დააჭირეთ ღილაკს Enter. ამ ოპერატორის ქვემოთ მოცემულია შრიფტების ოჯახი (სახელი) და შრიფტის ზომა (ზომა ან წერტილი). შეცვალეთ მათი მნიშვნელობები, შეინახეთ თქვენი ცვლილებები და გადადით საიტზე მათ სანახავად.
ნაბიჯი 7
ბმულების ჩვენების წესის შესაცვლელად, საძიებო ფორმაში შეიტანეთ მნიშვნელობები a: link (სტანდარტული ბმული), a: მონახულებული (მონახულებული ბმული) და a: hover (აქტიური ბმული). დააჭირეთ Enter- ს, რომ იპოვოთ ეს ელემენტები template.css ფაილში.
ნაბიჯი 8
შეცვალეთ შრიფტის ზომა და ფერის პარამეტრები. მათი შეცვლის შემდეგ, ალბათ შეამჩნევთ, რომ ყველა ბმულს არ აქვს სხვადასხვა ფერის ან შრიფტის ზომა. ამ შემთხვევაში, თქვენ უნდა მოძებნოთ ბმულების განთავსების ალტერნატიული ვარიანტები. მაგალითად, ის, რაც უცვლელი დარჩა, მდებარეობს მთავარ მენიუში, ამიტომ, თქვენ უნდა მოძებნოთ თანხმოვანი ელემენტი.
ნაბიჯი 9
მოძებნეთ სიტყვა "Main" და დააჭირეთ Enter. სავარაუდოდ, თქვენ აღმოჩნდებით მარცხენა კოლოფის ბმულით და მარცხენა კოლოფის მიმდინარე ბმულის ელემენტებთან, რომელთა მნიშვნელობა უნდა შეცვალოთ. მათი რედაქტირების შემდეგ შეინახეთ შედეგი და გადადით საიტის გვერდზე, დატვირთული გვერდის ყველა ბმული გარედან უნდა შეიცვალოს.
