როგორ შევცვალოთ ვებგვერდების შაბლონები

Სარჩევი:

როგორ შევცვალოთ ვებგვერდების შაბლონები
როგორ შევცვალოთ ვებგვერდების შაბლონები

ვიდეო: როგორ შევცვალოთ ვებგვერდების შაბლონები

ვიდეო: როგორ შევცვალოთ ვებგვერდების შაბლონები
ვიდეო: How to edit HTML templates | Step-by-step guide 2024, აპრილი
Anonim

დღესდღეობით არ არის რთული საკუთარი ვებ – გვერდის შექმნა, მაშინაც კი, თუ არ გაქვთ რაიმე კონკრეტული ცოდნა ვებ – დიზაინისა და პროგრამირების სფეროში. ნებისმიერ დროს შეგიძლიათ გამოიყენოთ ინტერნეტში განთავსებული სხვადასხვა შაბლონების მასა და მზა შაბლონების საფუძველზე გააკეთოთ და გამოაქვეყნოთ თქვენი ვებსაიტი ქსელში. ამასთან, ყველას სრულად არ აკმაყოფილებს იმ საიტის ვერსია, რომელსაც შაბლონი გთავაზობთ. ჩვენ გეტყვით, თუ როგორ უნდა შეცვალოთ საიტის შაბლონი და გახადოთ იგი უნიკალური ამ სტატიაში.

როგორ შევცვალოთ ვებგვერდების შაბლონები
როგორ შევცვალოთ ვებგვერდების შაბლონები

ინსტრუქციები

Ნაბიჯი 1

ჩამოტვირთეთ შაბლონი და იპოვნეთ style.css ფაილი. როგორც წესი, ეს ფაილი მდებარეობს public_html საქაღალდეში.

ნაბიჯი 2

გახსენით style.css ფაილი ჩასაწერად და იპოვნეთ კოდის ფრაგმენტი, რომელიც პასუხისმგებელია საიტის ზედა ნაწილზე. ეს ფრაგმენტი ასე გამოიყურება:

# ლოგოტიპი {

ფონი: url (images / logotype.png) განმეორებითი მარცხენა ცენტრი #fff;

სიგანე: 230px;

სიმაღლე: 60 პიქსელი;

მინდორი: 10px 25px;

პოზიცია: ნათესავი;

ნაბიჯი 3

ამ კოდში, ფონზე: url ხაზი, უნდა მიუთითოთ მომავალი საიტის ფონის სურათის გზა. შემდეგი ხაზები მიუთითებს სურათის სიგრძეზე და სიმაღლეზე, ხოლო მინდვრის ელემენტი განსაზღვრავს სურათის ვერტიკალურ და ჰორიზონტალურ ჩაღრმავებას.

ნაბიჯი 4

იპოვნეთ logotype.png

ნაბიჯი 5

ატვირთეთ ფონის სურათი public_html / tmpl / template_name / Images / საქაღალდეში, რის შემდეგაც, როგორც ზემოთ აღვნიშნეთ, დაწერეთ სურათისკენ მიმავალი გზა ფონზე: url სტრიქონი.

ნაბიჯი 6

საჭიროების შემთხვევაში, გადაწერეთ სურათის სიმაღლის, სიგრძის და ოფსეტური პარამეტრები. პოზიცია: ფარდობითი ხაზი შეიძლება დარჩეს მარტო. შეინახეთ ცვლილებები ფაილში და ატვირთეთ სერვერზე ძველი შაბლონის ფაილის ნაცვლად.

ნაბიჯი 7

თუ ქვედა გვერდის ლოგოს შეცვლა გსურთ, style.css- ში გადახედეთ კოდის ფრაგმენტს, რომელიც იწყება სიტყვებით logotype-footer. შეინახეთ სურათი ახალი ლოგოთი და ატვირთეთ შაბლონის სურათების საქაღალდეში.

ნაბიჯი 8

სიგრძის და სიმაღლის პარამეტრების შეცვლა. ისევ შეინახეთ style.css ფაილი და ატვირთეთ განახლებული საიტი სერვერზე.

გირჩევთ: