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

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

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

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

Соответственно для меня самым оптимальным способом является: Создание сайта на хостинге + 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 Напишите что именно не понравилось, я не буду публиковать ваш комментарий, но обязательно добавлю информацию: Может мало фото? Может нет той информации, которую вы искали? Напишите, пожалуйста!

О сайте
Комментарии (6)
  1. Юлия

    Здравствуйте! Хочу создать сайт визитку для небольшого детского клуба, с описанием услуг, галереей, новостями и пр. Я совсем новичок, пробовала бесплатный хостинг с Вордпресом, слишком сложно для меня с плагинами и остальным. Подойдет ли мне Ukit? Заранее благодарна!

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

      Добрый день. Да, вполне подойдет. Но они они вроде сейчас убрали бесплатную версию. Лучше уточните на сайте, потому что зарегистрироваться на бесплатный тариф больше нельзя

  2. Рустем

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

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

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

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

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

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

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

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

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