Как редактировать шаблон wordpress

Комментариев нет

В этой статье мы с вами убедимся в том как легко и без лишних усилий сделать косметический ремонт сайта без больших знаний html или PHP кодов. И сейчас мы рассмотрим самый простой пример редактирования WordPress.
Скорее всего вам уже известно, что такое Firebug, а если кто не знает срочно посетите страницу фаербага и прочтите о нём побольше. Firebug это одно из самых мощнейших дополнений для Firefox браузера, специально разработанное для веб-разработчиков. Установка этого дополнения производиться в один клик, но для его работы нужен Firefox. Если же у вас нет этого браузера то желательно бы поставить т.к. возможности фаербага очень велики, но на данный момент нам просто нужен удобный просмотр HTML. Сейчас вы увидите как всё легко.
Всё вы увидите на довольно интересном и простом примере.
Сейчас мы отредактируем так называемые «Хлебные крошки»- они выделены на скрине красным.


Сейчас мы внесём в них небольшие изменения:
1. Увеличим шрифт
2. Передвинем чуть вправо и вниз
Вот так это можно сделать при помощи Feribug. Откроем в браузере страницу, которую вам необходимо отредактировать, и включаете фаербаг
(нажмите Инструменты–>Firebug–>Open фаербаг или кликните на картинку жука в браузере)
Снизу у вас появится окно фаербага, в левом окошке выбираем штмл в правом Style. В левой части передвигаясь по древу html кода найдите свой элемент, в нашем примером это будет блок с «хлебными крошками». После найдите элемент и кликните по нему и в другой части фаербага появятся все стили блога. Для того чтобы увеличить шрифт поменяем значение don’t-size на 15рх и видим как шрифт изменяется у нас на глазах. Там же клацаем правой кнопкой мыши и жмём «New Property» и добавим новый тег font-weight со значением bold, таким образом мы меняем шрифт на жирный. Если же вы что-то испортил то вы можете не волноваться фаербаг меняет страницу только для вас, остальные пользователи ничего не замет.


Теперь осталось объяснить вам смещение. Если это всё можно было сделать и без фаербага, то о существовании таких функций как margion и padding вы и понятия не имели. Теперь в правой части окна фаербага открываем ушко «Layout» появится «разметки». При наведении мышки фаербаг нам всё подсвечивает. Выставляете нужные параметры так как вам надо, в моём примере это padding-top: 12px; padding-left: 10px; и так называемые «Хлебные крошки» перемещаются на 10 пикселей вправо и на 12 вниз. Картинка кликабельна.


После изменения всех параметров фаербаг автоматом применит их в html коде(сам html файл он не исправит). Для того чтобы все изменения увидели другие пользователи нам нужно собрать все изменения, у нас в примере получилось
font-weight:bold; style=»font-size:15px; padding-left: 10px; padding-top: 12px; »
и внести их в необходимое нам место в коде HTML или добавить в файл style.
Вот так вот легко отредактировать шаблоны без хороших знаний вёрстки и опыта html.

Похожие шаблоны

Рубрики

Лучшие шаблоны для Wordpress

Подписка на новые шаблоны
Введите свой email:

Доставка от FeedBurner




Последние комментарии

Комментариев нет
 

Оставьте свой комментарий