Как самому создать веб сайт? Часть 3

Мы продолжаем с вами создавать ваш веб сайт. В предыдущей главе вы установили необходимые плагины и подобрали шаблон для своего сайта.

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

Как создать свой веб сайт?

Этап 5.

Перед тем как вы приступите к созданию страниц и записей, вам необходимо внести изменения в некоторые общие настройки. Для этого зайдите в Панель Управления вашего веб сайта и выберите подпункт Постоянные ссылки в меню Настройки.

 

как создать сайт пошаговая инструкция

 

По умолчанию точка будет стоять рядом со словами - День и Название. Вам нужно переместить ее на Название записи.

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

как создать сайт самому пошаговая инструкция

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

Для этого зайдите в меню Плагины и выберите Добавить новый. В поисковой строке (цифра 1) введите слово Cyr to Lat (в переводе Кириллица на Латиницу).

После выдачи результатов нажмите Установить (цифра 2) и Активировать. Особых настроек этот плагин не требует.

создание сайта самому пошаговая инструкция

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

Следующая картинка показывает как выглядит адрес новой статьи без этого плагина.

плагин киррилица в латиницу

 

А вот как будет выглядеть тоже название,

но с активированным плагином Cyr to Lat.

плагин cyr to lat

 

Приступаем к созданию страниц.

Для этого в Панели Управления выберите Страницы и Добавить новую. 

создать сайт пошаговая инструкция

 

Перед вами откроется новое окно, где нужно будет ввести названия страницы (1) и содержание страницы (2).

создание сайта пошаговая инструкция

 

Можно начать с создания одной из самых главных страниц — об Авторе/О Фотографе.

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

После того как вы напишите текст и название, нажмите Сохранить (3) и Опубликовать (4).

пошаговая инструкция создания сайта

 

Поздравляю! Вы молодец и только что создали свою первую страницу.

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

Продолжаем ...

Теперь нажав на Все страницы в панели управления вы увидите вашу новую страницу О фотографе (в зависимости от того как вы ее назвали).

создать интернет сайт

 

Нажмите на вкладку

Внешний вид - Меню.

создать интернет сайт самому

 

В новом окне вы увидите страницу управления функцией Меню вашего веб сайта.

  1. придумайте название меню.
  2. поставьте галочку рядом со словами Основное меню. В зависимости от шаблон-дизайна, который вы выбрали данное окно может отсутствовать или наоборот будет присутствовать дополнительные строки. Напомню, что для примера я выбрала тему Sidney.
  3. Нажмите Сохранить меню.

создание меню вордпресс

 

Теперь откройте главную страницу своего веб сайта, которую будет видить ваш клиент.

В правом верхнем углу появилось Меню: Главная и О фотографе.

создание меню в вордпресс

 

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

вордпресс создание сайта

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

Эти блоки называются виджеты. При создании блога они очень активно используются создателями, однако я считаю, что в случае с сайтом — визиткой фотографа на начальном этапе они не нужны. По ходу развития вашего сайта, возможно вы добавите какие-то определенные виджеты, но на данном этапе, я предлагаю их убрать.

руководство по созданию вордпресс сайта

 

Для этого зайдите в Панель Управления,

далее выберите Внешний Вид - Виджеты.

управление виджетами вордпресс

 

С правой стороны будут

отображаться активные виджеты.

руководство виджеты вордпресс

 

Чтобы их удалить нажмите на маленькую стрелку напротив названия виджета

и в открывшемся окошке выберите Удалить. И так сделайте с каждым виджетом.

сайт на основе вордпресс

 

Если после удаления вы посмотрите на страницу О фотографе, то увидите, что виджеты исчезли.

И теперь страница смотрится гораздо приятнее.

создание сайта на основе вордпресс

 

Двигаемся дальше и теперь создадим страницу Портфолио и разместим ее в Главном Меню.

В Панели Управления выберите Страницы - Добавить Новую.

создать сайт с нуля

 

В новом окне/странице напишите Портфолио или Галерея. Это уже на ваше усмотрение.

Нажмите сохранить и опубликовать.

создать сайт самому с нуля

Создайте еще одну новую страницу и назовите ее, например Свадьбы.

Далее Сохранить и Опубликовать.

как создать страницу в вордпресс

 

Можете создать еще одну страницу, Семейная фотосъемка. Сохраните и Опубликуйте ее.

Когда страница будет опубликована, то над ее названием будет видна надпись «Страница опубликована».

как создать страницу в вордпрес

 

Далее перейдите на вкладку Внешний Вид — Меню.

как создать страницу вордпресс

 

В новом окне слева вы увидите блок Страницы.

Поставьте галочки (1) рядом с названиями ранее созданных страниц  и нажмите Добавить в меню (2).

создаем сайт сами

 

Через секунду вы увидите, что ваши страницы

появились в блоке Структура Меню.

сами создаем сайт

 

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

Это действие превратить их в подразделы меню Портфолио.

Нажмите клавишу Сохранить Меню.

создаем сайт сами вордпресс

 

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

Теперь подводя стрелку мышки в слову Портфолио можно будет увидеть его подразделы: Семейная фотосъемка и Свадьбы.

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

создать сайт для фотографа

 

Возвращаемся в Панель Управления. Сейчас мы будем учиться заполнять страницы подразделов портфолио.

Для этого перейдите на любую страницу портфолио. В примере я выбрала Свадьбы.

Нажмите на слово Изменить, под названием страницы.

создать сайт для фотографа вордпрес

 

В новом окне нажмите

на Добавить Медиафайл.

как создать сайт фотографа на вордпресс

 

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

сайт фотографа создан

 

После окончания загрузки, отметьте галочкой фотографии, которые вы хотите разместить в портфолио.

И нажмите вставить в страницу.

сайт фотографа создан на вордпрес

 

После этого вы окажетесь на странице, где уже будут загружены фотографии.

сайт фотографа создать самому

 

Чтобы изменить размер фотографий и увеличить их нажмите на нужную фотографию.

Далее в появившемся меню нажмите на значок Карандаша, что означает изменить.

создать самому сайт фотографа

 

Вы окажитесь на новой странице, где вам предстоит поменять размер изображения.

Это можно сделать нажав на размер и выбрать из предложенных нужный вам вариант.

Фотографии на всех моих сайтах загружены в формате 900*600. Это способствует более быстрой загрузке/открытию сайта на любом устройстве.

Чтобы сохранить изменения нажмите Обновить в правом нижнем углу экрана.

как вставить фотографии в вордпресс

 

После изменения формата изображения всех необходимых вам фотографий,

нажмите клавишу Обновить.

как изменить фотографии в вордпресс

 

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

Как видите теперь там появились фотографии.

создание портфолио вордпресс

 

Помимо описанного мною способа создания раздела Портфолио, существуют другие варианты. Это загрузка специальных плагинов, помогающих автоматически создать портфолио. Приведу несколько примеров таких плагинов:

  • Waving Portfolio
  • Nimble Portfolio
  • Portfolio Showcase
  • Full Width Responsive Portfolio

Все плагины загружаются и устанавливаются по аналогии с которой мы уже с вами устанавливали. Помните, если вам не понравится работа какого-то плагина, вы всегда можете его Деактивировать, а потом Удалить.

Теперь нам необходимо сделать еще очень важные действия, которые позволять поисковым системам (Гугл / Яндекс) увидеть, изучить ваш сайт и правильно показать его в результатах поиска.

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

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

создание портфолио фотографа вордпресс

 

Заполнять заголовки и описания необходимо не только на странице с текстом, но и на каждой фотографии. Для этого выберите Добавить Медиафайл, расположенный под названием страницы. Выберите необходимую фотографию и справа вы увидите блоки, которые вам необходимо заполнить:

  1. Заголовок. Здесь автоматически указано название файла, под которым вы его загружали в систему.
  2. Атрибут Alt. Название фотографии с ключевым словам.
  3. Описание. Краткое описание фотографии.

Когда вы вернетесь на основную часть страницы, нажмите клавишу Обновить.

как создать портфолио фотографа в вордпрес

 

И последнее действие, которое мы изучим с вами в этой статье - создание записи. Это в первую очередь необходимо, если вы планируете вести блог на своем сайте.

Все статьи на блогах публикуются именно при помощи этой функции.

В Панели Управления выберите Записи — Добавить новую.

сайт портфолио фотографа

 

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

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

По окончанию всех действий нажмите Сохранить и Опубликовать.

как создать сайт самому для фотографа

 

После этого на основной странице сайта у вас появится ваша новая Запись.

как опубликовать статью на вордпресс

 

На этом статья «Как самому создать веб сайт? Часть 3.» заканчивается.

В следующей статье Как создать сайт самому? Часть 4 я расскажу о некоторых важных деталях, которые вам нужно будет сделать, чтобы помочь Яндекс и Гугл проиндексировать ваш сайт.

Рассказать друзьям
Share on VKTweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on PinterestShare on TumblrShare on RedditShare on StumbleUponDigg thisFlattr the authorEmail this to someonePrint this page

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>