Эгер сизде Wordpress платформасында сайт бар болсо, анда сиздин блогдогу шаблонду белгисиз мөөнөткө чейин өзгөртүүгө болот деп билесиз, анткени кемчиликсиздикке чек жок. Бул платформа веб-мастер үчүн тез үйрөнүлгөн курал болуп калды, айрыкча терини кадимки программаларды колдонуп түзөтсө болот.
Зарыл
- Программалык камсыздоо:
- - Firefox интернет браузери;
- - addon Firebug.
Нускамалар
1 кадам
Көпчүлүк веб-мастерлер серфинг жана сайт куруу үчүн идеалдуу браузер Mozilla компаниясынын өнүмү деп айтышат. Firefox - бул көптөгөн тиркемелерди жана кошумчаларды колдогон жалгыз программа. Каалаган платформада шаблонду түзөтүү үчүн, сиз сайтта каалаган шаблон параметрлерин көрсөтүүгө жана түзөтүүгө мүмкүнчүлүк берген Firebug кошумчасы керек.
2-кадам
Аны орнотуу үчүн, сиз браузердин "Куралдар" үстүнкү менюсун басып, "Кошумчалар" пунктун тандап же Ctrl + Shift + A баскычтарын басуу керек, ачылган терезеде жүктөөнү күтпөңүз. Firefox үчүн сунушталган тиркемелерде, "Жеткиликтүү кошумча каражаттардын арасынан издөө" тексти менен курсорду коюп, Firebug менен тааныштыруу керек.
3-кадам
Издөө натыйжаларынын тизмесинде Firebug пунктунун каршысындагы баскычты чыкылдатыңыз. Бул кошумча каражатты жүктөп алгандан кийин, Азыр кайра баштоо баскычы активдүү болот. Өзгөртүүлөрдү колдонуу үчүн аны чыкылдатыңыз. Эгерде кандайдыр бир себептерден улам бул колдонмо издөө натыйжаларында көрүнбөсө, анда Mozilla расмий сайтына кирип, Firebugду төмөнкү шилтемеден орнотуп алыңыз
4-кадам
Бул кошумчаны орноткондон кийин, браузердин терезесинин ылдый жагында коңуздун сүрөтү түшүрүлгөн кичинекей сүрөтчө пайда болот, аны чыкылдатыңыз - кошумча иштей баштайт. Мисалы, сиз өзүңүздүн сайтыңыздын башкы бетиндеги шилтемелердин көрсөтмөсүн өзгөртүп, "bug" терезесинен бул элементтин кодун таап, 2 бөлүккө бөлгүңүз келсе, кезек-кезеги менен HTML жана Стилди тандап алышыңыз керек. Эми терезенин бир бөлүгүндө html-коду көрсөтүлөт, дагы бир бөлүгүндө style.css файлдарынын коду көрүнөт.
5-кадам
HTML блогунда файлды аралап, блокторду мезгил-мезгили менен чыкылдатып, "катадагы" блоктордун бирин чыкылдаткандан кийин, ошол эле блоктун тандоосу баракчада пайда болорун көрө аласыз. Ошентип, сиз кодду билбеген, оңдолуучу элементти табуу оңой.
6-кадам
Коддун керектүү блогун тапкандан кийин, курсорду жанындагы терезеге (Стиль) жылдырыңыз. Бул жерде сиз көрсөтүлгөн блоктун бардык көрсөтүлө турган параметрлерин көрө аласыз, мисалы, шрифттин көлөмү шрифттин өлчөмү элементинен башка нерсе эмес. Эгер сиз аны көбөйткүңүз келсе, буга чейин болгон мааниге бир нече бирдик кошуңуз. Сураныч, номурду гана өзгөртүү керек, px аббревиатурасына тийбеш керек (пикселдик белгилөө).
7-кадам
Ошол эле блокто, бардык элементтерге көңүл буруңуз, алардын арасында толтуруу, маргион ж.б. болушу мүмкүн. Сизге тааныш эмес элементтердин аттарын түшүнүү үчүн адистештирилген онлайн буйрук маалымдамасын колдонуу сунушталат - https://htmlbook.ru. Ушул шилтеме менен өтүңүз, жогорку оң бурчунда "Сайт Издөө" талаасы бар. Издеп жаткан командаңызды киргизип, Enter баскычын басыңыз.
8-кадам
Издөө натыйжаларында бул элементтин вариацияларын көрө аласыз. Мисалы, маржа элементи эмнени билдирет деп ойлонуп жатасыз. Издөө талаасына ушул сөздү киргизип, Enter баскычын басыңыз. Издөө натыйжаларынын арасынан биринчи CSS шилтемесин тандаңыз - маржа. Бул шилтемеден өткөндөн кийин, сиз бул буйрук менен таанышып, анын колдонулушу жөнүндө толук маалымат ала аласыз.
