«Самый надежный компас на жизненном пути – цель»

Цель - Создание сайта

Создание страниц: Об авторе, О сайте, контакты

Скачать чек-лист № 9            перейти по ссылке Кнопка скачать

Путь в 1000 миль - первые 500 пройдены.

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

Это главные страницы - Об авторе, О сайте. Страница "Контакты" - основа любого бизнеса, да и просто взаимоотношения между вами и окружением.

Настроились? Начинаем!

Вначале на несколько секунд давайте забежим на свой сайт.

Нажмите на рис.

Первая страница сайта

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

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

И в меню, находим клавишу "Страницы" в подменю нажимаем на "Все страницы"

Нажмите на рис.

 В открПример страницыывшейся панели наша задача удалить страницу с названием "Пример страницы"

При наведении на нее курсором мышки, появляются предложения что с этой страницей будем делать  (Изменить, Свойства, Удалить.. ) Нажимаем на Удалить

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

Страниц не найдено.

появилась вкладка "КОРЗИНА (1)"  на нее и Нажимаем. 

Нажмите на рис.

WordPress удаление страницы

Раскрывается содержимое корзины, ставим галочку напротив удаляемой страницы и нажимаем "Удалить навсегда"

Все теперь Чисто.

Снова нажимаем на клавишу "Страницы"  и в заголовке панели  на "Добавить новую"

Итак, приступаем к созданию теперь наших страниц.

Нажмите на рис.

Создание страницы сайта

После нажатия на "Добавить новую" Нам предлагается форма "Добавить страницу"

Создадим подряд сразу три страницы

1). Об авторе - заносим в поле названия страницы и нажимаем  "Опубликовать"

Обратите внимание, что бы создать следующую страницу, нам необходимо повторить процедуру с самого начала.

Нажимаем на клавишу "Страницы" И видим что у нас появилась страница с названием Об авторе.

Нажимаем на "Добавить новую" открывается форма "Добавить страницу"

В поле названия страницы вносим 2). О сайте. и нажимаем"Опубликовать"

3). Контакты Весь процесс повторяем

Переходим на сайт (перегрузить страницу F5)

Нажмите на рис.

Создание главной страницы сайта

Очередность создания страниц:

 Об авторе была создана первой

О сайте - второй.

Контакты - третьей

Вывод

Каждая последующая создаваемая страница отодвигает предыдущие от главной страницы в право.

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

Страницы созданы. Давайте наполним их контентом.

1). Об авторе. Напишите о себе, можно разместить фотографию, видио и другую информацию.

Как наполнять контентом?

Нажмите на рис.

Веб страница

 В панели управления WordPress, нажимаем на клавишу "Страницы"  И выбираем нужную страницу для наполнения, В данном случае Об авторе. Наводим курсор мышки на данную страницу и нам показываются все возможные действия со страницей. Выбираем и нажимаем на "Изменить"

Данная страница открывается в программе редактора.

Нажмите на рис.

Визуальный редактор программа для создания страниц сайта

Наполнять контентом или редактировать можно в режиме "Визуально" или в режиме "Текст"

В режиме "Текст" это знание Html языка.

В режиме "Визуально" работа как в обычном текстовом редакторе.

Для нас основным является конечно же визуальный редактор. После того как вы напишите о себе, добавите фотографию (фото вставляется с помощью функции "Добавить медиофайл" -  далее  "Выберите файлы", попадете к себе на компьютер и там выбираете нужную фотографию). Подробно как работать с медио файлами, как размещать на странице слева, справа, по центру  мы рассмотрим в следующих вопросах проекта. Сейчас можно пока обойтись без фотографии.

Редактировать любую запись можно и нужно всегда, в любое время, когда наступает необходимость. Итак Контент заполнен. Нажимаем "Обновить"

Нажмите на рис.

Создание страниц сайта

Заходим на свой сайт. Открываем страницу Об авторе и видим свою работу.

Таким же образом наполняем контентом страницу "О сайте"

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

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

Появляется диалог - предложение.

Выбираем и нажимаем "Изменить" и вы в редакторе делаете чудеса. Только не забываем по окончании всех правок (записей) сохранять свою работу - Нажимаем на "Обновить"

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

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

Плагин называется   Simple Page ordering 

(автор  Jake Goldman, 10up)

 Нажмите на рис.

 Плагин Simple Page ordering

Опыт как устанавливать плагины у нас уже есть.

Последовательность: В панели находим клавишу "Плагины" В выпадающем меню нажимаем на "Добавить новый"

Копируем с моей страницы название плагина

 Simple Page ordering

и вставляем в окошко поиска. Нажимаем на клавиатуре компьютера "Ввод" (Enter)

Нажмите на рис.

Установка плагина Simple Page ordering

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

"Простая сортировка страниц"

автор  Jake Goldman, 10up

Далее нажимаем "Установить"

Через несколько секунд

 на появившейся страничке нажимаем

"Активировать плагин"

Весь этот процесс Вам уже хорошо известен.

Кто не помнит вернитесь на страницу "Обновления и настройки сайта. Работа с плагинами"

Все плагин активирован и мы видим его в списке установленных плагинов.

Вот теперь можно установить очередность страниц на сайте по отношению к Главной.

В панели управления нажимаем на клавишу "страницы"

Нажмите на рис.

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

Нажмите на рис.

как создаются страницы при создании сайтов

Зажимаем в клещи левой кнопкой мышки нужную нам страницу и перетаскиваем её на место предназначения.

Для примера. Я, установил очередность после Главной: 

Об авторе  О сайте   Контакты

Ну что же,  нам еще необходимо заполнить Страницу "Контакты" 

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

Нажмите на рис.

Плагин Contact Form by BestWebsoft

Называется плагин   Contact Form by BestWebsoft

  (автор BestWebsoft)

Копируем название плагина. Нажимаем в меню панели управления на клавишу "Плагины" Далее "Добавить новый" в поле поиска вставляем название плагина и на клавиатуре компьютера нажимаем ввод (Enter)

Плагин загрузился - нажимаем "Установить"

и далее "Активировать плагин". Через несколько секунд на главной панели управления появится клавиша вкладка "BWS Plugins" и всплывающее подменю "Contakt Form"

Нажмите на рис.

Настройка плагина Contact Form by BestWebsoft

Нажимаем на "Contakt Form" и попадаем в настройки.

Сразу же предлагается "Добавить несколько форм"

Нам это не нужно. Нажимаем на кнопку "Закрыть"

Нажмите на рис.

 Настройка Email плагина Contact Form by BestWebsoft

А вот теперь приступаем к настройкам и первое что нам нужно это определиться по использованию почтового ящика Email.

По умолчанию стоит галочка - Email пользователя сайта. Рекомендую использовать другой вариант. 

Ставим галочку в строке "Использовать этот Email"

 и в поле  перед надписью "Укажите email, на который будут отправляться сообщения." вписываете адрес своей электронной почты. Все сообщения будут приходить на вашу почту.

И как всегда сохраняем изменения нажимаем на кнопку внизу настроек "Сохранить изменения"

Нажмите на рис.

Создание и настройка формы контактов плагина Contact Form by BestWebsoft Приступаем к установке Формы Контакта на нашу страницу.

1). Наводим курсор мышки на значок справки (знак вопроса)

Читаем внимательно надпись

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

Копируем Шорткод (Фишка разработчиков WordPress. Это фрагмент программного кода, обладающий уникальным именем и предназначенный для решения конкретной задачи)

Принимаем за факт. Для нас главное что бы все работало. Копируем аккуратно с квадратными скобками, и никаких пробелов до и после этих скобок. Немного неудобно. Можете скопировать с Чек листа.

Далее  в панели управления нажимаем на клавишу "Страницы" находим нашу страницу "Контакты" подводим курсор мышки и открывается диалог, нажимаем на "Изменить" и попадаем  на вкладку редактирования.

Нажмите на рис.

Шорткод

И сейчас ВНИМАНИЕ. Наша задача вставить Шорткод на страницу в режиме редактора ТЕКСТ

Вставляем Шорткод

Далее Обязательно сохраняем изменения.

Нажимаем на кнопку "Обновить"

Заходим на сайт - страницу Контакты

Победа!

Нажмите на рис.

Страница сайта "Контакты"Проверяем, в работе Фидбэк (обратная связь).

Вводим в форму данные, Свой какой нибудь Email

Пишем текст и отправляем адресату.

Получаем письмо

Всё работает И я Вас Поздравляю!

Еще один Важнейший этап преодолен.

Наслаждаемся победой.

Но труба зовет. Нас ждут другие подвиги.

Пора разобраться с разделом  "Добавление картинок. Создание рубрик. Написание статей

Переходим по ссылке Кнопка перехода