Видео 1. Создание структуры темы WordPress

Автор Denis Lisitsin
Видео 1. Создание структуры темы WordPress

Приветствую всех на нашем канале.

Спасибо, что смотрите нас в данной серии видео будет показано посадка готовый лендинг на WordPress верстка лендинга на bootstrap 3 была показана в соответствующем цикле видео которые можно посмотреть на нашем канале либо на нашем сайте сейчас быстро пробежимся по деньгам он достаточно простой несколько секций соответственно шапка и подвал придём WordPress для работы нам потребуется установить WordPress у меня он уже установлен на данный момент тут всё идёт по умолчанию всё как было при установке WordPress сайт сейчас выглядит следующим образом Toyota базовый тема 26. Наша задача соответственно создать свою тему и соответственно сделать внедрение ледника на WordPress сначала нам необходимо создать структуру папок. Давайте, тогда перейдём папку нашего сайта где сейчас установлен WordPress WordPress установлен на локальном сервере вот так выглядит папка тут соответственно файлы WordPress всё.

Как идёт по умолчанию перейдём в папку wp-content themes этот этот перечень тем чтобы я создать свою тему нужно создать соответствующую папку с названием этой темы зовём её корзину перейдём в папку и.

Для нормального функционирования темы потребуется создать несколько файлов по умолчанию достаточно создать только два файла чтобы было рабочий 1 index.php и 2 Style CSS как подставить папку новую создавать не будем сейчас мы создадим документ назовём index.php следующий документ в моей создадим соответственно Styles CSS расширение сейчас исправлю погода дальше создай следующий файлы. Фёдор PHP. Пейдж Майн PHP так footer.php наверное средний — это functions.php почему так и сейчас мы последовательно будем их заполнять не хватает ещё файлом со скриншотом темы сейчас мы перейдём в админ панели WordPress обновим так. Обновили переходе внешний вид вкладка темы вот наша. Тема тут появилась корзин. И тут она идёт без скриншоты без описания, а давайте сделаем скриншот вернёмся опять в папка нашей системы перейдём в папку допустим системы Twenty sixteen 10 файл должен быть. Вот скриншот. Фрэнка просто посмотрим в размером 1200 на 900. Можно перейти в Photoshop и создать там соответствующую изображение соответствующего размера так Photoshop создать 1200 на 900 свет фона будет цвет нашего основной цвет нашего сайта так вот цвет можно выбрать любой другой и теперь экспортируем — это экспортировать как так формат убираем экспортирует всё название файла screenshot PNG мы переходим и соответственно сохраняем — это в папке нашей темы. Арзан screenshot png сохранить так Photoshop закрываем нам больше не нужен в этом видео ответственности мы сейчас придём в консоль WordPress ты там как раз будет появится наш фон который мы сделали если обновить. Да появилось не нам теперь надо ещё описание добавить до этого мы перейдём в папку наши системы. Тарзан так откроем Styles CSS в нашем редакторе так открылся он конечно сейчас пустой поэтому мы опять воспользуемся заимствуем у. Темы Twenty sixteen тоже откроем файл Style CSS вот вот — это мы всё скопирую потом лишний удали вставляем в наш. Так — это всё можно а. Пусть он лицензии версию можно оставить описание сайт автора можно убрать автор форум the Name так и назовём корзин Good morning to you take them. Юрий удаляем дескрипшн description description можно тоже красиво написать так версия допустим 10 всё сохраняю переходим обновляем посмотреть она сейчас пустая потому, что нас все файлы пустые вот информация Tutti файлы все данные которые. Мы записали styles.css то есть название темы корзины версия 1.0 автор микрофон и описание тут тоже какой-то вставить. Давайте оставим закрой мандарин. Вот и описание такое так как активировать не будем. Потому, что мы сейчас в следующем видео точнее будем заполнять файлы которые мы создали то есть соответственно — это первую очередь functions.php, а потом уже непосредственно файла который отвечает за frontend. Спасибо, что посмотрели — это видео ждём вас в следующем если что-то непонятно оставляйте вопросы комментарии. До новых встреч.

0 комментариев
0

Читайте также