Перейти к содержимому

17 ноября, 2011

Структура сайта — как выглядит сайт изнутри

HTML-язык

Доброго времени суток дорогие читатели блога SeoVast. Мы с вами прошли такую тему, как плагины для WordPress, но все плагины, что мы установили на наш сайт имеют довольно простые настройки и легки в установке. Для дальнейшей работы нам необходимы новые знания — это из чего состоит тема (ее внутренняя оболочка), CSS-таблица каскадных стилей и основы языка HTML. На самом деле пугаться этих названий не стоит, хотя и представляются они непонятными кракозябами. По мере создания сайта возникает все больше вопросов и желание сделать свой сайт неповторимым.

Как редактировать шаблоны WordPress — структура сайта

Возможность редактировать файлы темы на WordPress, этим  и отличается от бесплатных хостингов. К примеру если у вас браузер Google chrome, то можно нажатием клавиш «Ctrl» + «U» вызвать программный код.

программный код

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

Редактор тем — файлы PHP

Для начала разберем из чего состоит тема WordPress. Переходим в ПУ (панель управления) сайта и в консоли выбираем пункт «Внешний вид» — «Редактор».

CSS-список стилей

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

Функции php на wordpress

  • За отображение шапки всех страниц на WordPress отвечает файл Header.php — он формирует заголовок страницы, отображает фавикон, задает мета-теги и кодировку сайта.
  • Index.php отображает главную страницу сайта.
  • Single.php отвечает за вывод одной статьи на WordPress.
  • Archive.php содержит данные временных архивов, архивов меток и категорий сайта.
  • Page.php включает данные о страницах сайта на WordPress.
  • Comments.php в папке темы WordPress содержит настройки для комментариев.
  • Sidebar.php выводит боковую колонку (обычно используется для виджетов)
  • Footer.php отображает содержимое подвала (нижней части страницы).

Stile.css — таблица каскадных стилей отвечает за шрифты, заливку, цвета и т.д. этому будет посвящен отдельный урок.

Теперь зная какой файл темы WordPress за какие функции отвечает можно легко редактировать и настраивать под свои нужды сайт. Но прежде чем править необходимо разобрать HTML-язык. Один из важных моментов для работы это удобство — скачиваем бесплатный текстовый редактор Notepad++ с подсветкой синтаксиса и переходим к следующему уроку основы HTML.

Так же читайте:



Также вы можете просмотреть Все записи блога

Узнайте больше из HTML-разметка



Узнавайте О Новых Статьях По Почте


Поделитесь своими мыслями. Оставить комментарий.

(required)
(required)

Внимание: HTML не допускается. Ваш адрес электронной почты никогда не будет опубликован.