Структура сайта — как выглядит сайт изнутри
Доброго времени суток дорогие читатели блога SeoVast. Мы с вами прошли такую тему, как плагины для WordPress, но все плагины, что мы установили на наш сайт имеют довольно простые настройки и легки в установке. Для дальнейшей работы нам необходимы новые знания — это из чего состоит тема (ее внутренняя оболочка), CSS-таблица каскадных стилей и основы языка HTML. На самом деле пугаться этих названий не стоит, хотя и представляются они непонятными кракозябами. По мере создания сайта возникает все больше вопросов и желание сделать свой сайт неповторимым.
Как редактировать шаблоны WordPress — структура сайта
Возможность редактировать файлы темы на WordPress, этим и отличается от бесплатных хостингов. К примеру если у вас браузер Google chrome, то можно нажатием клавиш «Ctrl» + «U» вызвать программный код.
Что мы здесь видим? Да, с первого взгляда ужасающая картина, но уверяю вас, что все не так страшно! В ходе работы с сайтом нам много раз придется столкнуться с языком HTML.
Редактор тем — файлы PHP
Для начала разберем из чего состоит тема WordPress. Переходим в ПУ (панель управления) сайта и в консоли выбираем пункт «Внешний вид» — «Редактор».
В правом углу находится список файлов с расширением PHP, при выборе одного из них в центральном окне отображается код ( с которым мы будем работать). Для наглядности, что бы понять какой файл за что отвечает ниже приведена таблица.
- За отображение шапки всех страниц на 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.
Так же читайте:
|
Также вы можете просмотреть Все записи блога