თუ WordPress პლატფორმაზე გაქვთ საიტი, ალბათ იცით, რომ თქვენს ბლოგზე შაბლონი შეიძლება შეიცვალოს განუსაზღვრელი ვადით, რადგან სრულყოფას არანაირი ზღვარი არ აქვს. ეს პლატფორმა გახდა ვებდიზაინის სწრაფად ნასწავლი ინსტრუმენტი, მით უმეტეს, რომ კანის რედაქტირება შესაძლებელია ჩვეულებრივი პროგრამების გამოყენებით.
აუცილებელია
- პროგრამული უზრუნველყოფა:
- - ინტერნეტ ბრაუზერი Firefox;
- - addon Firebug.
ინსტრუქციები
Ნაბიჯი 1
ბევრი ვებდიზატორი ამბობს, რომ სერფინგისა და საიტის მშენებლობის იდეალური ბრაუზერია Mozilla- ს პროდუქტი. Firefox არის ერთადერთი პროგრამა, რომელიც მხარს უჭერს ამდენ პროგრამას და დამატებას. ნებისმიერ პლატფორმაზე შაბლონების რედაქტირებისთვის გჭირდებათ Firebug დამატება, რომელიც საშუალებას გაძლევთ აჩვენოთ და შეცვალოთ ნებისმიერი შაბლონის პარამეტრი საიტზე.
ნაბიჯი 2
ინსტალაციისთვის, თქვენ უნდა დააჭიროთ ბრაუზერის ზედა მენიუს "ინსტრუმენტები" და შეარჩიოთ ელემენტი "დამატებები" ან დააჭირეთ ღილაკების კომბინაციას Ctrl + Shift + A. გახსნილ ფანჯარაში არ დაელოდოთ ჩამოტვირთვის Firefox– ისთვის რეკომენდებული პროგრამები, უნდა დააყენოთ კურსორი ველში, ტექსტით „ძიება არსებულ დანამატებში“და დანერგეთ Firebug
ნაბიჯი 3
ძიების შედეგების სიაში დააჭირეთ Firebug პუნქტის მოპირდაპირე ღილაკს. ამ დანამატის ჩამოტვირთვის შემდეგ, გადატვირთეთ ახლა ღილაკი გააქტიურდება. დააჭირეთ მას, რომ ცვლილებები გამოიყენოთ. თუ რაიმე განცხადება არ გამოჩნდა ძიების შედეგებში, გადადით Mozilla- ს ოფიციალურ ვებსაიტზე და დააინსტალირეთ Firebug შემდეგი ბმულიდან
ნაბიჯი 4
ამ დამატების ინსტალაციის შემდეგ, ბრაუზერის ფანჯრის ქვედა ნაწილში გამოჩნდება პატარა ხატი ხოჭოს გამოსახულებით, დააწკაპუნეთ მასზე - დამატება აქტიური გახდება. მაგალითად, გსურთ შეცვალოთ თქვენი საიტის მთავარ გვერდზე ბმულების ჩვენება, ამ ელემენტის კოდი იპოვოთ "შეცდომის" ფანჯარაში, რომელიც დაყოფილია 2 ნაწილად, მონაცვლეობით უნდა აირჩიოთ Html და Style. ახლა ფანჯრის ერთ ნაწილში გამოჩნდება html- კოდი, მეორე ნაწილში გამოჩნდება კოდი style.css ფაილებიდან.
ნაბიჯი 5
Html ბლოკში გადადით ფაილში, პერიოდულად დააჭირეთ ბლოკებს, ნახავთ, რომ "შეცდომის" ერთ-ერთ ბლოკზე დაწკაპუნების შემდეგ, იმავე ბლოკის შერჩევა გამოჩნდება გვერდზე. ამ გზით საკმაოდ ადვილია რედაქტირებადი ელემენტის პოვნა, რომლის კოდიც არ იცი.
ნაბიჯი 6
მას შემდეგ რაც იპოვნეთ კოდის სასურველი ბლოკი, კურსორი გადაიტანეთ მიმდებარე ფანჯარაში (სტილი). აქ ნახავთ მოცემული ბლოკის ჩვენების ყველა ვარიანტს, მაგალითად, შრიფტის ზომა სხვა არაფერია თუ არა შრიფტის ზომის ელემენტი. თუ გსურთ მისი გაზრდა, დაამატეთ რამდენიმე ერთეული უკვე არსებულ მნიშვნელობას. გთხოვთ გაითვალისწინოთ, რომ საჭიროა მხოლოდ ნომრის შეცვლა, px აბრევიატურა არ უნდა შეეხოს (პიქსელის აღნიშვნა).
ნაბიჯი 7
იმავე ბლოკში ყურადღება მიაქციეთ ყველა ელემენტს, მათ შორის შეიძლება იყოს padding, margion და ა.შ. თქვენთვის უცხო ელემენტების სახელების გასაგებად, რეკომენდებულია გამოიყენოთ სპეციალური ბრძანების მითითება - https://htmlbook.ru. მიჰყევით ამ ბმულს, ზედა მარჯვენა კუთხეში არის "საიტის ძებნა" ველი. შეიყვანეთ ბრძანება, რომელსაც ეძებთ და დააჭირეთ ღილაკს Enter.
ნაბიჯი 8
ძიების შედეგებში ნახავთ ამ ელემენტის ვარიაციებს. მაგალითად, თქვენ გაინტერესებთ რას ნიშნავს მარჟის ელემენტი. შეიყვანეთ ეს სიტყვა საძიებო ველში და დააჭირეთ Enter- ს. ძიების შედეგებიდან აირჩიეთ პირველი CSS ბმული - ზღვარი. ამ ბმულის შემდეგ, თქვენ შეძლებთ გაეცნოთ ამ ბრძანებას და გაეცნოთ ყველაფერს მისი გამოყენების შესახებ.
