Бесплатный курс: уроки по созданию сайта самому
В рамках данных уроков вы сможете самостоятельно собрать сайт либо магазин для своих задач на самой популярной платформе WordPress (Вордпресс). При этом у вас будет на 100% свой сайт, т.е. никакой аренды и облачного размещение не будет (это как право собственности, не зависящее ни от каких внешних факторов). Каждый урок содержит только важную и нужную информацию и совершенно не сложен в освоении.
Уроки объединены в ПЛАН СБОРКИ, где в любой момент можно перейти на нужный урок, если это необходимо. Если сами не справитесь - зовите нас, поможем. Для этого есть коммерческие тарифы.
Шаблон как есть: https://wp.sborkatest.ru . Полученный результат уроков: https://sborkatest.ru
Добавление страниц на сайт
Новые страницы добавляются из консоли в разделе “Страницы“.
Чтобы комфортно добавлять новые странички, нужно воспользоваться методом клонирования созданных.
Переходите в раздел “Страницы“, затем наведите на любую страничку и увидите рядом контекстное меню, в котором должен появиться один из следующих пунктов: клонировать, копировать, дублировать. Если у вас нет в меню пункта клонирования (копирования, дублирования), установите один из этих плагинов.
Предварительно мы уже создали некоторые странички в этом уроке, когда работали с меню сайта.
Сейчас добавим еще страниц. Мы выбрали в качестве донора страницу “О компании“. Если вы добавляете страницу с услугой, то для того, чтобы заново не вводить основной текст (если он одинаковый либо вы создали внутри страницы некую структуру), то просто клонируйте ее.
После создания новых клонов страниц вам нужно переименовать вновь созданные страницы. Сделать это можно либо из общего раздела “Страницы”, наведя на нужную страницу и кликнув по пункту “Свойства“, либо кликнув на саму страницу и зайдя уже внутрь сменить ее название на нужное.
Важный момент: все клонированные страницы получают статус “Черновик“, т.к. не опубликованы на сайте. Чтобы они стали доступны, нужно опубликовать страницу, кнопка находится внутри страницы справа в колонке, а если пока не хотите опубликовывать (т.к. в этом случае страница станет доступна всем желающим), то можете просто нажать на “Сохранить” :
Описанным выше способом создаем все нужные страницы, а именно: Контакты и все четыре Услуги (в нашем примере их всего 4).
Наполнение информацией
Теперь поочередно открываем каждую страницу и наполняем ее нужной информацией.
По сути, в вашем распоряжении мощный редактор контента, как MS Word (хотя это конечно не он).
Итак, на страницу “Контакты” мы добавили название, адрес, время работы, телефон и почту, а так же интерактивную Яндекс Карту. Если вы не знаете, как ее добавить, зайдите в “Конструктор карт Яндекса” , очень удобно.
Как видите, редактор имеет огромный функционал, его стоит отдельно поизучать:
Если у вас не так, то прочтите этот Урок, где мы подробно рассказываем, как “прокачать” редактор на сайте.
А вот как выглядит наша страничка на сайте:
Виджеты на странице
Т.к. наша страничка состоит не только из текста и карты, справа мы видим 3 вертикальных блока – это зона виджетов (что такое виджет и для чего мы рассказываем в этом Уроке). Виджеты выводятся справа на любой странице, и нам нужно его немного откорректировать, а точнее – убрать блок “Archives” (Архивы). Управление виджетами находится здесь – “Внешний вид” “Виджеты” .
На скрине ниже видим 3 активных виджета. Раскрываем последний “Archives” и удаляем его за ненадобностью. Виджет “Поиск” и “Записи” оставим, только переименуем “Записи” в “Статьи” , у нас они так названы:
А здесь мы добавили виджет “Видео” (захотели), чтобы на страничках выводился плеер с Ютуб (либо можно подгрузить свое видео как файл) :
Результат:
Т.е. как видите, возможностей очень много, особенно с виджетами. Пробуйте.
И точно по такому принципу редактируете остальные странички, в нашем примере, это страницы раздела “Услуги” .
Напомним, что в вашем арсенале мощный редактор по типу MS Word.
Функционал редактора:
- Добавлять фото, картинки, изображения.
- Форматировать текст (шрифт) и заголовки (уровни).
- Управлять цветом.
- Добавлять и настраивать ссылки.
- Работать с таблицами.
- При вставке текста очищать формат (полезная функция).
- Вставлять разделительные линии.
- Использовать цитаты (текст в кавычках).
- Управлять выравниванием, наклоном, подчеркиванием, толщиной шрифта.
- Работа со списками, нумерованными и нет.
- Вставлять якоря, произвольные символы.
- Работа с мультимедиа – видео и аудио.
- Показывать скрытые блоки для удобного форматирования.
- Работа с исходным кодом, если требуется, к примеру, вставить сторонний код (те же Яндекс Карты).
- И так далее.
Используйте выше описанный арсенал возможностей, чтобы сформировать привлекательный контент.
А как вставить таблицу?
Иногда требуется разместить таблицу на странице сайта. Для этого в редакторе есть настройки, находятся они здесь:
Однако, данный инструмент позволит добавить таблицу, но настроить ее филигранно точно, как вам нужно, и при этом добавить (импортировать) нужные данные сразу – не получится... Также не получится использовать одну и ту же таблицу в разных частях сайта, к примеру, когда вам нужно показывать одни и те же табличные данные на разных страницах, записях и т.п.
Что же делать? Есть ли решение? Да, есть! Мы разместили отдельный пост для описания плагина по управлению таблицами, попробуйте, это довольно таки удачное решение! Изучить плагин.
Выводим страницы Услуг
Итак, мы создали все странички по Услугам и далее нам нужно вывести их на Главной странице и в главной Навигации.
Для добавления на Главную идем в Настройки темы: “Внешний вид” “Настроить” :
После добавления ссылок на страницы не забываем нажать кнопку Опубликовать вверху левой колонки, иначе обновления не сохранятся.
По итогу мы создали несколько новых страниц, создали страницы с услугами, добавили эти странички на Главную страницу нашего сайта.
Что дальше?
- Следующий урок
- Общий план сборки
Делитесь, сохраняйте, чтобы не забыть: