Как настроить тему WordPress

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

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

Существуют разные варианты настройки темы вашего сайта WordPress в зависимости от вашей ситуации. Вот краткий обзор вариантов:

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

Как узнать, нужно ли вам настраивать тему WordPress

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

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

Как настроить тему WordPress с помощью экранов администратора WordPress

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

Настройте тему WordPress с помощью Настройщика

Самый простой способ настроить тему WordPress - использовать настройщик WordPress. Вы можете сделать это одним из двух способов:

• Когда вы вошли в систему и просматриваете свой веб-сайт, щелкните ссылку «Настроить» на панели администратора в верхней части экрана.
• Или на экранах администратора нажмите «Внешний вид»> «Настроить».

В любом случае вы попадете в настройщик.

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

Когда вы смотрите на административные экраны вашего сайта WordPress, вы можете увидеть выбор под названием «Редактор тем», который вы можете увидеть через «Внешний вид»> «Редактор тем». Это позволяет вам видеть файлы в вашей теме и напрямую редактировать их. Однако это плохая идея. Даже если вы знаете, как писать CSS или PHP, не рекомендуется редактировать файлы в вашей теме. Прежде всего, если вы купили или загрузили стороннюю тему, любые внесенные вами изменения будут потеряны при следующем обновлении. Во-вторых, если вы сделаете изменение, которое нарушит работу вашего сайта, оно не будет отслеживаться и предыдущая версия файла не будет изменена. Возможно, вы навсегда сломаете свой сайт.

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

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

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

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

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

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

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

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

Как отредактировать код вашей темы WordPress

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

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

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

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

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

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

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

Если этот разговор о CSS и специфике является новым и сбивает вас с толку, мы предлагаем вам не редактировать CSS своей темы самостоятельно, а попробовать другой вариант для настройки вашей темы WordPress или позволить экспертам из SEO Design Chicago помочь вам!

Файл функций

У большинства тем также есть файл функций, который называется functions.php. Файл функций полностью написан на PHP. Этот файл заставляет работать множество вещей в вашей теме. В этом файле можно найти код для регистрации функций темы, таких как избранные изображения, виджеты и т. Д. Вы также можете добавить функциональный код в свою тему в файле функций. Однако вы можете подумать о написании плагина вместо добавления кода в файл функций.

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

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

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

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

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

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

Как создать дочернюю тему

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

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

Лучшие практики по настройке вашей темы WordPress

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

По возможности настраивайте без добавления кода

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

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

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

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

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

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

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

Сделайте свою тему адаптивной для мобильных устройств

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

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

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

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

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

Настройте свою тему WordPress с помощью SEO Design Chicago

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

FAQs:

• Вам нужно настроить тему WordPress?
• Почему бы мне не использовать редактор тем WordPress?
• Как мне найти настройщик в WordPress?
• Как мне редактировать макет, шрифты и цвета моей темы WordPress?
• Какие лучшие практики для настройки тем WordPress?