FireBug - черновик для работы над сайтом

Здравствуйте уважаемые читатели блога Сам себе Seoшник. Сегодня тема моей новой статьи будет охватывать очень широкий спектр работы над сайтом, а именно работа с кодом. В одной из статей блога уже было описано как расширить границы шаблона, но сегодня я хочу полностью обобщить тему работы с кодом с помощью одной очень полезной утилиты для браузера Mozila FireFox.

Вообще эту статью я решила написать, когда в комментариях статьи блога ко мне с просьбой обратился веб мастер, который только осваивает CMS WordPress. Именно тогда я подумала, а зачем же мне отвечать одному человеку если можно написать полномасштабную статью, в которой более развернуто будет написано про все детали и нюансы, плюс эта статья попадет в поиск, а значит ее сможет увидеть не один человек, согласитесь что это намного лучше.

Как работать с программой FireBug?

Для того, чтобы начать работу с кодом вам надо установить программу FireBug. Поэтому заходим на официальный сайт программы (FireBug.ru) и нажимаем кнопочку установить, которая находится на главной странице этого сайта

Примечательно, что самым корректным образом эта утилита будет работать только в браузере Mozila Firefox.

Если вы установили это дополнение, то в верхнем правом углу браузера должен появиться значок в виде маленького жука.

Чтобы активировать FireBug нужно нажать на этого жука либо с помощью клавиши F12, после чего у вас должно выйти окно этой программы.

Если у вас все получилось и окно такого типа появилось после запуска программы, то я вас поздравляю.

Теперь давайте поговорим как же работать с FireBug и чем она может помочь при редактировании сайта.
Во-первых, FireBug позволяет легко отредактировать HTML элементы на вашем сайте даже если они находятся далеко. Возможность настраивания каких-то элементов, которые мешают сайту загружать страницы в привычном режиме. Также с помощью FireBug можно работать с CSS стилями, которые нужны для редактирования размеров шаблона либо цвета фона и так далее.

Возможности этой программы сильно впечатляют, если учитывать то, что она совершенно бесплатна.

Следующее о чем я хочу написать - это проблема нашего посетителя Станислава. Ваша проблема также решается с помощью FireBug.  Открываем программу на любой странице вашего сайта (то есть там где вас, что-то не устраивает)

Чтобы начать работу с FireBug достаточно нажать в верхнем меню программы значок синего курсора.
После чего наведите курсором вашего компьютера на ту часть сайта, которая вас беспокоит. В нашем случае это не нужные знаки в анонсе статьи.
Дальше программа выдаст нам код, в котором будет содержаться отмеченный нами анонс поста.

Теперь вам остается лишь убрать не нужные знаки в этом отрывке текста. Для этого кликаем на данный текст и убираем все, что нам не нравится. После повторного клика мышью настройки автоматически сохранятся в программе и будут показаны на вашем сайте. Но запомните - эти настройки видны лишь вам, для того, чтобы исправить или убрать ненужные знаки в коде надо зайти в корневую директорию и искать этот отрезок кода там. Чтобы это не заняло у вас все время FireBug позаботился о вас и уже полностью прописал весь путь к этому анонсу.

Вот в таком принципе работает программа FireBug.

Если у вас появятся вопросы по поводу программы либо вы не можете исправить, что-либо в коде, то обращайтесь в комментариях или пишите на почту.

Оформите подписку на обновление блога!

автор: Ловцова Елена