Основы WordPress тем для начинающих

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

Введение в анатомию WordPress тем для начинающих

Продвинутые WordPress пользователи достаточно хорошо знакомы с понятием «Темы» ( шаблоны ). Темы позволяют настраивать сайт, а также менять функции и настройки. В интернете можно найти сотни тысяч тем, платных и бесплатных, но независимо от этого, все они предоставляют хорошие возможности для создания сайта.

Все темы WordPress состоят из нескольких основных элементов. Это:

HTML: краеугольный камень всех веб-сайтов. HTML означает HyperText Markup Language и использует элементы, заключенные в теги ( как это), чтобы в большинстве случаев помочь браузеру определить, как должна выглядеть страница.

PHP: язык скриптов (Hypertext Preprocessor) , который предназначен, чтобы создавать динамические веб-страницы непосредственно на.сервере. PHP-скрипты генерируют HTML, который посылается клиенту. Как правило, PHP заключен внутри HTML файла.

PHP

CSS: Cascading Style Sheets или Каскадируемые таблицы стилей – это быстрый способ изменить внешний вид и формат всего веб-сайта путем изменения всего лишь одного файла: style.css И пока каждый из файлов внутри сайта будет обращаться к файлу CSS, эти страницы будут принимать элементы стиля, указанные там, начиная от шрифтов, цветовой гаммы до таблиц и т.п.

Картинки или имиджи: Обычно это JPEG или PNG файлы. Изображения пробуждают WordPress сайт – вообщем-то любой сайт – к жизни.

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

КОСТИ И МЫШЦЫ

Я называю структуру сайта «кости и мышцы». Как правило, вы распределяете части, которые вы идентифицируете как «кости» , от частей, определяемых как «мышцы» , в две отдельные категории. Но когда вы имеет дело со структурой шаблонов WordPress , то тут кости и мышцы крепко связаны между собой в одно целое.

Поэтому, поскольку основной контур сайта включает в себя главную страницу, записи, комментарии и боковую панель, то будет разумно поговорить о том, как эти части функционируют между собой.

Главная страница или Home Page

Как уже было выше сказано, WordPress работает , в основном, на PHP. В связи с этим, главная страница состоит из двух файлов

index.php
home.php

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

Чтобы было более понятно , файл index.php вызывает следующие файлы:

header.php
sidebar.php
footer.php

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

header.php файл (заголовок) отображает контент, который вы хотите видеть наверху главной страницы. Как правило , он включает имя сайта и верхнюю панель навигации

sidebar.php файл отображает боковую часть шаблона, где большинство из нас располагает иконки социальных сетей, категории сайта, свежие записи, комментарии и так далее

И наконец, footer.php файл (подвал) , который отображает подвальную часть сайта.

В свою очередь index.php файлы говорят заголовку, боковой панели и подвалу в каком месте сайта они должны появляться, и каждый из этой последовательности файлов говорит браузеру, какой контент он должен отображать в этих зонах.

Записи и страницы

На большинстве тем WordPress, атрибуты для отдельных записей находятся в single.php файле. Когда вы нажимаете на кнопку «Читать далее», то по этой ссылке-тизеру записи на главной странице блога вы переходите на саму запись. Вы можете иметь множество записей на своем сайте, но при этом они будут выглядеть и функционировать в соответствии с single.php файлом. Это и есть основа шаблона.

То же самое относится и к индивидуальным страницам. Это все статичные элементы вашего контента, такие как «Обо мне», «Контакт» и т.п. , и в этом случае все атрибуты страницы будут переносится при помощи файла page.php

Кожа

Теперь, когда вы имеете представление, как работают WordPress темы, давайте поговорим об их внешнем виде или форме.

И здесь мы будем говорить о CSS. Я называю это «кожа», потому что этот компонент определяет, как будет выглядеть ваша WordPress тема. В то время как «кости и мышцы», описанные выше, являются основными компонентами, которые говорят веб-браузеру, что и где загружать, CSS контролируют макет и элементы дизайна через эти структурные элементы.

Проще говоря, в то время как PHP файлы контролируют, где должен появиться заголовок, СSS указывает на то, шрифт какого размера и вида должен располагаться в том месте, где должны быть изображения, или если здесь должны быть таблицы, то какой величины каждая ячейка должна быть. Я надеюсь, вы получили представление.

CSS это макияж или татуаж (на ваш выбор icon smile Введение в анатомию WordPress тем для начинающих ) вашей WordPress темы. Без этого, сайт будет выглядеть голым и очень простым. Весь контент будет отображаться на своих местах, но это будет довольно серо и уныло. Вам наверное встречалось такое, когда сайт ломается, то фон становится белым, шрифт — Times New Roman, голубые ссылки, собравшиеся в кучу с левой стороны.

CSS-layout

Да-а. Вот так будет выглядеть ваша WordPress тема без CSS. Не очень привлекательно…

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

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