Полная переделка сайта Царские ковры
Полная переделка сайта по продаже автоковриков
05.10.2016
Как подтвердить права на сайт и установить Яндекс Метрику и Google Analytics на примере WordPress
Как подтвердить права на сайт и установить аналитику от Яндекс и Google
07.10.2016

CMS WordPress – самая полная инструкция по созданию сайта

CMS WordPress - создаем качественный сайт своими руками

Любая мало-мальски значимая компания сегодня пытается обозначить свое присутствие в интернете. Через год или два даже у палаток с шаурмой будут свои собственные посадочные страницы, на которых они будут выкладывать акции и новости своей сферы. Если вы только начинаете бизнес, бюджеты ОЧЕНЬ ЖЕСТКО лимитированы, но понимание (не просто НАДО, а знать ЗАЧЕМ надо) необходимости наличия сайта у вас присутствует, то можно с минимумом затрат сделать сайт своими руками на одной из самых популярных в мире CMS – WordPress.

Я не являюсь сторонником самостоятельного создания сайтов людьми, у которых в этом нет опыта. Обычно из этого получается треш и ничтожество, поэтому даже в рамках тестирования ниши или пробы своих бизнес-способностей я рекомендую обратиться к тем, кто в этом что-то понимает. Но если уж сильно прижало…. С другой стороны, если вы хоть чуть-чуть владеете навыками ведения бизнеса, то вы будете знать что нужно вашим клиентам (хотя бы в теории), а это уже составит определенный костяк структуры сайта. А дальше дело опыта. И вопрос в том есть ли у вас время для получения этого опыта или нет…

Установка CMS WordPress

ПРОФИТ! Обычно я в целях экономии времени пользуюсь услугами тех. поддержки хостинга, которая в 99% приходит на помощь в вопросе установки WordPress.

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

Устанавливать WordPress ручками – это все таки время, а иногда и геморрой (когда база данных не коннектится например), поэтому про знаменитую 3-х минутную установку расскажут кому-нибудь еще, а из той же админки хостинга (при наличии такой возможности) установка проходит за 30 секунд.

Когда WordPress установился, некоторые особо одаренные (я в молодости в том числе) даже не понимают как зайти в админку. Объясняю:

http://вашсайт.рф/wp-admin

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

Базовая настройка CMS WordPress

Вот несколько первых шагов, которые нужно сделать сразу после установки:

Задайте название и описание сайта и адрес электронной почты

Название сайта – это то, что будет отображаться в поисковой выдаче и при открытой вкладке.

CMS WordPress - создаем качественный сайт своими руками

Задаем главную страницу на сайте (которая будет высвечиваться при наборе доменного имени вашего сайта в адресной строке браузера)

Здесь выбирайте “Пример страницы”, который мы потом и будем редактировать как главную.

CMS WordPress - создаем качественный сайт своими руками

Задаем формат ссылок, который будет приписывать вашим записям и страницам WordPress

Это важно для SEO и чтобы не портить чувства эстетов билибердой в адресной строке

CMS WordPress - создаем качественный сайт своими руками

Покупаем и устанавливаем тему Betheme

Купить тему можно по ссылке: https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048 , стоит она 60$ (на момент выхода статьи).

Почему именно эта тема:

  • 200 предустановленных демо, которые можно использовать в собственных целях
  • Visual Composer (простейший и гибкий редактор страниц) и Layer Slider (крутой плагин для слайдеров) уже входят в базовое оснащение темы
  • 100% адаптивность под все возможные устройства
  • Очень понятная админка для настройки самой темы
  • Тема почти полностью русифицирована

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

CMS WordPress - самая полная инструкция по созданию сайта

Настройка темы WordPress Betheme

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

CMS WordPress - самая полная инструкция по созданию сайта

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

При внесении изменений в настройки темы не забывайте их сохранять соответствующей кнопочкой в настройках темы (справа внизу и вверху).

Обязательные плагины WordPress для каждого сайта

CMS WordPress - самая полная инструкция по созданию сайта

Как вообще установить плагины? Элементарно, Ватсон! Заходим в соответствующий раздел админки WordPress, нажимаем “Добавить новый” и находим его внутренним поиском.

CMS WordPress - самая полная инструкция по созданию сайта

Эти плагины бесплатны и ОБЯЗАНЫ быть на каждом WordPress-сайте

SEO by yoast

хит-парад лучших бесплатных плагинов для WordPress

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

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

Google XML Sitemaps

Google XML Sitemaps

Плагин вроде как от Google, который делает карту сайта. Он нужен для SEO. И нужен он прежде всего Google, поэтому пренебрегать им не стоит однозначно. Он должен быть.

Protected wp-login

Сайт раскручен, но заказчиков нет. Что делать?

Админка WordPress лежит через путь: вашдомен.хз/wp-admin, с этим же плагином к этому пути можно добавить что угодно, хоть название самого труднопроизносимого города в мире. Т.е. вы можете задать вашдомен.хз/wp-adminrazdvarazdvaraz. Это нужно для того, чтобы сложнее было подобраться к вашей админке и сделать с сайтом какую-нибудь гадость. Впрочем в более серьезных проектах, нежели сайт палатки с шаурмой (хотя бы федеральная сеть из палаток), защита стоит уже более сложная.

Rus filename and link translit

Продвижение сайта по позициям: мифы и реальность

 

WordPress при той настройке, которую мы задали, формирует URL (ссылку) из заголовка страницы. Чтобы эти ссылки автоматом переводились в транслит, ставим этот плагин. Пусть лучше будет. Ну его нафиг эти русские урлы…

WP Retina 2x

Отзыв о книге "100+ практических хаков для интернет-маркетологов"

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

Базовые настройки сделали, плагины установили, теперь делаем первую страницу!

В начале статьи я  говорил про плагин Visual Composer для WordPress, так вот это космическая штука в рамках этой темы.

Переходим к разделу “Страницы” и идем в “все страницы”

7

Там мы видим наш “пример страницы”, заходим в него и удаляем все, что там есть на данный момент.

Далее нам нужно разобраться в базовых элементах управления: 1 – Заголовок страницы (как она будет выглядеть на поиске, для того же поиска важный элемент), 2 – Переключение на режим функционала Visual Composer, 3 – Кнопка сохранения всего, что вы наделали со страницей.

CMS WordPress - самая полная инструкция по созданию сайта

Далее нажимаем на один из двух вариантов (любой), чтобы создать первый блок:

CMS WordPress - самая полная инструкция по созданию сайта

Далее я отметил те блоки, которые нам понадобятся для построения базового функционала:

CMS WordPress - самая полная инструкция по созданию сайта

Ряд – это слоты, в которые вы будете помещать остальной контент. Перемещается он путем перетаскивания, словами это описать сложно. Проще один раз попробовать. Ряд может делиться на 1, 2, 3, 4 и 6 столбцов в разных пропорциях. У рядов можно задать различные параметры (бордюры, фон, отступы и т.д.), делается это при нажатии на карандашик сверху ряда.

CMS WordPress - самая полная инструкция по созданию сайта

Текстовый блок – еще один важный инструмент, с которым вам очень плотно придется работать. Редактируется он так же несложно. CMS WordPress - самая полная инструкция по созданию сайтаCMS WordPress - самая полная инструкция по созданию сайта

Здесь 1 и 2 – это переключение между режимом кода и текста. 3 – кнопка сохранения. С помощью текстового редактора можно вставлять изображения, расставлять заголовки и форматировать текст. Все это довольно легко и просто.

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

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

Как страницы добавлять в меню

Чтобы у вас все ваши новые страницы отображались в шапке сайта, нужно перейти во вкладку “внешний вид” – “меню”.

CMS WordPress - самая полная инструкция по созданию сайта

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

Финалочка

Вот мы и разобрались с тем как создать свой сайт на CMS WordPress с помощью BeTheme и плагина Visual Composer. Все не так уж и сложно, но, как и в любом деле, создание красивого и полнофункционального сайта требует практики.

Если же у вас нет времени возиться с сайтом, можете заказать его у меня

Константин Фримен и проект Заработай или сдохни