Егер сізде Wordpress платформасында сайт болса, сіз өзіңіздің блогыңыздағы үлгіні мерзімсіз өзгертуге болатындығын білетін шығарсыз, өйткені мінсіздіктің шегі жоқ. Бұл платформа веб-мастер үшін тез үйренетін құралға айналды, әсіресе теріні әдеттегі бағдарламалар көмегімен өңдеуге болады.
Қажетті
- Бағдарламалық жасақтама:
- - Firefox интернет-шолғышы;
- - addon Firebug.
Нұсқаулық
1-қадам
Көптеген веб-шеберлер серфинг пен сайт құруға арналған тамаша браузер - Mozilla өнімі дейді. Firefox - көптеген қосымшалар мен қосымшаларды қолдайтын жалғыз бағдарлама. Үлгілерді кез-келген платформада өңдеу үшін сізге сайтта кез-келген шаблон параметрлерін көрсетуге және өңдеуге мүмкіндік беретін Firebug қондырмасы қажет.
2-қадам
Оны орнату үшін браузердің «Құралдар» жоғарғы мәзірін басып, «Қондырмалар» тармағын таңдап немесе Ctrl + Shift + A пернелер тіркесімін басу керек, ашылған терезеде жүктеуді күтпеңіз. Firefox-қа ұсынылған қосымшалар, курсорды «Қол жетімді қондырмалардың арасынан іздеу» мәтіні бар өріске қойып, Firebug-ті енгізу керек.
3-қадам
Іздеу нәтижелерінің тізімінде Firebug элементіне қарсы батырманы басыңыз. Осы қондырманы жүктегеннен кейін «Қазір қайта бастау» батырмасы белсенді болады. Өзгерістерді қолдану үшін оны басыңыз. Егер қандай да бір себептермен бұл қосымша іздеу нәтижелерінде көрінбесе, Mozilla ресми сайтына өтіп, Firebug-ді келесі сілтеме арқылы орнатыңыз
4-қадам
Осы қондырманы орнатқаннан кейін браузер терезесінің төменгі жағында қоңыз бейнесі бар кішкентай белгіше пайда болады, оны басыңыз - қондырма белсенді болады. Мысалы, сіз өзіңіздің сайтыңыздың басты бетіндегі сілтемелердің дисплейін өзгерткіңіз келеді, бұл элементтің кодын «қате» терезесінде табу керек, ол 2 бөлікке бөлінген, сіз кезекпен Html және Стильді таңдауыңыз керек. Енді терезенің бір бөлігінде html-код, екінші бөлігінде style.css файлдарынан код көрінеді.
5-қадам
HTML блогында блокты мезгіл-мезгіл шерте отырып, файлды шарлаңыз, «қатедегі» блоктардың бірін басқаннан кейін парақта сол блоктың таңдауы пайда болатынын көресіз. Осылайша, сіз білмейтін, өңделетін элементті табу өте оңай.
6-қадам
Қажетті код блогын тапқаннан кейін курсорды көрші терезеге жылжытыңыз (Стиль). Мұнда сіз берілген блоктың барлық бейнелеу параметрлерін көресіз, мысалы, қаріп өлшемі қаріп өлшемінің элементінен басқа ештеңе емес. Егер сіз оны арттырғыңыз келсе, бұрыннан бар мәнге бірнеше бірлік қосыңыз. Назар аударыңыз, сізге тек нөмірді өзгерту керек, px аббревиатурасына қол тигізбеу керек (пикселдік белгі).
7-қадам
Сол блокта барлық элементтерге назар аударыңыз, олардың арасында төсеніш, маргион және т.б. Сізге таныс емес элементтердің аттарын түсіну үшін https://htmlbook.ru - мамандандырылған онлайн командалық анықтамалықты пайдалану ұсынылады. Осы сілтеме бойынша өтіңіз, жоғарғы оң жақ бұрышта «Сайт іздеу» өрісі орналасқан. Іздеп отырған пәрменді енгізіп, Enter пернесін басыңыз.
8-қадам
Іздеу нәтижелерінде бұл элементтің вариацияларын көресіз. Мысалы, сіз маржа элементінің нені білдіретінін білгіңіз келеді. Бұл сөзді іздеу жолына енгізіп, Enter пернесін басыңыз. Іздеу нәтижелерінен бірінші CSS сілтемесін таңдаңыз - маржа. Осы сілтемені орындағаннан кейін сіз осы пәрменмен танысып, оның қолданылуы туралы толық ақпарат ала аласыз.
