Мы продолжаем с вами создавать ваш веб сайт. В предыдущей главе вы установили необходимые плагины и подобрали шаблон для своего сайта.
В данной статье вы научитесь создавать страницы, записи и портфолио. Как и раньше, выполнение всех действий я наглядно показываю на фотографиях. Каждое фото можно увеличить и посмотреть в большом размере, нажав на него правой клавишей мышки.
Как создать свой веб сайт?
Этап 5.
Перед тем как вы приступите к созданию страниц и записей, вам необходимо внести изменения в некоторые общие настройки. Для этого зайдите в Панель Управления вашего веб сайта и выберите подпункт Постоянные ссылки в меню Настройки.
По умолчанию точка будет стоять рядом со словами — День и Название. Вам нужно переместить ее на Название записи.
Это действие приведет к созданию более краткого адреса каждой новой статьи или страницы. И будет хорошо влиять на восприятие вашего сайта поисковыми системами. После перемещения точки нажмите Сохранить изменения.
В предыдущей главе Как создать свой сайт в интернете? вы установили несколько важных плагинов. Сейчас мы дополним с вами эту коллекцию, установив еще один важный плагин.
Для этого зайдите в меню Плагины и выберите Добавить новый. В поисковой строке (цифра 1) введите слово Cyr to Lat (в переводе Кириллица на Латиницу).
После выдачи результатов нажмите Установить (цифра 2) и Активировать. Особых настроек этот плагин не требует.
Этот плагин осуществляет автоматический перевод русского текста на английский, что очень важно для создания правильного интернет адреса всех публикуемых на вашем веб сайте статей и записей.
Следующая картинка показывает как выглядит адрес новой статьи без этого плагина.
А вот как будет выглядеть тоже название,
но с активированным плагином Cyr to Lat.
Приступаем к созданию страниц.
Для этого в Панели Управления выберите Страницы и Добавить новую.
Перед вами откроется новое окно, где нужно будет ввести названия страницы (1) и содержание страницы (2).
Можно начать с создания одной из самых главных страниц — об Авторе/О Фотографе.
В разделе содержание (2), расскажите потенциальным клиентам о себе и своем творчестве. Старайтесь создать как можно более оригинальный текст, который сможет заинтересовать клиента. Для примера можете посмотреть страницу о фотографе на моем русскоязычном сайте.
После того как вы напишите текст и название, нажмите Сохранить (3) и Опубликовать (4).
Поздравляю! Вы молодец и только что создали свою первую страницу.
Думаю вы уже поняли, что все не так сложно, как вам казалось в самом начале. Больше практики! И вы будете чувствовать себя более свободно в управление вашим сайтом.
Продолжаем …
Теперь нажав на Все страницы в панели управления вы увидите вашу новую страницу О фотографе (в зависимости от того как вы ее назвали).
Нажмите на вкладку
Внешний вид — Меню.
В новом окне вы увидите страницу управления функцией Меню вашего веб сайта.
- придумайте название меню.
- поставьте галочку рядом со словами Основное меню. В зависимости от шаблон-дизайна, который вы выбрали данное окно может отсутствовать или наоборот будет присутствовать дополнительные строки. Напомню, что для примера я выбрала тему Sidney.
- Нажмите Сохранить меню.
Теперь откройте главную страницу своего веб сайта, которую будет видить ваш клиент.
В правом верхнем углу появилось Меню: Главная и О фотографе.
Нажав на вкладку О фотографе вы увидите свою историю — рассказ, именно так как ее увидят все зашедшие на ваш сайт. И обязательно разместите там свою фотографию или фотографии. Клиент должен видеть своего потенциального фотографа.
В независимости от варианта используемого вами шаблона с правой стороны любой страницы вы можете увидеть блоки текста: свежие записи, комментарии и т.д.
Эти блоки называются виджеты. При создании блога они очень активно используются создателями, однако я считаю, что в случае с сайтом — визиткой фотографа на начальном этапе они не нужны. По ходу развития вашего сайта, возможно вы добавите какие-то определенные виджеты, но на данном этапе, я предлагаю их убрать.
Для этого зайдите в Панель Управления,
далее выберите Внешний Вид — Виджеты.
С правой стороны будут
отображаться активные виджеты.
Чтобы их удалить нажмите на маленькую стрелку напротив названия виджета
и в открывшемся окошке выберите Удалить. И так сделайте с каждым виджетом.
Если после удаления вы посмотрите на страницу О фотографе, то увидите, что виджеты исчезли.
И теперь страница смотрится гораздо приятнее.
Двигаемся дальше и теперь создадим страницу Портфолио и разместим ее в Главном Меню.
В Панели Управления выберите Страницы — Добавить Новую.
В новом окне/странице напишите Портфолио или Галерея. Это уже на ваше усмотрение.
Нажмите сохранить и опубликовать.
Создайте еще одну новую страницу и назовите ее, например Свадьбы.
Далее Сохранить и Опубликовать.
Можете создать еще одну страницу, Семейная фотосъемка. Сохраните и Опубликуйте ее.
Когда страница будет опубликована, то над ее названием будет видна надпись «Страница опубликована».
Далее перейдите на вкладку Внешний Вид — Меню.
В новом окне слева вы увидите блок Страницы.
Поставьте галочки (1) рядом с названиями ранее созданных страниц и нажмите Добавить в меню (2).
Через секунду вы увидите, что ваши страницы
появились в блоке Структура Меню.
По очереди удерживая правой клавишей мышки разделы портфолио (Семейная фотосъемка и Свадьбы) аккуратно перетащите их немного вправо.
Это действие превратить их в подразделы меню Портфолио.
Нажмите клавишу Сохранить Меню.
Результат только что проделанных действий, вы можете увидеть пройдя на главную страницу вашего сайта.
Теперь подводя стрелку мышки в слову Портфолио можно будет увидеть его подразделы: Семейная фотосъемка и Свадьбы.
В итоге все выглядит аккуратно и компактно.
Возвращаемся в Панель Управления. Сейчас мы будем учиться заполнять страницы подразделов портфолио.
Для этого перейдите на любую страницу портфолио. В примере я выбрала Свадьбы.
Нажмите на слово Изменить, под названием страницы.
В новом окне нажмите
на Добавить Медиафайл.
В появившемся окне нажмите на Выберите файлы, чтобы начать выбирать и загружать необходимые фотографии со своего компьютера.
После окончания загрузки, отметьте галочкой фотографии, которые вы хотите разместить в портфолио.
И нажмите вставить в страницу.
После этого вы окажетесь на странице, где уже будут загружены фотографии.
Чтобы изменить размер фотографий и увеличить их нажмите на нужную фотографию.
Далее в появившемся меню нажмите на значок Карандаша, что означает изменить.
Вы окажитесь на новой странице, где вам предстоит поменять размер изображения.
Это можно сделать нажав на размер и выбрать из предложенных нужный вам вариант.
Фотографии на всех моих сайтах загружены в формате 900*600. Это способствует более быстрой загрузке/открытию сайта на любом устройстве.
Чтобы сохранить изменения нажмите Обновить в правом нижнем углу экрана.
После изменения формата изображения всех необходимых вам фотографий,
нажмите клавишу Обновить.
Оцените внесенные вами изменения, перейдя на главную страницу сайта и выбрав нужный вам подраздел Портфолио в меню интернет сайта.
Как видите теперь там появились фотографии.
Помимо описанного мною способа создания раздела Портфолио, существуют другие варианты. Это загрузка специальных плагинов, помогающих автоматически создать портфолио. Приведу несколько примеров таких плагинов:
- Waving Portfolio
- Nimble Portfolio
- Portfolio Showcase
- Full Width Responsive Portfolio
Все плагины загружаются и устанавливаются по аналогии с которой мы уже с вами устанавливали. Помните, если вам не понравится работа какого-то плагина, вы всегда можете его Деактивировать, а потом Удалить.
Теперь нам необходимо сделать еще очень важные действия, которые позволять поисковым системам (Гугл / Яндекс) увидеть, изучить ваш сайт и правильно показать его в результатах поиска.
Для этого перейдите в Панель управления сайта и далее на вкладку страницу, где вы только что загрузили фотографии.
Прокрутите страницу до момента, когда вы увидите слова Заголовок и Описание. Здесь вам необходимо указать краткое описание страницы и заголовок. Мы уже делали с вами такое действия во второй части, когда писали заголовок и описания для сайта в общем. Обязательно включайте в описание ключевые слова. Напомню, что в подборе этих слов вам поможет Яндекс Вордстат (Wordstat). Когда вы закончите действия на странице нажмите Обновить, чтобы сохранить все нововведения.
Заполнять заголовки и описания необходимо не только на странице с текстом, но и на каждой фотографии. Для этого выберите Добавить Медиафайл, расположенный под названием страницы. Выберите необходимую фотографию и справа вы увидите блоки, которые вам необходимо заполнить:
- Заголовок. Здесь автоматически указано название файла, под которым вы его загружали в систему.
- Атрибут Alt. Название фотографии с ключевым словам.
- Описание. Краткое описание фотографии.
Когда вы вернетесь на основную часть страницы, нажмите клавишу Обновить.
И последнее действие, которое мы изучим с вами в этой статье — создание записи. Это в первую очередь необходимо, если вы планируете вести блог на своем сайте.
Все статьи на блогах публикуются именно при помощи этой функции.
В Панели Управления выберите Записи — Добавить новую.
В заголовке вы указываете название записи, а в основной части, пишите главную информацию, т.е. саму статью.
После написания, вам необходимо указать краткий заголовок и описание (с ключевыми словами), как мы делали это применительно к странице портфолио.
По окончанию всех действий нажмите Сохранить и Опубликовать.
После этого на основной странице сайта у вас появится ваша новая Запись.
На этом статья «Как самому создать веб сайт? Часть 3.» заканчивается.
В следующей статье Как создать сайт самому? Часть 4 я расскажу о некоторых важных деталях, которые вам нужно будет сделать, чтобы помочь Яндекс и Гугл проиндексировать ваш сайт.
