Как вставить код на сайт

В этой статье мы рассмотрим способы вставить код на сайт, на примере cms wordpress. Это пригодится при установке счетчика, например liveinternet, какого-либо скрипта или при настройке плагина.

Вставить код через админ-панель

Самый простой способ через консоль. Заходим в админку -> Внешний вид -> Редактор. Выбираем файл в зависимости от места куда нужно вставить код.

Рассмотрим основные файлы и за что они отвечают

файлы wordpress

  • header.php — шапка сайта, верхняя часть;
  • index.php — главная страница сайта;
  • content.php — одиночная статья;
  • page.php — одиночная страница;
  • sidebar.php — колонка сайта правая или левая, может быть не один;
  • footer.php — подвал или низ сайта, обычно там размещаются авторские права, имя автора, год, счетчики и прочее.

Вставка кода на сайт с помощью редактора

Рекомендую использовать текстовый редактор NotePad++. На мой взгляд самый лучший бесплатный редактор.

Далее открываем вашу тему и файл в который нужно вставить код:

редактор NotePad++

Вот так выглядит окно редактора NotePad++. Весь код подсвечивается, структурирован и очень приятно с ним работать. Понимает не только html разметку, php-код, файлы стилей css, но и многие другие.

На примере открыт файл подвала сайта footer.php. Выбираем место в которое нужно вставить код и вставляем.

Как выбрать нужное место читаем далее.

Как вставить html код в wordpress

Html код вставляется аналогично. Открываем файл (любым из способов описанных выше), в зависимости от того куда нужно вставить код (файлы wordpress темы описывались выше).

Чтобы точно определить где будет вставлен ваш код, советую, прежде, открыть файл, например в footer (подвал) и вставить туда какой-нибудь текст, например:

<strong><span style=»color: #ff0000;»>Мой код</span></strong>

Для примера, я вставлю его в футер:

вставить код в футер

Вот что отобразится на сайте:

отображение кода

Если вам подходит место где отобразится надпись Мой код, то удаляем ее код из файла. А на его место вставляем html-код, который вы хотели вставить.

Если что-то не понятно, спрашивайте в комментариях, все, по возможности объясню и помогу.

Оценить статью:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 оценок, среднее: 5,00 из 5)
Posted on

Добавить комментарий

Ваш e-mail не будет опубликован.