Запускаем свой на 100% сайт на шаблоне Вордпресс! Часть три.
“12 Технологий”

2005-2022

mail@greattemplates.ru

ЗАПУСК ШАБЛОНА

Инструкция по запуску
своего сайта ( 3 из 3 )

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

Части: Первая, Вторая

demo

 Введение

Если вы пропустили первый шаг, нажмите сюда, если второй – сюда.

Мы выбрали шаблон “OwlPress” , вы можете открыть его для ознакомления

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

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

 

Добавляем страницы

Новые страницы добавляются из консоли в разделе “Страницы“.

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

Примечание: если у вас нет меню клонирования, установите плагинYoast Duplicate Post” .

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

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

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

Теперь поочередно открываем каждую страницу и наполняем ее нужной информацией.

По сути, в вашем распоряжении мощный редактор контента, как MS Word (хотя это конечно не он).

Итак, на страницу “Контакты” мы добавили название, адрес, время работы, телефон и почту, а так же интерактивную Яндекс Карту. Если вы не знаете, как ее добавить, зайдите в “Конструктор карт Яндекса” , очень удобно.

Как видите, редактор имеет огромный функционал, его стоит отдельно поизучать:

А вот как выглядит наша страничка на сайте:

Теперь обратите внимание на 3 блока, которые выводятся справа на любой странице, нам нужно его немного откорректировать, а точнее – убрать блок “Archives” (Архивы). Это блок “Виджетов” , который располагается в консоли здесь – Внешний вид Виджеты .

На скрине ниже видим 3 активных виджета. Раскрываем последний “Archives” и удаляем его за ненадобностью. Виджет “Поиск” и “Записи” оставим, только переименуем “Записи” в “Статьи” , у нас они так названы.

А здесь мы добавили виджет “Видео” , чтобы на страничках выводился плеер с Ютуб (либо можно подгрузить свое видео как файл) :

добавили виджет видео

Результат:

обновили страницу сайта

Т.е. как видите, возможностей очень много, особенно с виджетами. Пробуйте.

И точно по такому принципу редактируете остальные странички, в нашем случае, это страницы раздела “Услуги” .

Напомним, что в вашем арсенале мощный редактор по типу MS Word.

Функционал редактора:

  1. Добавлять фото, картинки, изображения.
  2. Форматировать текст (шрифт) и заголовки (уровни).
  3. Управлять цветом.
  4. Добавлять и настраивать ссылки.
  5. Работать с таблицами.
  6. При вставке текста очищать формат (полезная функция).
  7. Вставлять разделительные линии.
  8. Использовать цитаты (текст в кавычках).
  9. Управлять выравниванием, наклоном, подчеркиванием, толщиной шрифта.
  10. Работа со списками, нумерованными и нет.
  11. Вставлять якоря, произвольные символы.
  12. Работа с мультимедиа – видео и аудио.
  13. Показывать скрытые блоки для удобного форматирования.
  14. Работа с исходным кодом, если требуется, к примеру, вставить сторонний код (те же Яндекс Карты).
  15. И так далее.

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

 А есть ли удобный инструмент работы с таблицами?

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

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

Для добавления на Главную идем в Настройки темы: Внешний вид Настроить

добавляем сервису ссылки

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

 

Добавляем выпадающее меню в навигацию

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

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

Делается это элементарно и вот как.

Сперва добавляем в меню раздел “Услуги” и не назначаем ему действие (т.е. по клику мышки ничего не произойдет).

Идем Внешний вид Меню :

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

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

Для этого здесь же открываем блок “Страницы” и выбираем вкладку “Все” :

добавление нескольких услуг одновременно

Важно: если вы не видите эти странички здесь, значит они находятся в статусе “Черновик” . Вам нужно зайти в консоли в раздел “Страницы” и изменить статус на “Опубликовано” .

Если вы их видите – добавляем.

В результате у нас получится следующее:

результат добавления нескольких пунктов услуг

Как видим, все страницы на одном уровне. А нам нужно, чтобы все страницы услуг были как бы подразделами основного раздела Услуги. Чтобы это реализовать, “хватаем” мышкой каждую страницу услуг и перемещаем под раздел “Услуги” :

результат перемещения нескольких пунктов услуг

Формируем порядок и сохраняем.

Обновляем страницу нашего сайта и видим, что у нас появился раздел “Услуги” , а при наведении мышки выпадают 4 услуги в виде подразделов, то, что мы и хотели:

выпадающее меню на сайте

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

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

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

Иногда, если у вас получилось большое меню, а создавать заново лень (т.е. по новому вводить те же пункты с некоторыми изменениями), вам может потребоваться отличный и специально созданный для этого плагин – “Menu Duplicator” .

 Как установить данный плагин – рассказываем в этой статье.

 

Добавляем статьи

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

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

еще один блок для страниц

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

Для этого ранее мы создали раздел “Статьи” и настроили его под вывод записей.

В навигации (в консоли) есть раздел “Записи” , где вы можете добавить новые посты (статьи), а так же добавить рубрики, если это необходимо:

добавляем новые рубрики

После добавления новой рубрики (категории) зайдите в созданный пост (или создайте новый) и справа выберите принадлежность – за какой рубрикой вы закрепляете его (может быть более 1 рубрики, сколько угодно):

меняем принадлежность к рубрике

 

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

добавить запись новость

На скрине выше обращаем ваше внимание, что по умолчанию во всех шаблонах включена опция “Комментарии” . Т.к. через них “сыплется” достаточно много СПАМа, то мы настоятельно рекомендуем их отключать.

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

Чтобы отключить эту возможность внутри записи, вам нужно зайти в запись и справа вверху кликнуть по ярлычку “Настройки экрана” :

настройки экрана записи

После этого ниже вы увидите и сами блоки с настройками:

обсуждение отключить комментарий

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

запретить комментарии к новым записям

А далее пойдут фишки, о них ниже.

Теперь вы сможете сами создать свой сайт самостоятельно!

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

Дело, конечно же ваше, но наша позиция такая: свое нужно держать при себе!


Итак, мы закончили с 3-ей частью запуска своего сайта на шаблоне.

Если вы шли точно по инструкциям, то у вас скорее всего получилось собрать свой сайт на 100%.

Сайт готов я молодец!

В продолжении инструкций:

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

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

Вот те фишки, о которых мы будем говорить дальше:

  1. Формы обратной связи на сайте (любые запросы с сайта, для заявок и т.д.).
  2. Почтовые ящики и настройка почты на домене.
  3. Добавляем домену сертификат безопасности (SSL) за 5 минут ( из http делаем https )
  4. Настройка уведомлений в Телеграм при отправке формы, крутая и нужная функция.
  5. Добавление новых плагинов, которые улучшат функционал сайта, подробно рассказываем, что делает каждый.
  6. Внедрение интернет-магазина, что позволит сделать из сайта – магазин!
  7. Изучение функций экспорта и импорта товаров для оперативного управления складом.
  8. Расскажем, как и где получить файл выгрузки всех товаров конкурента и добавить в свой магазин.
  9. Вводный экскурс в СЕО, как настроить свой сайт и магазин для успешного продвижения.
  10. И многое другое, информация регулярно добавляется.