Как редактировать шаблон в wordpress: Как редактировать шаблон WordPress? | Вопросы и ответы. Все о дизайне и создании сайтов

Выбор шаблона страницы

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

Экран редактирования страницы: Вы можете назначить настраиваемый шаблон для любой отдельной страницы, используя раскрывающийся список Шаблон на экране редактирования страницы (часть модуля атрибутов страницы).Вы можете найти настройки на панели инструментов WordPress > Pages . Вы можете создать новую страницу или отредактировать существующую.

1. Выберите шаблон из списка (например, Моя пользовательская страница ).
2. Нажмите кнопку Обновить (или Сохранить черновик , если он еще не опубликован).

Экран «Все страницы»: Параметры быстрого и массового редактирования на экране «Все страницы» также имеют раскрывающиеся списки шаблонов.

Список шаблонов будет отображаться, только если:

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

Вы также можете импортировать готовые шаблоны , которые вам нужно только немного настроить, и они готовы к работе.

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

Как настроить тему WordPress (5 пошаговых способов)

Если вы установили тему WordPress, но она вам не подходит, вы можете расстроиться. Вам доступно множество вариантов настройки тем WordPress.

Задача состоит в том, чтобы найти правильный способ сделать это.

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

Параметры настройки темы

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

Вот обзор доступных вам опций:

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

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

Вам действительно нужно настроить свою тему?

Иногда вам совсем не нужно настраивать тему: вместо этого вам нужно установить плагин.

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

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

Если вы захотите отредактировать файл functions.php в своей теме, спросите себя:

Хотел бы я сохранить эту функциональность, если бы в будущем сменил тему?

Если да, этот код должен быть включен в плагин, а не в вашу тему.

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

Настройка темы WordPress с помощью экранов администратора WordPress

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

Настройка вашей темы с помощью настройщика

Самый простой способ настроить тему WordPress — использовать настройщик WordPress.

Вы можете получить доступ одним из двух способов:

• При просмотре своего сайта (когда вы вошли в систему) щелкните ссылку Настроить на панели администратора в верхней части экрана.
• На экранах администратора нажмите Внешний вид> Настроить .

Это приведет вас к настройщику.

Настройщик WordPress

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

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

Редактор тем (и почему его не использовать)

На экранах администратора вы можете заметить опцию под названием «Редактор тем», к которой можно перейти через Внешний вид> Редактор тем .

Редактор тем WordPress

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

Не надо.

Даже если вы умеете писать CSS или PHP, редактировать файлы в вашей теме подобным образом — очень плохая идея по двум причинам:

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

Если вы хотите отредактировать код в своей теме, вы должны сделать это с помощью редактора кода (ознакомьтесь с лучшими бесплатными редакторами HTML), и вам не следует редактировать файлы на своем действующем сайте, пока вы его не протестируете. на промежуточной площадке. Если вам нужно отредактировать стороннюю тему, вы должны сделать это через дочернюю тему. Подробнее об обоих позже в этом посте.

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

Предупреждение не использовать редактор тем WordPress

Примите совет WordPress: не используйте редактор тем!

Использование конструкторов страниц и фреймворков для настройки вашей темы WordPress

Большая часть тем WordPress имеет параметры настройки, что означает, что вы можете вносить изменения в дизайн и макет с помощью Настройщика.

Но некоторые темы идут дальше и предназначены для расширения и значительной настройки. Эти темы называются рамками тем.

Другой вариант — использовать плагин, который позволяет создавать свой сайт с помощью удобного интерфейса: они называются построителями страниц.

Использование конструктора страниц для настройки вашей темы

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

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

Один из самых известных конструкторов страниц — Elementor, но вы можете узнать о некоторых альтернативах в нашем обзоре конструкторов страниц.

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

Ниже я использую конструктор страниц Elementor с совместимой с ним темой Hello Elementor.

Интерфейс Elementor

Конструкторы страниц дают вам большую гибкость при выборе макета и дизайна ваших страниц.Если вы привыкли к конструктору веб-сайтов, например Wix, они могут облегчить переход на WordPress. А если вы предпочитаете интерфейс WYSIWYG для вашего контента WordPress, они могут помочь вам быстро создать свои страницы.

Использование структуры темы для настройки вашей темы

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

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

Тема Divi

Рекомендуемая литература: Divi vs Elementor: сравнение плагинов WordPress Page Builder

Редактирование кода вашей темы WordPress

Если вам удобно редактировать CSS и / или PHP, вы можете отредактировать код в своей теме, чтобы настроить свою тему.

Это дает вам максимальную степень контроля.

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

Редактирование файлов темы

Первый шаг к редактированию вашей темы WordPress — это понять, какие файлы темы что контролируют, а какие вам нужно будет отредактировать.

Таблица стилей

Каждая тема WordPress имеет таблицу стилей с именем style.css. Он содержит весь код для стилизации вашего сайта: макет, шрифты, цвета и многое другое.

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

Подпишитесь на информационный бюллетень

Мы увеличили наш трафик на 1187% с помощью WordPress.

Присоединяйтесь к более чем 20 000 других людей, которые получают нашу еженедельную рассылку с инсайдерскими советами по WordPress!

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

Чтобы узнать, какой CSS влияет на какие элементы на странице, вы можете использовать инспектор в своем браузере для просмотра CSS (Chrome DevTools в этом примере):

Проверка кода на сайте WordPress с помощью Chrome DevTools

Затем вы можете использовать это для написания нового CSS, нацеленного на отдельные элементы или диапазон элементов или классов на странице.

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

Файл функций

Еще один файл, который присутствует практически в каждой теме, — это файл функций (functions.php). Это файл, который заставляет кучу вещей работать в вашей теме. Внутри него вы можете найти код для регистрации функций темы, таких как избранные изображения, виджеты и многое другое.

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

Хотел бы я сохранить эту функциональность, если бы в будущем сменил тему?

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

Файл функций написан на PHP, так что вам необходимо с ним ознакомиться.Не копируйте слепо код, найденный в поиске Google: найдите время, чтобы выяснить, что этот код делает, и понять его. Таким образом, вы с меньшей вероятностью добавите код, который не так хорош, как должен быть.

Файлы шаблонов тем

Большинство файлов в теме — это файлы шаблонов темы. Это файлы, которые определяют, какой контент WordPress выводит на данной странице, и выбираются в соответствии с иерархией шаблонов.

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

Например, предположим, что в вашей теме есть файл archive.php, который используется для вывода страниц архива для категорий и тегов. Вы хотите изменить способ вывода тегов. Итак, вы создаете файл с именем «tag.php», который будет основан на archive.php с вашими настройками.

Опять же, будьте осторожны при редактировании файлов: они могут сломать ваш сайт. Всегда сначала проверяйте локальную установку с помощью такого инструмента, как DevKinsta и / или промежуточного сайта.

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

Настройка сторонней темы с помощью дочерней темы

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

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

Создание дочерней темы состоит из четырех шагов:

1. Создайте новую папку в wp-content / themes .
2. В этой папке создайте таблицу стилей. В этой таблице стилей сообщите WordPress, что это дочерняя тема вашей существующей темы.
3. Добавьте копии файлов, которые вы хотите редактировать, в дочернюю тему и отредактируйте их там.
4. Активируйте дочернюю тему на своем сайте.

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

Лучшие практики для настройки тем WordPress

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

Если возможно, настройте, не редактируя код

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

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

Используйте местный сайт разработки для внесения изменений

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

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

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

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

Использовать контроль версий

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

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

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

Контроль версий еще более полезен, если вы работаете в команде, так как вы сможете видеть, что делают другие участники. Обязательно прочтите наше руководство по git vs Github.

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

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

установка myKinsta

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

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

Сделайте вашу тему адаптивной

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

В связи с тем, что все больше и больше людей получают доступ к Интернету через мобильные телефоны и индекс «Сначала мобильные» от Google, вероятно, сейчас важнее, чтобы ваша тема работала на мобильных устройствах, чем на компьютерах.Таким образом, любые изменения, которые вы вносите в свою тему, должны быть адаптированы для мобильных устройств или, если необходимо, в первую очередь для мобильных устройств.

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

Если ваша тема не адаптируется, это отрицательно скажется на вашем рейтинге в поисковых системах и коэффициентах конверсии.

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

Адаптивные инструменты в настройщике WordPress

Убедитесь, что ваши настройки не влияют на доступность

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

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

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

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

Придерживайтесь стандартов кодирования WordPress

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

Эти стандарты существуют для обеспечения единообразия и качества кода и предотвращения беспорядка в коде. Существуют стандарты для PHP, CSS и JavaScript, поэтому найдите время, чтобы проверить те, которые имеют отношение к вам, и убедитесь, что вы им следуете.

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

Сводка

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

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

Подберите подходящий вариант и безопасно внесите изменения, не нарушая работу вашего сайта.

Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress. Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress.Наша инфраструктура на базе Google Cloud ориентирована на автоматическое масштабирование, производительность и безопасность. Позвольте нам показать вам разницу в Kinsta! Ознакомьтесь с нашими тарифами

Как просматривать и редактировать файлы тем WordPress

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

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

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

Поиск файлов тем или шаблонов WordPress

Самое сложное при редактировании тем состоит в том, что разработчики не всегда создают их одинаково.Иногда создатель назовет файл иначе, чем то, что использовал бы другой. В этом уроке я демонстрирую плагин под названием «What The File».

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

В WordPress перейдите в раздел «Плагины» и установите «What The File».

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

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

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

• front-page.php
• content.php
• navigation.php

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

Но какую тему вы сейчас используете, ? К сожалению, этот инструмент не сообщает вам об этом. Чтобы узнать, какая тема используется на вашем сайте, перейдите в область «Внешний вид» WordPress и обратите внимание на отображаемую тему «Активная».

Редактирование файлов темы

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

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

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

Использование файлового менеджера cPanel

Самый простой способ получить доступ к файлам WordPress — через файловый менеджер cPanel.Это инструмент редактирования, который встроен непосредственно в вашу хостинговую платформу и имеет множество функций. Фактически, вы можете сделать полную резервную копию zip-файла вашего сайта в файловом менеджере.

Чтобы открыть этот инструмент, щелкните ссылку «Диспетчер файлов» в cPanel.

Откроется окно, содержащее все каталоги и файлы вашей учетной записи хостинга. Щелкните папку с надписью «public_html». Здесь находится ваш сайт.

Теперь большая часть правок, которые вы, вероятно, сделаете, будет относиться к конкретной теме, которую вы используете.Дважды щелкните каталог «wp-content».

Щелкните в каталоге с надписью «themes».

Щелкните в каталоге тем шаблона, который вы используете. Это тема, которую вы нашли ранее в разделе «Внешний вид WordPress».

Чтобы открыть редактор файлового менеджера, выберите файл, который хотите отредактировать, и нажмите «Редактировать».

Появится новое окно, в котором вы сможете выбрать метод редактирования, который вы хотите использовать. В большинстве случаев вы просто собираетесь использовать кодировщик utf-8, встроенный непосредственно в cPanel.На этом экране нажмите кнопку «Редактировать», чтобы получить доступ к файлу.

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

Ваши модификации сразу же появятся на сайте.

Использование редактора WordPress

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

По умолчанию редактор предоставляет вам доступ только к файлам, относящимся к шаблону. Что хорошо, если это все, что вам нужно. Если вам нужно изменить другие файлы вне темы, вам придется использовать либо упомянутый ранее файловый менеджер, либо приложения FTP.Я объясню FTP через мгновение.

Чтобы получить доступ к редактору WordPress, перейдите в область «Внешний вид» и нажмите «Редактор».

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

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

Внесите необходимые корректировки кодирования на главном экране редактирования.

После внесения изменений нажмите кнопку «Обновить файл» внизу. Ваши изменения будут отражены на веб-сайте.

Использование программ FTP

Протокол передачи файлов или FTP — полезный инструмент, если вы хотите редактировать файлы или создавать резервные копии. Это программы, которые предоставляют вам прямой доступ к файлам вашего хостинга. Хотя у большинства из них нет собственного программного обеспечения для редактирования, программы FTP по-прежнему предлагают способ глубже изучить работу сайта.

FileZilla — одна из самых популярных программ FTP, которую вы можете использовать бесплатно. Это приложение поддерживает операционные системы Windows, Mac и Linux, его можно быстро и легко загрузить и установить. Даже если вы решите не использовать его для редактирования файлов, FileZilla очень полезен, если вы хотите загружать изображения массово или создавать полную резервную копию своего сайта на компьютер.

Для настройки FTP вам необходимо создать учетные записи для подключения и пароли для доступа к серверу. Нажмите «Учетные записи FTP» в cPanel, чтобы создать подключения к веб-сайту.

Настройка является частью WordPress

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

Как часто вы активируете новые темы? Какие функции вы хотели бы видеть в теме вместо настройки кода?

Автор: Каумил Патель

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

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

Вы выбрали план веб-хостинга и доменное имя для своего веб-сайта WordPress. И (вероятно) одним щелчком мыши вы установили WordPress на свой сервер.

Это самая простая часть.

Теперь пришло время начать создание и настройку вашего веб-сайта WordPress .

В этом руководстве по настройке WordPress мы покажем вам, как взять стандартную установку WordPress и настроить ее.Вы узнаете, как:

Пошаговое руководство по настройке WordPress

К концу этого 10-шагового руководства у вас будет базовый, но полностью настроенный веб-сайт WordPress, настроенный и готовый к работе.

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

Шаг 1. Настройте параметры WordPress

Есть несколько разных мест, где вы найдете настройки WordPress.

Первый набор поможет вам настроить внешний вид самого WordPress.Второй поможет вам настроить внешний вид вашего сайта.

Настройка параметров экрана

В самый первый раз, когда вы войдете в WordPress, вы увидите следующее:

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

Итак, первый набор настроек, которые нужно настроить, — это Параметры экрана, которые вы найдете здесь:

Нажмите «Параметры экрана», чтобы открыть настройки:

Отмеченные поля — это те, которые отображаются как виджеты на вашей панели инструментов.

Activity предоставляет вам быстрый снимок нового контента, опубликованного на вашем сайте.

Краткий обзор показывает, сколько страниц и сообщений вы опубликовали, а также количество полученных вами комментариев.

Quick Draft — это способ записать мысли или заметки для нового сообщения в блоге, но дальше этого вы не продвинетесь.

Добро пожаловать! — это не что иное, как упрощенный контрольный список для начинающих пользователей.

События и новости WordPress бесполезны, если вы не разработчик, работающий в сфере WordPress.

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

После того, как вы выбрали, какие ящики хотите оставить, не стесняйтесь перетаскивать их. Вы можете складывать их вертикально (как на скриншоте выше) или использовать оба столбца:

Вид панели мониторинга — это ваша возможность настроить.

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

Настройка параметров WordPress

Чтобы настроить параметры своего веб-сайта WordPress, найдите меню «Настройки» на боковой панели:

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

Начать с общими настройками:

Обратите внимание на следующее:

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

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

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

Перейти к настройкам чтения:

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

А пока остановимся на двух последних настройках.

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

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

Если вы планируете вести блог, ваша следующая остановка — Настройки обсуждения:

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

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

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

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

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

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

Затем перейдите к настройкам постоянных ссылок.

Постоянная ссылка — это структура адресов вашей веб-страницы. WordPress предоставляет вам несколько вариантов на выбор:

По умолчанию «Название сообщения» — это способ структурирования ваших ссылок, и это хороший выбор. Он сохраняет ваши URL-адреса просто структурированными и легко заставляет посетителей вспоминать их.

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

Настройки конфиденциальности были недавно добавлены в настройки WordPress:

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

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

Шаг 2. Добавление новых пользователей

Теперь, когда настройки WordPress не заданы, обратите внимание на меню «Пользователи».

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

Добавить пользователя

Чтобы добавить нового пользователя, нажмите «Добавить нового пользователя» и введите следующие данные:

Единственные обязательные поля — это их имя пользователя (убедитесь, что оно никогда не было «admin») и адрес электронной почты.

Обязательно настройте их роль пользователя, прежде чем добавлять их в систему:

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

Редактировать профиль пользователя

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

Это то, что вы увидите при редактировании собственного профиля:

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

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

И последнее, что следует отметить, это раздел управления счетом:

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

Что хорошо в этом, так это то, что WordPress помогает вам создавать более надежные пароли (и побуждает других ваших пользователей делать то же самое):

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

Шаг 3. Настройте свою тему

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

Существуют десятки тысяч на выбор, поэтому позвольте этому руководству из 25+ лучших тем WordPress помочь вам сузить круг ваших интересов.

После того, как вы выбрали тему, перейдите в меню «Внешний вид»> «Темы».

По умолчанию WordPress автоматически устанавливает собственные темы в вашу систему. Чтобы установить другую тему, вам необходимо сначала установить ее.

Установить бесплатную тему

Если у вас есть бесплатная тема из репозитория WordPress, например OceanWP, нажмите кнопку «Добавить» и найдите имя своей темы:

Наведите курсор на карточку темы и нажмите «Установить». Синяя кнопка «Установить» изменится на синюю кнопку «Активировать». Щелкните здесь, когда увидите это.

Это заменит стандартную тему WordPress на вашу собственную.

Установить премиум-тему

Если у вас премиум-тема, вам сначала нужно скачать файлы темы.Если вы получили их от стороннего поставщика или на торговой площадке тем, например ThemeForest, вы найдете их в своем аккаунте:

Загрузите файлы и вернитесь в WordPress.

Нажмите «Добавить», чтобы добавить тему. Затем нажмите «Загрузить тему» ​​вверху экрана:

Появится загрузчик файлов, в который вы можете поместить свои файлы WordPress:

Программа загрузки автоматически установит и активирует тему за вас.

Настройте свою тему

Теперь, когда ваша тема установлена, пора настроить ее. В меню «Внешний вид» нажмите «Настроить». Это запустит настройщик WordPress:

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

Давайте рассмотрим основные модули настройки, которые вы сможете использовать здесь:

Идентификатор сайта

Если вы уже обновили заголовок сайта (или слоган) в общих настройках, нет необходимости делать это снова.Помните: они появятся на сайте только в том случае, если вы не добавите логотип.

Снимая этот флажок, вы освобождаете место для логотипа (который мы скоро добавим).

Теперь значок сайта не является вашим логотипом. Это узнаваемый символ — обычно небольшой кусок логотипа — который появляется на вкладке браузера.

Например, здесь вы можете увидеть значки сайтов для websitesetup.org, WordPress.org и Google:

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

Логотип

Вы найдете это в разделе «Заголовок»:

Чтобы добавить свой логотип, нажмите «Выбрать логотип» и загрузите его со своего устройства.

Убедитесь, что у логотипа прозрачный фон (это означает, что это должен быть PNG или WebP). Таким образом, не имеет значения, на каком цвете фона оно отображается.

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

Цвета

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

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

Глобальный

Вы можете найти другие глобальные параметры, которые хотите изменить:

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

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

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

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

Настройте свою премиум-тему

Для всех тем — платных или бесплатных — вы будете использовать настройщик WordPress для начала. Однако, если у вас есть бесплатная или премиум-тема, вам нужно будет настроить дополнительные параметры.

Посмотрите на боковую панель WordPress и посмотрите, есть ли новый пункт меню для вашей темы.Если есть, вы найдете там свои настройки.

Например, это основная панель для темы Uncode:

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

В бесплатной теме Astra в разделе Внешний вид появляется новая вкладка меню:

Бесплатные настройки просто вернут вас к настройщику WordPress.Однако, если вы перейдете на версию Pro, вы откроете еще больше возможностей для настройки, как видно из этого списка.

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

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

Шаг 4. Настройка основных подключаемых модулей

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

Найдите самое необходимое

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

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

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

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

Все это сделано для того, чтобы ваш сайт загружался быстрее.

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

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

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

Установите бесплатные плагины WordPress

Когда у вас есть список необходимых плагинов, установите и активируйте их.

Для этого перейдите в Плагины> Добавить новый:

Это бесплатный репозиторий плагинов WordPress. Чтобы найти нужный плагин, просто введите его название в поле поиска.

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

Повторяйте эти шаги, пока не установите все необходимые плагины.

Установите плагины премиум-класса

Если вы приобрели плагин премиум-класса у стороннего поставщика или на торговой площадке, это тот же процесс, что и при установке темы премиум-класса.

Перейдите в Плагины> Добавить новый. Нажмите «Загрузить плагин».

Затем загрузите загруженные файлы. Программа установки автоматически установит и активирует плагин за вас.

Настройте плагины WordPress

После установки плагина WordPress вы обычно получаете сообщение с вопросом, готовы ли вы начать работу, как это введение от Elementor:

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

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

Имена меню могут не всегда соответствовать плагинам (например, «Производительность» — это меню для плагина W3 Total Cache). И некоторые из меню могут находиться не на верхнем уровне, как в приведенных выше примерах.

Например, меню UpdraftPlus скрывается под Настройки:

Если вам когда-либо было трудно найти меню настроек плагина, перейдите на главную страницу плагинов и нажмите там кнопки настроек:

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

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

Шаг 5. Интегрируйте SEO

Поисковая оптимизация (SEO) — сложный вопрос. Поэтому я не собираюсь сегодня углубляться в тонкости оптимизации веб-сайта.

Однако я хочу показать вам быстрый и простой способ добавить инструмент SEO в WordPress, который поможет вам начать работу с ним.

Установите плагин SEO

Нужный плагин называется Yoast SEO.

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

Установка и настройка Yoast SEO

После установки плагина найдите новое меню SEO на боковой панели:

Откроется панель управления Yoast.Вам понадобится от пяти до десяти минут, чтобы выполнить настройку параметров, но мастер настройки ускорит процесс.

Щелкните ссылку, чтобы начать процесс.

Окружающая среда

Выберите вариант A.

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

Тип объекта

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

Организация или лицо

Обязательно заполните эту страницу. Как только вы начнете повышать узнаваемость (бренда) названия, вы хотите, чтобы люди могли предварительно просмотреть ваши данные, когда они будут искать вас в поиске.

Вот пример того, как ваши данные могут отображаться в диаграмме знаний, когда это происходит:

Видимость в поисковых системах

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

Несколько авторов

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

Настройки заголовка

Обычно, когда веб-страница появляется в поиске, она отображает заголовок страницы (или сообщения) и название веб-сайта или компании после него.Например:

Но вместо того, чтобы ваши заголовки соприкасались с названием бренда, вы можете настроить Yoast на автоматическое разделение этих важных частей данных. Чаще всего используются тире (-) и вертикальная черта (|), но вы можете выбрать любой из предложенных вариантов.

Другие настройки Yoast

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

Тем не менее, вы можете покопаться в подменю «Внешний вид поиска» и «Социальные сети».Здесь вы можете дополнительно настроить отображение ваших страниц и ссылок за пределами вашего веб-сайта.

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

Используйте плагин SEO

Почему мы установили плагин SEO до того, как у вас появится какой-либо контент для оптимизации? Чтобы сэкономить ваше время.

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

Под каждой создаваемой веб-страницей или записью в блоге вы найдете виджет Yoast SEO:

Здесь вы можете добавить свои поисковые данные (все, что люди увидят, когда найдут вас в Интернете).

Обязательно всегда создавайте кастом:

• Ключевое слово в фокусе — основная тема и ключевое слово для сообщения
• Slug — конкретная ссылка на страницу
• Мета-описание — краткое описание, которое появляется под заголовком страницы в результатах поиска

Когда вы закончите, Yoast «оценит», насколько хорошо вы оптимизировали страницу для SEO.

На вкладке SEO вы найдете советы о том, как повысить рейтинг вашего сайта:

На вкладке «Удобочитаемость» вы найдете советы, как сделать вашу страницу удобнее для чтения:

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

Шаг 6. Создайте свой контент

Большинство веб-сайтов содержат один и тот же базовый набор страниц:

• Дом : страница, которая приветствует ваших посетителей.
• Примерно : страница, на которой рассказывается история вашей компании.
• Услуги / продукты : страница, которая знакомит посетителей с вашими услугами или продуктами (вам может понадобиться более одной страницы в зависимости от того, что вы продаете и сколько на ней контента).
• Контакт : страница, которая позволяет посетителям узнать, как с ними связаться.
• Политика конфиденциальности : страница, на которой объясняется, какие данные собирает ваш веб-сайт и что вы с ними делаете.

Есть и другие страницы, которые вы, возможно, захотите создать. Например:

• Портфолио : Страница, на которой представлены образцы ваших работ.
• Блог : лента новостей, в которой появляются все сообщения или статьи вашего блога.
• Цены : страница, на которой вы указываете цены на свои услуги и, возможно, даже варианты «Купить сейчас».

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

Создать новую страницу

Перейдите в меню «Страницы».

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

Чтобы создать свою первую страницу (обычно лучше начинать с домашней страницы), нажмите «Добавить».

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

Это редактор блоков WordPress и связанные с ним настройки:

Вы можете использовать это для создания своих веб-страниц или вы можете использовать плагин для построения страниц. Добавление содержимого на страницу одинаково для всех вариантов.

Дайте странице имя
Сначала дайте своей странице имя.

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

Создание дизайна и макета
Здесь у вас есть выбор: создать дизайн и макет своей страницы с нуля или использовать шаблон.

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

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

Если ваша тема не помогает, вы можете использовать плагин компоновщика страниц, чтобы добавить полностраничные или блочные шаблоны, чтобы заполнить пробелы.

Например, предположим, что вы используете Elementor, и это то, что вы видите, когда открываете свою новую страницу:

Чтобы заменить страницу шаблоном, щелкните папку для доступа к шаблонам:

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

Вот как выглядит этот конкретный пример, когда вы добавляете его на страницу:

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

В приведенном выше примере, например, вы хотите избавиться от заголовка «Домашняя» страницы, а также от боковой панели. Вы не сможете сделать это на реальной странице, поскольку это не элементы, которые можно перетащить на место.

Вместо этого используйте виджет настроек (значок шестеренки) в редакторе слева:

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

Чтобы лучше использовать пространство на странице, Elementor, в частности, предоставляет вам такие параметры, как «Полная ширина» и «Холст», чтобы растянуть дизайн. Поиграйте с этими настройками, чтобы найти макет и дизайн, которые лучше всего соответствуют вашим потребностям.

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

Настройка содержания
Если вы довольны дизайном своей страницы, вы можете настроить содержание.Это включает в себя весь текст, а также изображения.

Чтобы сделать это в любом редакторе — редакторе блоков WordPress или плагине для построения страниц — просто щелкните блок, который вы хотите настроить, и обновите его.

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

То же самое и с обновлением носителя.

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

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

В подключаемом модуле компоновщика страниц найдите знак плюса в той части страницы, где вы хотите добавить новый блок:

Затем найдите тип блока, который хотите использовать, и перетащите его в новое пространство:

Редактор WordPress работает аналогично:

Найдите знак «плюс», чтобы добавить новый блок, или выберите его в меню «Блоки» в верхнем левом углу.Щелкните тот, который хотите добавить, и начните настройку.

Обновление настроек страницы
Вы уже видели виджет Yoast внизу страницы. Убедитесь, что, если у вас активирован этот плагин, вы настроили эти параметры перед публикацией своей страницы.

Кроме того, не забудьте настроить параметры страницы «Документ» здесь:

Вы можете редактировать:

• Постоянная ссылка (ссылка на страницу)
• Рекомендуемое изображение (на каждой странице должно быть одно изображение, чтобы сводки каналов вашего блога и рекламные материалы в социальных сетях содержали и изображение, и описание)
• Категории и теги (только для сообщений в блогах)

Когда вы заполните все необходимые данные, нажмите кнопку «Предварительный просмотр», чтобы просмотреть свой веб-сайт в новом окне браузера.

Это дает вам возможность увидеть свою веб-страницу в режиме реального времени, прежде чем опубликовать ее (или любые изменения, которые вы внесли в существующую страницу).

Если вас это устраивает, нажмите кнопку «Опубликовать», и ваша веб-страница будет запущена.

Примечание : страница пока не будет добавлена ​​в ваше меню. Вы позаботитесь об этом до завершения этого процесса.

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

Установить домашнюю страницу
И последнее:

Вы хотите, чтобы ваша домашняя страница располагалась по адресу https://yourdomainname.com . Не где-то вроде https://yourdomainname.com/home .

Чтобы исправить это, перейдите в «Настройки»> «Чтение».

В разделе «Отображается ваша домашняя страница» выберите «Статическая страница»:

Теперь вы можете выбрать домашнюю страницу (и страницу блога, если вы ее создали) из списка опубликованных страниц.

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

Шаг 7. Создание контактной формы

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

Из этого туториала Вы узнаете, как создать контактную форму от начала до конца с помощью плагина Contact Form 7. Если вам интересна другая контактная форма, прокрутите сообщение до конца, чтобы получить рекомендации.

Что касается лучших практик по добавлению пользовательской контактной формы в WordPress, вот несколько вещей, о которых следует помнить:

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

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

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

Человек, заполнивший форму, получит подтверждающее сообщение. Обычно он появляется вместо формы после ее отправки.

По умолчанию ваша форма отправляет пользователю заранее написанные сообщения:

Не стесняйтесь придавать этому индивидуальный подход, настраивая свои сообщения.

Не забывайте о сообщении, которое вы получите в ответ.Ваше письмо придет по электронной почте:

Тема вроде «Ваше доменное имя‘ [User’s Subject Line] ’» неуместна и может отправить ваши электронные письма из контактной формы прямо в спам. Если вы хотите получать эти отправленные контактные формы без ошибок, настройте детали в строке темы, а также в теле сообщения.

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

Шаг 8. Добавьте виджеты

Когда вы раньше работали с настройками настройщика, вы могли заметить, что есть раздел для «Нижнего колонтитула» или «Виджетов».

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

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

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

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

В левой части экрана находятся ваши доступные виджеты:

В правой части экрана отображаются доступные места размещения виджетов:

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

Просмотрите любой из имеющихся в настоящее время виджетов. Если вы счастливы, держите их там, где они есть.

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

А если вы хотите настроить содержимое виджета, нажмите на блок:

В этом примере вы можете добавить или изменить заголовок, который отображается над списком последних сообщений.Вы также можете обновить, сколько сообщений будет отображаться одновременно. При желании вы также можете добавить дату публикации.

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

Шаг 9: Настройка меню

Теперь, когда весь ваш контент на месте, вам просто нужно создать навигационное меню, чтобы показать его.

Вы найдете это в меню «Внешний вид»> «Меню»:

  
 
 
 
 
 Двадцать двадцать   



 Еще один сайт на WordPress