Как настроить WordPress (101)

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

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

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

  1. Настроить настройки WordPress.
  2. Добавить новых пользователей.
  3. Выбрать и настроить тема.
  4. Установите необходимые плагины.
  5. Интегрируйте SEO.
  6. Создайте свой контент.
  7. Создайте контактную форму.
  8. Добавьте виджеты.
  9. Настройте меню.
  10. Подключитесь к Google.
Содержание
  1. Пошаговое руководство по настройке WordPress
  2. Шаг 1. Настройте параметры WordPress
  3. Настройка параметров экрана
  4. Настроить настройки WordPress
  5. Шаг 2: Добавление новых пользователей
  6. Добавить пользователя
  7. Редактировать профиль пользователя
  8. Шаг 3: Настройте свою тему
  9. Установить бесплатную тему
  10. Установить премиум-тему
  11. Настройте свою тему
  12. Настройте свою премиум-тему
  13. Шаг 4: Установите необходимые плагины
  14. Find Your Essentials
  15. Установите бесплатные плагины WordPress
  16. Установите плагины Premium
  17. Настройте свои плагины WordPress
  18. Шаг 5 : Интеграция SEO
  19. Установите плагин SEO.
  20. Настройка и настройка Yoast SEO
  21. Используйте плагин SEO
  22. Шаг 6: Создайте свой контент
  23. Создать новую страницу
  24. Шаг 7. Создайте контактную форму
  25. Шаг 8: Добавьте виджеты
  26. Шаг 9: Настройте меню
  27. Назовите меню
  28. Выберите расположение меню
  29. Добавить страницы в меню
  30. Настроить меню и страницы
  31. Шаг 10: Подключитесь к Google
  32. Настроить Google Analytics
  33. Настройка консоли поиска Google
  34. Отправьте свои карты сайта в Google
  35. Заключение
  36. Как настроить тему WordPress для Ваш бренд
  37. Темы WordPress: основы
  38. Выбор правильной темы WordPress для вас
  39. 1. Выберите качественную тему WordPress
  40. 2. Поймите свои потребности
  41. 3. Ищите качественную поддержку
  42. Что вам нужно, прежде чем приступить к настройке темы WordPress
  43. Как настроить WordPress Шаблон
  44. 1. Используйте настройщик WordPress
  45. 2. Используйте встроенные параметры настройки темы WordPress
  46. 3. Внесение изменений с помощью CSS
  47. 4. Используйте плагин WordPress Page Builder
  48. Elementor Page Builder
  49. Beaver Builder
  50. Divi Builder
  51. Какой лучший подход для настройки дизайна вашей темы WordPress?
  52. Похожие

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вид панели мониторинга вы можете настроить.

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

Настроить настройки WordPress

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

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

Начните с общих настроек :

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

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

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

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

Далее перейдите к настройкам чтения:

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

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

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

Прежде чем сохранять изменения и двигаться дальше, внесите убедитесь, что флажок «Видимость в поисковых системах» не установлен. Вы определенно хотите, чтобы 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. :

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

Logo

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

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

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

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

Цвета

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

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

Global

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 4: Установите необходимые плагины

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

Find Your Essentials

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

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

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

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

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

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

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

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

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

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

Для этого перейдите в Plugins> Add New:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 5 : Интеграция SEO

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

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

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

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

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

Настройка и настройка Yoast SEO

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

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

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

Среда

Выбрать Вариант А.

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

Тип сайта

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

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

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

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

Поиск Обзор движка

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

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

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

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

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

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

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

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

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

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

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

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

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

Под каждой веб-страницей или публикацией в блоге вы create, вы найдете виджет Yoast SEO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

То же самое касается обновления мультимедиа.

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

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

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

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

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

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

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

Также не забудьте настроить параметры «Документ» своей страницы здесь:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы найдете его в разделе «Внешний вид»> «Меню»:

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

Назовите меню

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

Затем , нажмите «Создать меню».

Выберите расположение меню

Затем укажите, куда вы хотите переместить меню.

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

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

Добавить страницы в меню

Чтобы добавить свои страницы в в меню установите флажки рядом с ними. Затем нажмите «Добавить в меню».

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

Ваши страницы появятся здесь:

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

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

Настроить меню и страницы

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

Вы можете:

  • Измените имя страницы.
  • Отключите ссылку, если вы не хотите, чтобы верхний уровень был доступен для кликов.
  • Включите мегаменю, если вы ‘ Я хочу разместить большое меню с несколькими слоями под одним названием страницы.

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

Шаг 10: Подключитесь к Google

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

Настроить Google Analytics

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

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

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

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

Настройка консоли поиска Google

Google Analytics предоставляет вам данные о том, как посетители взаимодействуют с вашим сайтом. Google Search Console, с другой стороны, предоставляет вам данные о том, как посетители попадают на ваш сайт в других местах в Интернете.

Если у вас уже есть учетная запись Google Analytics, настроить Search Console просто.
Следующим шагом будет подключение консоли поиска Google.

Перейдите на сайт Search Console и нажмите «Начать сейчас». Он проведет вас через процесс быстрой настройки и попросит подтвердить, что вы являетесь владельцем учетной записи, используя несколько вариантов. Google Analytics — один из самых простых способов сделать это, поэтому при желании выберите этот вариант.

Также важно установить это соединение со стороны Google Analytics. Вы найдете этот параметр в разделе« Администратор »>« Свойство »>« Настройки ресурса »:

Вы должны увидеть свою учетную запись Search Console в списке в качестве параметра. Выберите ее и подключите к Google Analytics, чтобы можете начать получать некоторые из этих данных поиска в отчете об источниках трафика:

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

  • Сколько кликов и просматривает ваш веб-сайт, и каждая отдельная страница попадает в Google — при поиске в Интернете, изображениях и видео.
  • Сколько кликов и просмотров приходится на пользователей настольных компьютеров, планшетов и мобильных устройств.
  • Каков средний рейтинг страниц вашего сайта.
  • Какие самые популярные поисковые запросы для вашего веб-сайта.
  • Какие проблемы с мобильностью, безопасностью или скоростью возникают у вашего веб-сайта (если таковые имеются).
  • На каких веб-сайтах больше всего ссылок, ведущих на ваш сайт.
  • Насколько хорошо вы справляетесь с внутренними ссылками на своем собственном сайте.

Если вы возьмете Через некоторое время, чтобы познакомиться с Google Search Console, вы сможете уточнить свою стратегию поисковой оптимизации в WordPress (и не только) для лучшего отображения в результатах поиска.

Отправьте свои карты сайта в Google

Последнее, что нужно сделать с Google Search Console, — это загрузить карты сайта. Таким образом, вы можете создать прямую связь между WordPress и Google, сообщая Google, где найти контент на вашем веб-сайте.

Одна из приятных особенностей использования плагина Yoast SEO заключается в том, что ваши XML-карты сайта генерируются автоматически. Вы можете найти ссылку на них в разделе Общие> Возможности:

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

Откройте вкладку Sitemaps:

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

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

Заключение

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

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



Как настроить тему WordPress для Ваш бренд

WordPress — невероятно популярная CMS. Он настолько популярен, что треть Интернета работает на WordPress.

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

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

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

Темы WordPress: основы

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

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

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

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

Как правило, термины тема WordPress и шаблон WordPress используются взаимозаменяемо.

Выбор правильной темы WordPress для вас

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

С учетом сказанного имейте в виду следующее, когда вы выбираете тема WordPress:

1. Выберите качественную тему WordPress

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

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

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

2. Поймите свои потребности

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

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

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

3. Ищите качественную поддержку

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

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

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

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

Что вам нужно, прежде чем приступить к настройке темы WordPress

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

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

  • Готовый логотип. Может быть полезно иметь несколько версий и размеров, в зависимости от того, что требует ваша тема.
  • Список цветов, которые вы хотите использовать на своем сайте, включая HEX-код, он будет выглядеть примерно как # 16336d.
  • Любые изображения и графика, которые вы собираетесь использовать на своем сайте.

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

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

Как настроить WordPress Шаблон

Существует множество различных способов настройки вашего сайта WordPress.

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

1. Используйте настройщик WordPress

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

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

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

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

  1. Логотип и заголовок. Здесь вы сможете загрузить логотип и измените размер, измените слоган вашего сайта и многое другое.
  2. Общий макет. Здесь вы можете вносить изменения в меню навигации, боковые панели, заголовки и многое другое. Вы можете изменить размер и внешний вид этих элементов макета.
  3. Цветовая схема. Здесь вы можете настроить цветовую схему для всего вашего веб-сайта, вы можете изменить цвет основного текста, цвета заголовков, цвета ссылок, фона и многое другое. Больше.
  4. Типографика. В этом разделе вы можете изменить типографику на своем сайте. Будьте осторожны, чтобы не наброситься на шрифты и не использовать два шрифта на большей части вашего сайта.
  5. Меню. Здесь вы можете добавлять новые меню на свой сайт, выбирать, где они будут отображаться, и даже создавать новые меню.
  6. Разделы с виджетами . Разделы виджетов, которые вы сможете настроить, будут зависеть от вашей темы. Здесь вы можете добавлять новые элементы в разделы с виджетами и настраивать эти области по своему усмотрению.

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

2. Используйте встроенные параметры настройки темы WordPress

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

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

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

Например, вот как выглядит панель параметров темы в теме WordPress GeneratePress:

Как видите, вы можете не так много модификаций на панели настроек темы. Большинство изменений сайта, которые вы вносите с помощью этой темы, будут использовать настройщик WordPress или плагин Elementor (мы выделим это ниже).

3. Внесение изменений с помощью CSS

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

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

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

Здесь вы можете ввести свой код CSS, чтобы внести изменения в свой сайт. . Эти изменения должны автоматически отображаться в вашем редакторе.

Если вы не хотите использовать настройщик, вы можете вносить изменения CSS на свой сайт с помощью такого плагина, как SiteOrigin CSS.

У этого плагина есть супер полезные функции, которые значительно упрощают редактирование CSS, даже если вы новичок.

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

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

Просто установите плагин, и вы сможете быстро и легко приступить к редактированию CSS. .

4. Используйте плагин WordPress Page Builder

Плагины WordPress Page Builder добавляют в WordPress функциональность перетаскивания. Это обычная функция для многих других конструкторов веб-сайтов, представленных сегодня на рынке (включая конструктор веб-сайтов Gator).

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

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

Вот некоторые из наиболее распространенных:

Elementor Page Builder

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

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

Beaver Builder

Beaver Builder — это очень быстрый и простой в использовании конструктор страниц с перетаскиванием. Просто перетащите различные элементы сайта в редактор и измените любой элемент с помощью встроенной панели параметров.

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

Divi Builder

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

Вы можете использовать плагин со сторонними темами, а также с любой темой в коллекции Elegant Themes.

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

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

Вот краткий обзор того, как вы можете редактировать свою тему с помощью Elementor.

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

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

Какой лучший подход для настройки дизайна вашей темы WordPress?

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

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

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

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

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

Похожие

Оцените статью
logicle.ru
Добавить комментарий