Введение
Если вы пропустили первый шаг, нажмите сюда.
Мы выбрали шаблон “OwlPress” , вы можете открыть его для ознакомления
Итак, наш шаблон и основные плагины мы успешно установили и активировали, и сейчас мы переходить непосредственно к настройке самого сайта.
В качестве темы для примера, мы возьмем нишу “Ремонт компьютеров” , таких компаний сейчас достаточно много.
Таким образом, на выходе у нас должен получится сайт компании, оказывающей услуги по ремонту компьютерной техники.
Настраиваем шрифты
Это самая первая задача. Кто-то поспорит, но мы начнем с неё., потому что шаблоны у нас импортные, визуально английский шрифт выглядит очень гармонично, все красиво. Однако, стоит ввести любое слово на русском (на кириллице), как оно сразу будет зрительно выбиваться из общей гармонии стиля, поэтому мы и начинаем все со шрифтов. И нам нужно подобрать шрифт, который в своем составе имеет кириллическое отображение, и этот шрифт (для примера) – Montserrat.
Montserrat – популярный шрифт, который активно применяют многие разработчики сайтов.
Montserrat встроен в библиотеку Google Fonts, что практически минимизирует усилия по его добавлению на наш сайт.
Итак, открываем Настройки, чтобы получить доступ к инструментам изменения контента:
Ранее мы уже установили плагин «Google Fonts Typography», если не сделали – установите.
Находим его в панели управления “Настройки” :
А дальше меняем все основные блоки, где применяется шрифт на шрифт “Montserrat” , и не забываем после изменений нажать на кнопку “Опубликовать” , иначе изменений не будет:
Безусловно, вы можете использовать другой шрифт, главное, чтобы он поддерживал кириллицу. По этой ссылке вы попадете на страничку Гугл Фонтс с предустановленным языком “кириллица” (здесь вы найдете шрифты для своего сайта).
Отлично! На этом шаге мы настроили шрифт отображения всего контента нашего сайта.
Создаем и настраиваем меню
Меню – это наша навигация, которой будет пользоваться посетитель, чтобы легко найти искомое.
В настройки Меню мы можем зайти либо через “Настройки” , где сейчас находимся, либо через Внешний вид Меню , но т.к. мы находимся сейчас именно в Настройках сайта, то ищем и переходим в этот раздел:
Т.к. мы создаем основное меню навигации на сайте, то так его и называем – “Основное меню”
Отмечаем, что оно у нас – “Основное” (галочка) и переходим к добавлению пунктов.
Т.к. у нас пока сайт пустой, созданы только тестовые Страница и Запись, то мы сейчас настроим следующую структуру:
- Главная
- Пример страницы (далее переименуем ее в страницу “О компании” )
- Статьи (или главная страница Блогов, где будем размещать наши записи – статьи, новости и т.д.).
Нажимаем “Добавить элементы” и видим слева выезжающий блок со структурой разных по типу страниц.
Сперва идем в блок “Страницы” и выбираем Главную (пока Home, потом переименуем) и Пример страницы, после добавления слева сразу их видим, они добавили в наше Меню:
И нам еще требуется создать раздел “Статьи” (это страничка, где будут выводится все наши записи – новости, статьи и так далее), но необходимо для начала выполнит настройки, о которых пишем чуть ниже.
А пока нажимаем кнопку “Опубликовать” и наше Меню сохранилось. Кстати, тоже самое вы можете сделать из панели Ворпдресс, а именно – Внешний вид Меню .
А теперь возвращаемся к добавлению раздела СТАТЬИ
Для добавления раздела “Статьи” нам понадобиться создать страничку для Блогов, т.е. по умолчанию ее нет (хотя не во всех случаях).
Для этого в панели управления Вордпресс (консоль) идем в раздел “Страницы“, создаем дубликат-клон “Примера страницы”, заходим внутрь только что созданной страницы и справа нажимаем “Опубликовать” (без публикации страничка будет недоступна для посетителей, т.к. для того, чтобы ее видели, у нее должен быть статус “Опубликована” ):
Таким образом мы только что создали страницу для раздела “Статьи” . Но этого мало, теперь мы должны сообщить Вордпресс, что именно на эту страницу нужно выводить все наши записи (новости, статьи и т.д., как угодно назовите) .
Для этого идем в консоль и открываем Настройки Чтение:
И здесь в Страницах записей выбираем нашу только что созданную страницу “Статьи” и сохраняем изменения.
Таким образом, только что мы сообщили системе Вордпресс, что у нас появилась страница для вывода записей.
Теперь нам нужно добавить ее в наше Меню. Для этого открываем Внешний вид Меню , ищем нашу страницу и добавляем, проверяем зрительно, что она здесь появилась и сохраняем меню:
Теперь, чтобы все отображалось корректно, нам нужно переименовать разделы Home и Пример страницы. Открываем в консоли Страницы и переименовываем в нужные наименования, нажав предварительно на Свойства страницы:
По итогу мы получим исправленные названия страниц, вот пример, как это может выглядеть:
И проверяем все на нашем сайте, для чего просто вбиваем в адресной строке адрес сайта (домена), в нашем тестовом случае это домен “http://sborkatest.ru” . Видим, что навигация изменилась, у нас все получилось:
Настраиваем контент на Главной странице
Как вы уже наверное успели отметить, весь контент на Главной – демонстрационный и на английском языке.
Большинство контента можно отредактировать вручную через Настройку шаблона (Внешний вид Настроить). Однако, если что-то вы не можете сделать, то для этого потребуется новый плагин, отвечающий за возможность перевода установленной темы (шаблона), и это плагин “Loco Translate” , о котором мы рассказываем в этой статье .
А пока приступим к настройке доступного через Настройку контента, начинаем с шапки сайта.
Добавляем логотип. Если у вас есть знания в приложениях Adobe XD либо Figma, то вы можете создать быстро любой логотип, как это сделали мы. Либо может воспользоваться генератором логотипов, сайт https://namelix.com к вашим услугам.
Напомним, наша тестовая ниша – компьютеры, ремонт.
Лого для теста:
Для внесения изменений идем в консоль (админка Ворпдресс), затем Внешний вид Настроить. Практически все базовые настройки совершаются через этот раздел, поэтому выделите время для изучения.
Меняем лого, слоган, добавляем фавиконку (генератор онлайн ), меняем контактные и адресные данные:
По этому же принципу меняем всю информацию на Главной странице.
После выполнения всех обновлений у нас получился следующий вид:
Таким образом, наш шаблон с Главной страницей уже похож на сайт компании!
Итак, мы закончили со 2 частью запуска своего сайта/магазина на шаблоне.
И мы уже близки к финалу!
ПРОМЕЖУТОЧНЫЙ ИТОГ:
- Мы развернули оболочку Вордпресс.
- Мы установили выбранный шаблон.
- Мы добавили важные для работы плагины.
- Мы интегрировали базу шрифтов.
- Мы настроили навигацию.
- Мы настроили Главную страницу.
Наш шаблон уже не смотрится пустым и не выглядит “как шаблон“. Сейчас он уже похож на сайт и на следующем заключительном этапе мы добавим нужные страницы и простроим связи между ними.
Добавляем страницы ( Часть 3 )