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

Какой наш главный принцип при создании сайта?

Если вы думаете что разработчики свои сайты делают как-то по особенному, то глубоко ошибаетесь. «Как-то по особенному» мы делаем сайты для заказчиков, потому что каждый хочет что-то лучше или также как у конкурента.
Если мы делаем сайт для себя, то придерживается довольно простых правил:

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

Соответственно для меня самым оптимальным способом является: Создание сайта на хостинге + WordPress + готовая тема.
Такой способ подойдет всем, кто неплохо разбирается в компьютерах, не боится ползать по разным настройкам и пробовать что-то новое. Если же вы хотите, чтобы все было максимально просто, то лучше смотрите в сторону конструкторов сайтов.

Создаем идеальный сайт от и до за 30 минут.

Цель этой статьи: Я хочу Вам показать как я начинаю любой проект с самого начала и до создания сайта. Это займет не более часа и каждый из Вас сможет это легко повторить.
Wordpress самая популярная система управления в мире, для которой несколько десятков тысяч человек пишут дополнения и на ней можно создать практически любой сайт. Но эта статья будет самым началом начал! Мы создадим самый простой сайт, который вы сами сможете развить в будущем. Давайте приступим.

Выбираем хостинг

Это место где будет храниться Ваш сайт. У нас достаточно хороших и полезных рекомендаций по этому поводу, поэтому не будем повторяться. Лучше прочитайте:

Во всех своих примерах я буду использовать хостинг: Beget.ru

Выбираем домен

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

Что тут важно знать: После того, как вы зарегистрировали и оплатили домен, он станет доступен не сразу. До активации проходит от 12 часов до 5 суток. Я обычно регистрирую его вечером и утром уже получаю готовый сайт.
Домен и хостинг могут быть в разных местах, но чтобы их связать Вам понадобиться прочитать «Как поменять DNS», либо обратиться к разработчику и он за 500 рублей все сделает.

Устанавливаем WordPress

Во всех инструкциях по установке WordPress вам будут рассказывать про закачку файлов по FTP. Но на сегодня есть гораздо более простой способ: На любом нормальном хостинге есть возможность автоматически установить самые популярные системы управления.
Есть очень важный момент: WordPress нужно устанавливать только после того, как станет активным ваш домен. Эта система очень много настроек связывает именно с доменом на который была установлена. А многие хостинги дают вам бесплатный домен и клиенты-торопыги ставят сайт на него, а потом получают кучу ошибок. Исправить это не сложно, но нужно лезть в базу данных, поэтому опять придется идти к стороннему разработчику и платить ему деньги.
После установки Вам выдается логин и пароль от вашего сайта. На разных хостингах по разному: где-то он генерируется автоматически, где-то вы его придумываете сами, в любом случае это надо сохранить.
Чтобы войти в панель управления нужно перейти вашдомен/wp-login.php
Автоматическая установка CMS на хостинге Beget.ruсоздать сайт на wordpress самостоятельно

Устанавливаем минимальный набор плагинов для работы

Теперь давайте договоримся: в сети и на Youtube огромное количество уроков по WordPress, поэтому я не буду расписывать каждый клик: «Зайдите в меню плагины, перейдите в добавить новый, справа сверху будет поле для ввода названия» Вот таким я здесь заниматься не буду! Вы можете либо посмотреть мое видео к этому уроку, где я ставлю все эти плагины, либо вбить в google «Как установить плагины на WordPress» и найти большое количество подробных инструкций. Если это слишком сложно — то лучше опять посмотреть в сторону конструкторов сайтов, там все это сделано за вас.
Итак, для начала работы нам нужно установить плагины:

  • Akismet — он защищает вас от спама в комментариях. И делает это очень хорошо! У нашего сайта он фильтрует 105% спама. Почему 105? Потому что фильтрует абсолютно весь спам и еще 5% настоящих комментариев. Поэтому периодически его проверяю. Чтобы его подключить, вам нужно будет зарегистрироваться на сервисе его разработчиков и получить специальный пароль для вашего сайта. (после активации этого плагина вам будет об этом сказано в админ. панели). Так вот — плагин полностью бесплатный, но во время регистрации постоянно будет просить денег (принцип как на нашем сайте avito — он постоянно будет ставить галочки с какими-то платными опциями, а если их отключить, то все будет бесплатно). В сети много видео по его установке.
  • Cyr-To-Lat — этот плагин переделывает ваши русские заголовки в английские названия страниц. Это очень важно для поисковых систем! Именно поэтому его важно установить до начала создания разных страниц. Делает он это автоматически, поэтому его даже настраивать не нужно.
  • Yoast SEO — позволяет вам добавлять «ключевые слова» для каждой страницы. Незаменим, если вы хотите продвигать ваш сайт.
  • CodeStyling Localization — с помощью него можно перевести иностранные слова. Например я часто вижу на других сайта кнопки «Read more», вместо «Подробнее». Для меня это как лакмусовая бумажка, что сайт очень низкого уровня! Скажу сразу, что переводить такие слова нужно будет вручную — никакого автоматического перевода нет. Как это сделать — посмотрите видео к этой статье, там я переведу несколько фраз. Ну или снова в Youtube. (upd: к сожалению, плагин полностью удален и не поддерживается, чтобы перевести сайт придется разбираться с программой poedit).

Это необходимый минимум. И мой вам совет: не перегружайте свой мозг и не ставьте сразу все-все что советуют. Решайте проблемы по мере их поступления: Ваш сайт стал слишком посещаемым? Спросите у Google и он скажет, что вам нужно установить плагин кеширования. Нужно отправлять формы обратной связи? Спросите у Google и он посоветует вам плагин Contact form 7. Но есть проблема: на каждую такую задачу есть не один, а 10-20 плагинов, которые имеют разные настройки и работают по-разному! Если ставить сразу все — то у Вас мозг взорвется. Поэтому сначала необходимый минимум — а потом постепенно расширяйте функционал. Будьте готовы, что придется попробовать несколько разных плагинов, для решения одной задачи.

Настраиваем WordPress

Вот здесь очень внимательно, поскольку это единственный момент, где я не уверен что на 100% прав.
Дело в том, что когда я создаю какую-то страницу в рубрике, то WordPress дает ей такой адрес: www.мойсайт/рубрика/названиестраницы
Эта страница попадает в поисковики и все хорошо — люди переходят. Но через несколько месяцев я чуть меняю структуру сайта и переношу страницу в другую рубрику, а злодей WordPress меняет адрес этой страницы на: www.мойсайт/другаярубрика/названиестраницы. И это катастрофа, потому что прошлая раскрученная страница вылетает из поиска, а новая будет очень долго раскручиваться. Поэтому еще до создания всех страниц я меняю эту логику. Делается это в админ панели по адресу: Настройки > Постоянные ссылки. И здесь ставите галочку «Название записи».

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

Как установить тему WordPress

Кто-то вам скажет, что на этом можно и остановиться, но мы ведь хотим создать красивый сайт. А WordPress по-умолчанию выглядит совсем не очень. Поэтому мы будем устанавливать готовую тему и я покажу простой способ как это сделать..
Готовая тема — это как одежда для сайта, которая полностью меняет его внешний вид. Раньше для каждого сайта разрабатывалась своя тема, но сейчас разработчики сбиваются в команды и делают что-то темы, которые человек сможет настроить под свои нужды. И вот тут очень тонкий момент: нет никаких правил для создания готовой темы, все зависит только от автора. Поэтому в одной теме вы можете поменять только текст и картинки, а в другой встроен великолепный текстовый редактор, который позволяет творить чудеса. Разница на самом деле огромная!
Наш сайт создан на готовой теме: The7 и ее я вам очень рекомендую. Более того! На 2016 год — это самая лучшая тема, которую я когда либо видел и она подойдет для 99% сайтов.
Что здесь важно знать: Во-первых, покупая эту тему, вы можете ее использовать для нескольких сайтов. Во-вторых, даже если вы закажите установку тему стороннему разработчику — покупать вы ее должны сами. Приведу простой пример:
Буквально 2 дня назад обновилась система управления WordPress и после обновления у меня полностью отказал текстовый редактор. Обновление всех плагинов не помогло. Я спросил у Google и он сказал, что такие проблемы у очень многих пользователей. Проблема оказалась, что нарушилась связь между текстовым редактором, темой и WordPress. Вот если бы тему покупал не я, а сторонний разработчик, то мне бы пришлось сейчас ее снова покупать и переустанавливать. А так я просто ее обновил. И таких проблемы бывают часто. Очень важно, чтобы все покупалось на ваше имя и вы ко всему имели доступ.
Устанавливается тема в 2 клика. Как это сделать — смотрите в моем видео.

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

Начинаем работать с сайтом

Теперь снова внимание! Как я уже говорил — нет никаких правил для разработки тем. Если тема бесплатная — то в ней легко могут быть вшиты вирусы, либо скрытые ссылки на сторонние ресурсы. Если тема платная — то у нее обязательно должен быть предпросмотр и автор гарантирует что вы сможете создать точно такую же страницу, как на этом предпросмотре. О том, чтобы переделать эту страницу под себя речи не идет.
Поэтому каждую тему мы будем рассматривать в отдельной статье или видео! Здесь я показал только обязательные действия, с которых нужно начинать в любом случае.
На самом деле все что нужно — вы уже сделали. Сайт уже будет выглядеть хорошо и вы можете начинать работу.
В видео по этой статье я создам простенький сайт визитку, чтобы довести дело до конца.
Друзья. Я постарался максимально просто показать как можно быстро создать сайт и начать с ним работать. Но я этим занимаюсь уже давно и то что мне кажется элементарным, может вызвать затруднения у тех, кто делает это в первый раз.
Если у Вас возникли трудности или какие-то вопросы — напишите мне и я дополню статью. Заранее спасибо

Спасибо за прочтение

Если статья была для вас полезна, то можете сказать спасибо 3 простыми способами:

  1. 1 Поделитесь ей в социальных сетях, чтобы не потерять:

    4
  2. 2 Оцените статью от 1 до 5

    УжасноОчень плохоНичего новогоХорошоПолезно (1 оценок, среднее: 5,00 из 5)
    Загрузка...
  3. 3 Напишите что именно не понравилось, я не буду публиковать ваш комментарий, но обязательно добавлю информацию: Может мало фото? Может нет той информации, которую вы искали? Напишите, пожалуйста!

О сайте
Комментарии (4)
  1. Рустем

    Оооо. Ели нашел эту страницу. Весь ваш сайт пришлось перелопатить.

    • Анатолий Мясоедов

      Добрый день.
      Я перестал развивать этот раздел и второй части с разбором темы нет, поэтому он в такой глубине =)

  2. Анатолий, еще раз спасибо за the7. В данном выше видео Вы упомянули Ваш обзор этой темы. А где его можно найти? Я замучил Гугл поиском этого обзора…

    • Анатолий Мясоедов

      Добрый день, не записал еще. Был очень напряженный месяц по основной работе. Сейчас уезжаем в отпуск, а по возвращении — это будет первое что сделаю для блога

Оставить комментарий

Ваш email адрес не публикуется. Обязательные для заполнения поля помечены *

очиститьОтправить