Как создать сайт за один вечер?

Как создать красивый сайт на WordPress: самая простая инструкция для новичков.

Как создать сайт за один вечер без HTML и JavaScript?

Бесплатное пошаговое руководство поможет вам создать сайт за 30 минут или меньше. Поехали!

Как создать сайт новичку?
1. Выберите хостинг
2. Зарегистрируйте доменное имя
3. Настройте сайт на WordPress
4. Опубликуйте первую статью

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

Для начала вам нужно получить хостинг ─ услугу по хранению сайтов.

Мы рекомендуем вам надёжный хостинг Beget.com  Отзывчивые сотрудники компании отвечают на все вопросы новичков и помогают исправлять ошибки.

Зарегистрируйтесь на сайте Beget.com.

Введите код, который придёт на телефон в CMS. Проверьте почтовый ящик и перейдите по ссылке в письме, чтобы подтвердить регистрацию на сайте.

Пополните баланс с банковской карточки. Нажмите кнопку «Оплата» рядом с копилочкой.

Не обязательно вносить деньги на счёт сразу. У вас в запасе 30 дней тестового периода и бесплатный поддомен.

Зарегистрируйте доменное имя

В Панели управления хостингом выберите раздел «Домены и поддомены».

На странице «Управление доменами и поддоменами» перейдите на вкладку «Регистрация доменов».

Придумайте доменное имя вида sait.ru. Введите в рамочке имя домена и нажмите «Продолжить».

Если это доменное имя ещё никто не регистрировал, вы сможете его купить. Если доменное имя уже занято ─ придумайте другое.

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

Настройте сайт на WordPress

Нажмите «Меню» ─ «Сайты».

В поле Имя сайта введите доменное имя и нажмите «Создать».

Появится новая строчка с названием сайта.

Нажмите зелёный значок, с подсказкой при наведении курсора мышки «Прикрепить домен».

В открывшемся окошке выберите домен и нажмите «Прикрепить».

Появится сообщение: «Домен успешно прикреплён к сайту».

Нажмите «Меню» ─ «CMS».

CMS ─ это программа для управления сайтом.

Выберите WordPress.

Придумайте «Описание сайта», «Логин администратора» и «Пароль администратора» и запишите эти данные где-нибудь для себя, чтобы вы всегда могли зайти на сайт в качестве администратора. Нажмите «Установить».

Ваш сайт будет состоять из двух половинок. Сайт для посетителей будет доступен по адресу sait.ru, а панель управления сайтом (админка) по адресу sait.ru/wp-admin.

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

Опубликуйте первую статью

Статьи в WordPress должна принадлежать определённой рубрике.

В административной панели выберите в боковом меню «Записи» ─ «Рубрики».

Введите «Название» рубрики. Наберите в графе «Ярлык» слово английскими буквами. Оно попадёт в ссылку к странице рубрики: http://sait.ru/rubrika. Нажмите кнопку «Добавить новую рубрику».

Перейдите в меню «Записи» ─ «Добавить новую».

Введите название статьи и наберите текст.

В правом боковом меню отметьте галочкой вашу новую рубрику и нажмите кнопку «Опубликовать».

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

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

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

Как сделать красивый сайт?

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

Вы можете красиво оформить заголовки и списки в статьях.

Разобраться со всеми тонкостями дизайна поможет HTML шпаргалка. Из этой шпаргалки вы узнаете, как оформить текст курсивом, как сделать ссылку, как добавить картинку, найдёте коды для размещения кнопок.

Правила удачного дизайна

Держите важный контент на виду

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

Поместите наверх самые важные элементы страницы: меню, поиск, кнопки ваших страничек в соцсетях.

Организуйте свободное пространство

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

Добавьте изображения

Красивые фотографии, векторная графика или иконки создадут на сайте уютную атмосферу.

Включите призыв к действию

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

Стремитесь к простоте

Не используйте в дизайне сайта слишком много цветов и оттенков. Остановитесь на пяти цветах, не больше.

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

Выбирайте цвета, которые одинаково хорошо отображаются во всех браузерах. В этом вам поможет «Таблица безопасных цветов».

Используйте крупные и чёткие шрифты, чтобы посетители без напряжения читали все надписи.

Цвет текста сделайте контрастным фону.

Используйте на сайте не более трёх разных шрифтов и не более трёх разных размеров.

Убедитесь, что по сайту легко ориентироваться

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

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

Создайте логотип сайта и привяжите к нему ссылку на главную страницу.

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

Разместите вертикальное меню сбоку от статьи.

Если на страницах будет много текста, сделайте в нижнем углу кнопку «Наверх».

Включите навигацию в подвал сайта.

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

Разместите панель поиска в верхней части сайта, чтобы облегчить поиск информации.

Будьте последовательны

У всех страниц должен одинаковый внешний вид: одна цветовая схема, одни и те же шрифты и фоны.

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

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

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

Адаптивный дизайн сайта на WordPress можно создать с помощью плагина WPtouch.

Плагин ─ это дополнительная программа, которая устанавливается на сайт из админки, чтобы добавить какую-то важную функцию. Вот «Самые лучшие и нужные плагины WordPress».