Любая мало-мальски значимая компания сегодня пытается обозначить свое присутствие в интернете. Через год или два даже у палаток с шаурмой будут свои собственные посадочные страницы, на которых они будут выкладывать акции и новости своей сферы. Если вы только начинаете бизнес, бюджеты ОЧЕНЬ ЖЕСТКО лимитированы, но понимание (не просто НАДО, а знать ЗАЧЕМ надо) необходимости наличия сайта у вас присутствует, то можно с минимумом затрат сделать сайт своими руками на одной из самых популярных в мире CMS – WordPress.
Я не являюсь сторонником самостоятельного создания сайтов людьми, у которых в этом нет опыта. Обычно из этого получается треш и ничтожество, поэтому даже в рамках тестирования ниши или пробы своих бизнес-способностей я рекомендую обратиться к тем, кто в этом что-то понимает. Но если уж сильно прижало…. С другой стороны, если вы хоть чуть-чуть владеете навыками ведения бизнеса, то вы будете знать что нужно вашим клиентам (хотя бы в теории), а это уже составит определенный костяк структуры сайта. А дальше дело опыта. И вопрос в том есть ли у вас время для получения этого опыта или нет…
ПРОФИТ! Обычно я в целях экономии времени пользуюсь услугами тех. поддержки хостинга, которая в 99% приходит на помощь в вопросе установки WordPress.
Альтернативный вариант – хостинг Бегет (отзыв об этом хостинге я писал в одной из первых статей на этом сайте), где WordPress ставится под ключ из админки (к слову, есть и другие хостеры, которые дают такую возможность).
Устанавливать WordPress ручками – это все таки время, а иногда и геморрой (когда база данных не коннектится например), поэтому про знаменитую 3-х минутную установку расскажут кому-нибудь еще, а из той же админки хостинга (при наличии такой возможности) установка проходит за 30 секунд.
Когда WordPress установился, некоторые особо одаренные (я в молодости в том числе) даже не понимают как зайти в админку. Объясняю:
http://вашсайт.рф/wp-admin
Вот так будет выглядеть ссылка для входа в админку, далее вбиваете логин и пароль и вперед к созданию Вашего шедевра….
Вот несколько первых шагов, которые нужно сделать сразу после установки:
Задайте название и описание сайта и адрес электронной почты
Название сайта – это то, что будет отображаться в поисковой выдаче и при открытой вкладке.
Задаем главную страницу на сайте (которая будет высвечиваться при наборе доменного имени вашего сайта в адресной строке браузера)
Здесь выбирайте “Пример страницы”, который мы потом и будем редактировать как главную.
Задаем формат ссылок, который будет приписывать вашим записям и страницам WordPress
Это важно для SEO и чтобы не портить чувства эстетов билибердой в адресной строке
Купить тему можно по ссылке: https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048 , стоит она 60$ (на момент выхода статьи).
Почему именно эта тема:
Итак, тему мы купили, скачали, теперь нам нужно установить.
Админка темы очень гибкая. В ней настраивается все – логотипы, фавиконы, внешний вид шапки сайта, настройки подвала и прочее. Если не хотите сильно загоняться и разбираться, рекомендую поставить логотип и фавикон (ориентируйтесь на стандартные размеры) и подредактировать шрифты и цвета на свое усмотрение, все это есть в админке и настраивается буквально на лету.
Самое интересное, что BeTheme позволяет рукастым верстальщикам делать из сайта вообще все, что угодно, но данный аспект темы в рамках этой статьи мы рассматривать не будем.
При внесении изменений в настройки темы не забывайте их сохранять соответствующей кнопочкой в настройках темы (справа внизу и вверху).
Как вообще установить плагины? Элементарно, Ватсон! Заходим в соответствующий раздел админки WordPress, нажимаем “Добавить новый” и находим его внутренним поиском.
Самый лучший плагин для SEO, который дает возможность даже упоротым чайникам немного продвинуть свой сайт в поиске. При условии нормальной настройки, правильного заполнения всех параметров и работы по сайту в других направлениях SEO станет костяком, который реально избавит от львиной доли геморроя и рутины. Кстати, плагин формирует даже микроразметку сайта (автоматом, красавчик!), что есть очень и очень хорошо.
Конечно не стоит ждать, что ваш сайт взлетит в выдаче до невиданных высот по всем регионам за месяц, но ларек с шаурмой на районе будет иметь свое представительство в ТОПе довольно быстро.
Плагин вроде как от Google, который делает карту сайта. Он нужен для SEO. И нужен он прежде всего Google, поэтому пренебрегать им не стоит однозначно. Он должен быть.
Админка WordPress лежит через путь: вашдомен.хз/wp-admin, с этим же плагином к этому пути можно добавить что угодно, хоть название самого труднопроизносимого города в мире. Т.е. вы можете задать вашдомен.хз/wp-adminrazdvarazdvaraz. Это нужно для того, чтобы сложнее было подобраться к вашей админке и сделать с сайтом какую-нибудь гадость. Впрочем в более серьезных проектах, нежели сайт палатки с шаурмой (хотя бы федеральная сеть из палаток), защита стоит уже более сложная.
WordPress при той настройке, которую мы задали, формирует URL (ссылку) из заголовка страницы. Чтобы эти ссылки автоматом переводились в транслит, ставим этот плагин. Пусть лучше будет. Ну его нафиг эти русские урлы…
Крутой бесплатный плагин, который автоматом делает так, чтобы картинки вашего сайта нормально смотрелись на всей технике Apple с экранами Retina. Кто не знает, эти экраны автоматом увеличивают разрешение всех изображений на 2, чтобы повысить качество отображения.
В начале статьи я говорил про плагин Visual Composer для WordPress, так вот это космическая штука в рамках этой темы.
Переходим к разделу “Страницы” и идем в “все страницы”
Там мы видим наш “пример страницы”, заходим в него и удаляем все, что там есть на данный момент.
Далее нам нужно разобраться в базовых элементах управления: 1 – Заголовок страницы (как она будет выглядеть на поиске, для того же поиска важный элемент), 2 – Переключение на режим функционала Visual Composer, 3 – Кнопка сохранения всего, что вы наделали со страницей.
Далее нажимаем на один из двух вариантов (любой), чтобы создать первый блок:
Далее я отметил те блоки, которые нам понадобятся для построения базового функционала:
Ряд – это слоты, в которые вы будете помещать остальной контент. Перемещается он путем перетаскивания, словами это описать сложно. Проще один раз попробовать. Ряд может делиться на 1, 2, 3, 4 и 6 столбцов в разных пропорциях. У рядов можно задать различные параметры (бордюры, фон, отступы и т.д.), делается это при нажатии на карандашик сверху ряда.
Текстовый блок – еще один важный инструмент, с которым вам очень плотно придется работать. Редактируется он так же несложно.
Здесь 1 и 2 – это переключение между режимом кода и текста. 3 – кнопка сохранения. С помощью текстового редактора можно вставлять изображения, расставлять заголовки и форматировать текст. Все это довольно легко и просто.
Сепаратор и кнопка – это два декоративных элемента. Сепаратором вы сможете разбивать блоки по смыслу горизонтальной чертой, а на кнопку повесить какую-либо функцию или ссылку и расположить ее почти на любом месте страницы. Параметры этих двух элементов настолько простые, что вы поймете все с первого взгляда. Главное – не забывайте сохранять настройки.
Создание новых страниц совершается по абсолютной аналогии через вкладку “страницы” – “добавить новую”.
Чтобы у вас все ваши новые страницы отображались в шапке сайта, нужно перейти во вкладку “внешний вид” – “меню”.
Здесь выбираем страницы, которые нам нужны, отмечаем их галочками и скидываем в меню, там можем подкорректировать название. Не забывайте поставить галочку на “главное меню” в “областях темы” внизу страницы, не забудьте все это сохранить!!!!
Вот мы и разобрались с тем как создать свой сайт на CMS WordPress с помощью BeTheme и плагина Visual Composer. Все не так уж и сложно, но, как и в любом деле, создание красивого и полнофункционального сайта требует практики.