WordPress с нуля: полное руководство для новичков – установка, настройка, работа с сайтом

Создание сайтов на WordPress с нуля: инструкция 2022

• ▶

  Урок №1. Регистрация домена, оплата хостинга, установка WordPress

  ▶

  Урок №2. Установка и настройка темы в WordPress

  ▶

  Урок №3. Создание страниц и рубрик в WordPress

  ▶

  Урок №4. Работа с Elementor и другими плагинами

  ▶

  Урок №5. Установка систем аналитики в WordPress

  ▶

  Как создать блог на WordPress в 2022 году

  ▶

  Как создать интернет-магазин на WordPress в 2022 году

  ▶

  Как создать лендинг на WordPress в 2022 году

• Урок №1. Регистрация домена, оплата хостинга, установка WordPress

  Как выбрать доменное имя и хостинг для сайта. Установка WordPress в несколько кликов. Пошаговое руководство.

  Урок №2. Установка и настройка темы в WordPress
  Инструкция, как выбрать, установить и настроить тему (шаблон) для сайта в WordPress.
  Урок №3. Создание страниц и рубрик в WordPress

  Как правильно создавать рубрики, метки, записи и страницы в WordPress. Пошаговое руководство.

  Урок №4. Работа с Elementor и другими плагинами

  Что такое плагины и зачем они нужны. Как находить и устанавливать плагины. Инструкция, как с помощью плагина Elementor редактировать страницы сайта.

  Урок №5. Установка систем аналитики в WordPress

  Как установить Яндекс.Метрику, Google Analytics, Яндекс.Вебмастер, Google Search Console. Открываем сайт к индексации поисковыми системами.

  Как создать блог на WordPress в 2022 году

  Как создать свой блог на WordPress в 2022 году без опыта и навыков программирования.

  Как создать интернет-магазин на WordPress в 2022 году
  В этой статье мы расскажем, как быстро создать свой интернет-магазин на WordPress без опыта и навыков программирования в 2022 году.
  Как создать лендинг на WordPress в 2022 году

  В этой статье мы расскажем, как быстро сделать собственный лендинг (landing page) на ВордПресс в 2022 году.

WordPress (WP) — это специальная система управления контентом на сайте (CMS). С помощью ВордПресс можно легко создать собственный сайт без навыков программирования.

Мы подготовили цикл из 5 простых и понятных уроков для начинающих (как в формате статей, так и в формате видео) — с их помощью вы научитесь создавать собственные веб-ресурсы!

Урок №1. В нем мы расскажем, зачем нужен хостинг для сайта, как зарегистрировать домен и установить WordPress.

Урок №2. Начало работы с WordPress: вы научитесь работать с темами и придавать сайту уникальный внешний вид.

Урок №3. Вы создадите свои первые страницы и разделы, научитесь добавлять контент.

Урок №4. Мы расскажем, что такое плагины и как с ними работать.

Урок №5. Вы установите популярные системы аналитики: Яндекс.Метрику, Google Analytics, Яндекс.Вебмастер, Google Search Console.

Каждый урок вы можете прочитать на сайте ГлавХост или посмотреть на нашем YouTube-канале. Подписывайте на него, чтобы не пропустить новые интересные ролики!

Курс по созданию сайта на WordPress с нуля

Курс по созданию сайта на WordPress с нуля

Полный курс по созданию сайтов на CMS WordPress без знаний кода.

• Создадим три сайта разными способами
• Расскажу свои секреты с фриланса
• Что сегодня нужно знать о SEO?
• Всё про скорость и безопасность.

Начать обучение Программа курса

Разбор курса по созданию сайтов на WordPress для начинающих

В этом видео:

–&nbspРасскажу вкратце о WordPress – чем же он так хорош, что я работаю с ним на протяжении уже почти 15 лет. В чём преимущество вордпресса перед другими платформами?

– Покажу сайты и лендинг, которые мы с вами создадим в процессе курса.

Вы научитесь:

• С лёгкостью создавать сайты без программирования на WordPress

  В конце курса у вас будет 3 полноценных сайта – это сайт-портфолио, посадочная страница и корпоративный сайт. Каждый создадим без единой строчки кода. Знаний вёрстки тоже не нужно, ребят.

• Работать с конструкторами в WordPress, особенно — с Gutenberg и Elementor

  Курс построен таким образом, чтобы вы научились создавать сайты на WP разными способами — и без конструкторов вообще, и при помощи Gutenberg, и при помощи самого популярного — Elementor.

• Основам SEO, безопасности и скорости загрузки сайтов

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

• Приобретёте уверенность

  Моя задача — не только дать вам готовый контент и пошаговый план действий, но и подать его таким образом, чтобы вы поняли, насколько всё на самом деле легко и вдохновились на достижения.

План курса

01

Установка WordPress

Сам процесс установки WordPress занимает 5 минут, но однако тут есть множество подготовительных шагов и подводных камней.

• Вступление 04:19
• Хостинг Всё начинается именно с хостинга. Выбор хостинга — это, пожалуй, самый ответственный момент для будущего сайта. Выберем и зарегистрируем. Покажу, какой хостинг самый лучший и научу с ним работать. 11:34
• Домены Как выбрать TLD? Как сэкономить при покупке домена? Для чего нужен SSL-сертификат и как установить его бесплатно? 23:13
• FTP / SFTP 15:00
• Почта для домена Учимся создавать крутые почтовые ящики типо [email protected]. 06:56
• Установка WordPress Изучим 2 способа – быстрый и супер-быстрый. 23:27

02

Основы создания сайтов на WordPress

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

• Типы контента Почему некоторые до сих пор ошибочно считают, что WordPress — только для блогов? И почему эта информация устарела на 10 лет? Чем отлючаются записи и страницы? Насколько сложно создать например интернет-магазин? 06:47
• Темы Если вы хотите научиться выбирать и настраивать темы для WordPress, то в курсе об этом есть абсолютно всё. 21:13
• Плагины 12:41
• Как узнать, что сайт на WordPress, и какая там тема При помощи инструментов и без. 13:50
• Редакторы контента и конструкторы Какие использовать, а какие нет, и почему. 19:19

03

Создание сайта-портфолио

• Выбор и установка темы 13:09
• Импорт демо-данных Использовать демо-данные в этом модуле мы не будем, но работать с ними научимся! 10:48
• Настройки темы 16:49
• Меню 20:49
• Главная страница сайта 06:15
• Шаблоны страниц 06:49
• Наполнение контентом 30:07
• Виджеты 08:15
• Медиафайлы Как WordPress на самом деле работает с изображениями? Как легко сэкономить место на сервере? 21:13
• Форма обратной связи 09:21
• Перевод темы Иногда на русскоязычных сайтах вы можете встретить элементы с английскими словами, например Category или Author, что выглядит непрофессионально. .. Не допустим такого для нашего сайта! 08:43
• И ещё кое-что… Несколько небольших, но важных моментов, которые помогут вам при создании сайта на готовой теме. 14:17

04

Создание лендингов

• Основы. Как выбрать тему и конструктор для лендинга? 18:29
• Как работать с Elementor Elementor на сегодняшний день – это самый популярный конструктор сайтов на WordPress и скорее всего так будет ещё долго. Есть даже дизайн-агентства, создающие сайты на Elementor. Пришло время и нам научиться с ним работать. 35:20
• Создаём лендинг за практически 5 минут И такое возможно. 07:17

05

Создание сайта компании

• Знакомcтво с Gutenberg и его настройка Gutenberg — это редактор контента и конструктор, который является частью самого WordPress с недавнего времени. По сравнению с Elementor он ещё не такой функциональный, но я считаю, что за ним – будущее и мы обязательно должны уметь с ним работать. 23:52
• Настройка темы 13:55
• Работа с контентом. Паттерны Наполняем сайт, используя блочный редактор Gutenberg. 12:45

06

Поисковое продвижение сайта (SEO)

• Основы SEO сайта на WordPress В этом уроке постараюсь затронуть максимально все аспекты, касающиеся внутренней SEO-оптимизации сайта. Также рассмотрим плагины для WordPress, которые значительно упрощают работу с внутренним SEO. 1:00:45

07

Скорость загрузки сайта

Хорошая новость в том, что WordPress сам по себе очень быстрый. Те люди, которые утверждют обратное и в пример приводят свои медленные сайты, они просто ничего не знают, как Джон Сноу. Подробнее – в этом модуле.

• Почему одни сайты медленные, а другие быстрые? Основы оптимизации скорости загрузки сайта. Как оптимизировать сайт по Google PageSpeed Insights. Почему этот инструмент переоценён? 30:12
• Серверное кэширование Как спасти и заставить загружаться быстро даже самый безнадёжный сайт. 07:09

08

Безопасность сайта

Ещё одна хорошая новость в том, что WordPress безопасен сам по себе. Тот, кто утверждает по-другому, вероятно не понимает, что благодаря публичности WordPress и открытому коду, о его любой уязвимости сразу узнаёт весь мир и она сразу же исправляется. Тем не менее, пару основ безопасности я всё же вам расскажу.

• 4 вещи, которые резко уменьшат шансы взлома сайта Они настолько простые, что я мог бы перечислить их прямо тут, в описании к уроку, но всё же я опишу их подробнее и даже расскажу о статистике причин взломов. 16:46
• Резервное копирование – наше всё Что нужно сделать, чтобы создать резервную копию сайта на WordPress? Про автоматизацию резервного копирования, чтобы настроить его и забыть. И спать спокойно. 14:50

09

Фриланс

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

• Как я искал клиентов и работал с проектами 14:11

Отзывы о курсах Миши

Пару лет вёл курс по WordPress оффлайн, за то время накопилось несколько отзывов студентов. С тех пор правда больше отзывы не собирал, наверное зря.

Большое спасибо за проведённый курс, разбираться в WordPress начал намного лучше, чем до этого. WordPress очень мощная и интересная штука, знаний осталось много, осталось применить их на практике. .. — Владимир

Даже несмотря на то, что я уже сталкивалась с вордпрессом и знала некоторые основы, мне очень помогло, потому что позволило структурировать все знания, позволило восполнить пробелы… — Лена

Показать ещё отзывы

Ваш преподаватель

Миша Рудрастых

• В веб-разработке 16 лет, ещё в школе начал создавать сайты на HTML и PHP
• Опыт преподавания 6 лет, вёл курсы оффлайн и онлайн в Epic Skills, Loft School и Нетологии
• Спикер и организатор конференций по WordPress

«Открыл в себе любовь к преподаванию совершенно случайно. Сначала я создал этот блог, как заметки для самого себя, а потом обнаружил, что мне нравится именно объяснять все тонкости, рассказывать, что, как и почему нужно делать. А ещё люблю кофе, книги про Гарри Поттера и сноуборд».

Купить курс

• 35 видеоуроков (9 модулей)
• Подойдёт каждому, с любым уровнем знаний
• Избавит вас от любой головной боли, с которой сталкиваются люди, решившие создать сайт с нуля, и с которой, поверьте, я сталкивался когда-то сам
• Единоразовый платёж
• Доступ навсегда
• Уроки актуальны в 2023-м году

5999 р

Как сделать сайт WordPress с нуля?

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

Согласно последней статистике за 2019 год, WordPress обеспечивает 34% интернета (60%, если считать только сайтов, созданных на основе CMS ), и каждый месяц сайты WordPress посещают более 400 миллионов человек. Неудивительно, что это используется, это самый простой способ создать веб-сайт или блог. Кроме того, он также бесплатный и предлагает более 50 000 плагинов и может использоваться на нескольких языках.

Несмотря на то, что WordPress является самым простым решением, создание веб-сайта с нуля все еще является подвигом, поэтому сегодня мы представляем вам руководство о том, как это сделать . Итак, приступим.

Тема или собственный веб-сайт WordPress?

Темы веб-сайтов WordPress

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

Тема WordPress — это набор шаблонов и таблиц стилей, которые используются для определения веб-сайта WordPress. Они не являются частью исходного кода, поэтому их можно изменить по своему вкусу. Существуют бесплатные и платные темы WordPress, которые вы можете использовать для своего сайта. Какую тему вы выберете, зависит от вашего вкуса и типа бизнеса.

Веб-сайт цифрового маркетинга – Пример целевой страницы | Source

Минимализм всегда был в моде, поэтому выбор упрощенной темы был бы не только безопасным, но и разумным выбором. Сложные веб-сайты имеют привычку сбивать людей с толку и отталкивать их, поэтому я думаю, можно с уверенностью сказать, что мы все должны быть благодарны за то, что минимализм так популярен и что люди так его любят. Если вы хотите узнать больше о других тенденциях 2019 годаи 2020, мы написали подробный блог, который вы можете проверить.

Пользовательский веб-сайт WordPress

В отличие от покупки темы или загрузки бесплатной, когда дело доходит до пользовательского веб-сайта WordPress , вы начинаете с нуля . Если вам интересно, почему люди выбирают этот вариант, просто подумайте, сколько существует веб-сайтов с одной и той же темой. Если вы хотите, чтобы ваш бизнес выделялся, наличие уникального веб-сайта — один из шагов к достижению этой цели.

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

Что нужно сделать перед началом сделать сайт на заказ?

Есть четыре шага, которые вам нужно будет сделать, прежде чем вы начнете программировать, давайте посмотрим, что они из себя представляют:

Создание каркаса

Имеет смысл только то, что мы создайте черновик, прежде чем мы создадим реальную вещь.

В этом случае вам необходимо придумайте, как вы хотите, чтобы ваш сайт выглядел, прежде чем что-либо делать else, где появляется каркас.

Каркас веб-сайта — это схема, которая используется для размещения элементов.

Дизайн веб-сайта должен быть последовательным, а элементы, такие как изображения, текст и кнопки, должны быть размещены в нужных местах, если вы хотите, чтобы люди могли перемещаться по вашему веб-сайту. Кроме того, цель вайрфрейма — решить, как вы будете направлять внимание людей на то, что вы хотите, чтобы они увидели, например, на кнопку призыва к действию и фотографии вашего продукта.

Проще говоря, каркасы дают вам лучшее понимание функционала сайта.

Контент веб-сайта

Теперь, когда у вас есть каркас, пришло время придумать контент.

Контент веб-сайта — это все, что есть на веб-сайте, включая изображения, видео, весь текст и т. д. Обязательно точно опишите свои продукты и включите всю информацию, которая понадобится вашим будущим клиентам. Добавьте ссылки на свои учетные записи в социальных сетях, часы работы, местоположение (используйте Google Maps), номер телефона и адрес электронной почты, по которым люди могут связаться с вами.

Бизнес-сайт с нуля – почему бы и нет? | Источник: freepik.com

Выберите правильные шрифты и цвета, которые, по вашему мнению, лучше всего представляют ваш бизнес и бренд. Наймите профессионального фотографа, чтобы он сделал для вас снимки, которые вы затем с гордостью сможете разместить на своем веб-сайте. Если вам нужны иллюстрации, подумайте о том, чтобы нанять графического дизайнера, который сделает уникальные и запоминающиеся иллюстрации для вашего сайта.

Не забудьте оптимизировать весь ваш контент, чтобы ваш сайт мог загружаться быстрее (скорость сайта очень важна!).

Создание дизайна

Каркас? Проверять. Содержание? Проверять. Пришло время объединить их в окончательную форму: дизайн .

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

Однако, если вы много думали и просто не можете придумать дизайн, ничего страшного, потому что если в Интернете есть что-то, так это веб-сайты. Если вы потратите всего несколько часов на просмотр различных веб-сайтов и изучение тем WordPress, поверьте мне, вы получите большое вдохновение. И кто знает, может дизайн, который вы придумаете, будет красивее всех этих сайтов..

Дизайн сайта очень важен! | Источник: freepik.com

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

Теперь, когда у вас есть дизайн, пора воплотить его в жизнь. Существуют десятки веб-сайтов, которые вы можете использовать для создайте макет своего веб-сайта, например, Balsamiq, Adobe XD, Mockplus, Moqups и многое другое). Большинство из них бесплатны, а некоторые премиум-функции вам понадобятся. платить, в то время как другие предлагают вам 30-дневную пробную версию. Тем не менее, они все хорошенькие легко использовать.

Кодирование

Нам всем так повезло, что сейчас 2019 год и что их тысячи учебных пособий и руководств в Интернете, с помощью которых мы можем научиться делать почти ничего. К счастью, кодирование — одна из таких вещей.

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

Код WordPress

Все это может показаться сложным, но поверьте мне, на самом деле это не так. Есть десятки ютуберов, которые снимают видео о программировании, понятное каждому. Но если вы не хотите учиться у кого угодно в Интернете, есть также онлайн-уроки, за которые вы можете платить, где видеоуроки могут научить вас основам, а затем более сложным вещам. Кроме того, есть множество книг, которые вы можете купить, если предпочитаете читать, а не смотреть.

Тестирование веб-сайтов и оптимизация

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

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

GTmetrix поможет вам измерить скорость вашего сайта, что очень важно, как мы упоминали пару абзацев назад. Но почему? В 2018 году Google объявил, что скорость веб-сайта влияет на рейтинг, поэтому, даже если ваш веб-сайт потрясающий, Google может отображать один из веб-сайтов ваших конкурентов вместо вашего, если их веб-сайт быстрее. Этот веб-сайт также дает вам информацию о том, что можно использовать для оптимизации, чтобы вы могли улучшить свою общую скорость.

SEO на странице

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

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

Если на вашем веб-сайте есть блог, убедитесь, что все, что вы пишете, имеет ценность и не содержит ключевых слов. Не забудьте написать хорошие мета-описания и заголовки, потому что они в значительной степени способствуют кликам. Включите ключевые слова, где это необходимо!

Заключительное слово

Создание веб-сайта, несомненно, долгое и сложное путешествие, но если вы увлечены и полны решимости, это можно сделать. Как только вы научитесь это делать, вы, возможно, даже сможете превратить это в работу и стать фрилансером. Если становится трудно и кажется, что всякая надежда потеряна, потому что вы не можете понять, что не так с вашим кодом, не сдавайтесь! Ошибки обязательно случаются, поэтому не позволяйте им повлиять на вас.

Мы надеемся, что этот пост помог вам узнать что-то полезное и побудил вас попробовать и создать свой собственный веб-сайт на WordPress !

Как разработать тему WordPress с нуля

Если вы хотите, чтобы что-то было сделано правильно, возможно, вам придется сделать это самостоятельно. Несмотря на то, что доступно множество тем WordPress, найти ту, которая имеет именно тот вид и функциональность, которые вам нужны, может быть сложно. На самом деле, у вас может возникнуть соблазн создать собственную тему. Начало разработки темы может показаться непосильным, особенно для новичка.

Создание тем WordPress может быть очень простым, если вы знаете основы HTML, CSS и JavaScript. Однако, если вы новичок в WordPress, все, что вам нужно сделать, это выполнить шаги руководства для начинающих. К концу этого руководства вы узнаете, как создать тему WordPress, лучше поймете, как все сочетается друг с другом, и как использовать WordPress на досуге.

Содержание

показать

• Каковы требования для создания темы WordPress?
• Шаг 1: Создайте папку для файлов, которые вы будете добавлять
• Шаг 2: Создайте пользовательскую тему
• Шаг 3: Активируйте тему
• Шаг 4: Измените настройки в файле index.php
• Шаг 5: Разделение вашей страницы на разделы
• Шаг 6: Создайте файл functions. php

Каковы требования для создания темы WordPress?

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

Вам не нужно знать PHP или иметь какие-либо предварительные знания WordPress. Но для разработки темы WordPress требуется среда разработки с установленными Apache, PHP, MySQL и WordPress. Вы также должны понимать структуру темы. В своей простейшей форме тема WordPress представляет собой обычную HTML-страницу, состоящую из следующих файлов:

• header.php — содержит код раздела заголовка темы.
• index.php — содержит код для основной области и указывает, куда будут включены другие файлы. Это основной файл темы.
• sidebar.php — содержит информацию о сайдбаре.
• footer. php — обрабатывает раздел нижнего колонтитула.
• style.css — отвечает за стиль вашей темы.
• single.php — включает код для вывода статьи на свою страницу;
• page.php — включает код для отображения содержимого одной страницы;
• archive.php — отображает список элементов в архиве, а также категории, которые определил пользователь;
• functions.php — этот файл содержит функции, улучшающие функциональность темы, такие как логотипы, меню, цвет, эскизы, сценарии и таблицы стилей.
• 404.php — код ошибки, указывающий, что запрошенный файл не найден.

Теперь давайте перейдем к шагам по созданию темы WordPress.

Шаг 1: Создайте папку для файлов, которые вы будете добавлять

Помимо настройки WordPress, почти все, что вы делаете в WordPress, будет находиться в папке wp-content; все остальное — основной код, и вы не хотите связываться с этим. В любом случае, нам нужно знать, где находятся файлы, из которых состоит тема WordPress, в установке WordPress, если мы собираемся создавать темы. Установка WordPress обычно содержит каталог WordPress в качестве корневого каталога. Посмотрите, как выглядит корневой каталог.

Файлы:

• index.php
• license.txt
• readme.html
• wp-activate.php
• wp-blog-header.php
.php
• wp-config-sample.php
• wp-cron.php
• wp-links-opml.php
• wp-load.php
• wp-login.php
• wp-mail.php
• 0 wp-settings.php
• wp-signup.php
• wp-trackback.php
• xmlrpc.php

Папки

• wp-admin
• wp-content
• wp-includes

В Finder перейдите по пути wp-content > themes , чтобы попасть в папку с темами. Вы увидите темы WordPress по умолчанию — двадцать девятнадцать , двадцать двадцать , двадцать двадцать один — и index. php . Создайте новый каталог для вашей темы.

Шаг 2: Создайте пользовательскую тему

Для существования темы WordPress требуется только два файла — style.css и index.php . Поэтому вы должны дополнительно создать два необходимых файла index.php и style.css, когда закончите создание папки с вашей темой. Style.css просто содержит комментарий, который предупреждает WordPress о том, что здесь существует тема. Он требуется во всех темах, а содержит информационный заголовок для вашей темы. Измените имя, автора, описание и т.д. Давайте посмотрим, на что указывает каждый из них.

Имя темы — Всегда следует указывать имя темы. Если вы этого не сделаете, будет использоваться имя папки.

URI темы — он должен направлять пользователей на веб-сайт, где они могут узнать больше о теме.

Автор – Здесь вы указываете свое имя.

URI автора — здесь вы можете добавить ссылку на свой личный или корпоративный веб-сайт.

Описание — отображается как в модальном окне темы wp-admin, так и в списке тем WordPress.

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

Лицензия . Вы можете выбрать, как будет лицензироваться ваша тема, но если она не совместима с GPL, вы не сможете распространять ее на WordPress.

В style.css есть еще несколько полей, но ни одно из них не является технически важным. Тем не менее, они настоятельно рекомендуются, если вы хотите, чтобы ваша тема выглядела достойно в wp-admin. Ниже мы только что присвоили нашей теме в примере имя темы, автора, URI автора, описание, номер версии и до (последняя основная версия WordPress, до которой была протестирована тема).

Переход к index.php WP загружает сообщения, которые будут отображаться на экране, используя этот файл. Это основной файл шаблона и требуется во всех темах . Кроме того, если базовый файл WP отсутствует, wp будет использовать его. Ваша тема создана. Перейдите на панель инструментов WordPress и нажмите Внешний вид > Темы . Вы увидите тему в коллекции со всеми темами по умолчанию.

Шаг 3. Активируйте тему

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

Шаг 4: Измените настройки в файле index.php

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

Команда «иметь сообщения» указывает WP искать сообщения блога в базе данных. Страница будет обновляться, если появятся новые объявления. Если нет, будет показано сообщение для условия отрицательного ответа, которое мы установили в коде (false).

Существует функция с именем «публикация», которую необходимо добавить в цикл «есть записи», чтобы WP показывал этот файл всякий раз, когда условие «есть записи» истинно. WordPress ищет новые записи в этом цикле и показывает их на странице по мере необходимости.

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

Содержимое прикрепляется к заголовку файла, помещаемого на страницу с помощью функции «содержимое». Функция «постоянная ссылка» создает ссылку на каждый отдельный пост, позволяя пользователям просматривать информацию без необходимости прокручивать весь текст на главной странице. Вы можете использовать метод «отрывок» вместо метода «содержимое», чтобы добавить краткую сводку под заголовком файла с первыми 200 символами содержимого. В результате, когда пользователь нажимает на ссылку, он получает только весь текст.

Шаг 5: Разделение вашей страницы на разделы

В настоящее время все находится в index.php . Но, очевидно, мы хотим, чтобы заголовок, нижний колонтитул и боковая панель на всех страницах были одинаковыми. Итак, мы собираемся разделить index.php на две секции — header.php и footer.php .

Хорошо иметь wp head во всех ваших темах, так как это особая функция, которая упаковывает вывод в раздел head> файла header.php. Его следует вводить перед закрывающим тегом /head>, чтобы упростить добавление плагинов на сайт, поскольку этот хук может использоваться для интеграции стилей, скриптов или метакомпонентов в область head>. Принимая во внимание, что файл footer.