1. Business
  2. Startups
  3. Entrepreneurship

Как Создать Простой Дизайн Вашего Сайта с Помощью WordPress

Scroll to top

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

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

В этой стать, мы покажем вам как выбрать простую, платную тему WordPress, а затем раскажем, как вы можете бысто создать свой сайт с помощью этой темы. Тем самым быстро запустив сайт для своего бизнеса или своего протфолио.

Почему Стоит Использовать Сайт WordPress с Простым Дизайном?

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

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

Простые WordPress темы имеют ряд преимуществ, которые делают их выбор превлекательным:

  • Быстрая Скорость Загрузки - Благодаря их минималистичному дизайну, использование простой темы положительно скажется на скорости загрузки вашего сайта.
  • Быстрая и Простая Установка - Темы для Сайтов  с простым дизайном не трудно и совсем неутомительно настраивать под себя. Их установка и настройка, обычно требует нескольких кликов и не требует никакого программирования.
  • Улучшенная SEO оптимизация - Другое преимущество простых шаблонов для сайтов в том, что они улучшают рейтинг вашего сайта в поисковой системе, благодаря их быстрой загрузке.
  • Больше Фокуса на Содержании - Как упоминалось ранее, минималистичный дизайн сайта, обращает впервую очередь на содержание, что хорошо подход, если вы хотите подчеркнуть призыв к действию.
Want to design your own website simply with WordPress Want to design your own website simply with WordPress Want to design your own website simply with WordPress
Хотите создать сайт с простым дизайном используя WordPress& (источник)

3 Ключевых Особенности Которые Нужно Искать в Простом Дизайне Темы для Сайта

Если вы ищете простой способ создать свой сайт, то возможно вы задаетесь вопросом, а как же выбрать правильный шаблон, и  должен это быть HTML шаблон или тема для WordPress. Хотя HTML шаблоны устанавливаются достаточно просто, вы должны помнить, что нужно знать основы HTML  и CSS, если вы хотите их настраивать.

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

В отличие от HTML шаблонов, при использовании темы для WordPress, вам не придется возиться с кодом. Для начала, WordPress позволяет вам вставлять посты и страницы, используя редактор с интерфейсом, подобным текстовому процессору. Кроме того темы WordPress легко настраивать, так как многие из них идут с возможностями настройки таких элементов страниц, как слайдеров, выпадающих меню, цветов, шрифтов,  и более простых веб-дизан элементов.

Если вы хотите использовать простую WordPress тему, вто несколько важных элементов, которые вам стоит учесть:

1. Минималистичный Дизайн

Простые WP темы не только легко установить, но для них так же характерен минималистичный и простой дизайна с заметной глазу типографикой. На всех страницах много пустого пространства, что позволяет выгодно подчеркнуть содержание и привлекает внимание посетителей.

2. Импорт Демо Одним Щелчком

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

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

One Click demo import for simple WordPress website design setupOne Click demo import for simple WordPress website design setupOne Click demo import for simple WordPress website design setup
Импотр демо версии, для простого сайта на WordPress.

3. Простые Варианты Настройки

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

Прежде Чем Вы Начнете

Мы рассмотрим как установить простую WordPress тему, чтобы быстро сделать дезайн вашего сайта в следующем разделе этого урока.  В этом уроке, мы будет использовать WordPress тему - Smart. Это минималистичная WP тема для портфолио и бизнеса, в которой много пустого пространства, и котоая проста в установке, благодаря импорту демонстрационной версии в один клик.

Smart WordPress theme with simple website design setupSmart WordPress theme with simple website design setupSmart WordPress theme with simple website design setup
WordPress тема Smart с простым дизайном.

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

1. Убийственно Доменное Имя

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

В большинстве случаев, скорее вы захотите выбрать окончание для доменного имени .COM, как наиболее популярный вариант. Однако, использввание доменных имен с окончанием .ME или .NЕТ - тоже хорошие варианты, если вариант с именем .COM  уже кем-то используется.

2. Платный Хостинг

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

Вы можете посмотреть рекомендации по хостинг-провайдерам на сайте WordPress. В качестве альтернативы, можете рассмотреть  Envato Hosted, который предлагает поддержку хостинга для WordPress за 19$ (+ возможные налоги) в месяц, при этом вы можете выбрать для установки премиум тему, и поддержку к ней.

Envato Hosted Premium WordPress hosting with quick website installation includedEnvato Hosted Premium WordPress hosting with quick website installation includedEnvato Hosted Premium WordPress hosting with quick website installation included
Envato Hosted - премиум хостинг для WordPress сайтов, с возможностью быстрой установки.

В план так же включено:

  • До 100000 ежмесячных визитов трафика, 5 Гб места на диске, и  100ГБ канал.
  • Ежедневное резервное копирование, безопасность, мониторинг сайта, а так же коммерческая поддержка и поддержка в установке от команды наших WordPress экспертов.

3. Платная WordPress Тема

После того, как вы разобрались с доменным именем и хостингом,  вам нужно подобрать подходящую тему для вашего сайта. Есть множество простых тем для WordPress, из которых вы можете выбирать, которые имеют поддержку от автора, и имеют привлекательный, и адаптивный дизайн.

4. Контент Сайта

И наконец, вам нужно спланировать и написать контент для вашего сайта. Создайте список всех страниц, которые будут присутствовать на вашем сайте, и напишите пару параграфов для каждой из них. Вы можете рассмотреть возможность добавления служебных страниц, со списком услуг, если ваш веб-сайт бизнес-ориентированный. Не забудьте добавить страницу контакта, а также о страницу, на которой ваши посетители могут узнать больше о вас, а так же могут найти способ связаться с вами.

Как Быстро Создать Дизайн Вашего WordPress Сайта

Теперь, когда все готов, пришло время перейти к следующему шагу и установить ваш новый сайт. Мы рассмотрим как установить WordPress, вашу тему, необходимые плагины, и как создать страницы для вашего сайта.

1. Установка WordPress

Сперва, вам нужно установить WordPress. Когда вы купите хостинг план, ваш провайдер должен прислать вам письмо, с инструкцией по входу в ваш аккаунт. Используйте ваше имя пользователя и пароль, которое вам прислала, и зайдите в командную панель или cPanel.

После того, как вы окажитесь в командной панели, найдите иконку WordPress. Большинство хостинг провайдеров в наше время, предоставляют установку WordPress  в один клик, но если  в вашем случае это не так, то ищите разделы с названием Website Installers, Softaculous, или One Click Installers (Установка Сайта). Найдите WordPress, выберите его и нажмите Install (Установить).

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

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

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

2. Установка Вашей Темы

После того, как вы войдете в панель администрирования WordPress, зайдите в Appearance > Themes > Add new. Затем щелкните по Upload Theme.

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

3. Установка Необходимых WordPress Плагинов

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

Required WordPress pluginsRequired WordPress pluginsRequired WordPress plugins
Установка необходимых плагинов.

Выберите все плагины, а затем нажмите кнопку установки в выпадающем меню. Когда плагины будут установлены, зайдите в Plugins > All Plugins и выберите Inactive plugins, а затем выберите Activate в выпадающем меню.

Настройк Дизайна Вашего Сайта

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

1. Импорт и Добавление Вашего Контента

Самый быстрый способ настройки вашего сайта - это импорт демо контента. В окне администрирования, зайдите в Appearance > Import Demo Data. Щелкните по кнопке и подождите, пока закончится процесс импорта.  Программа импортирует все страницы, блог посты и настройки для темы.

Editing a page in WordPress Visual ComposerEditing a page in WordPress Visual ComposerEditing a page in WordPress Visual Composer
Легкое редактирование страницы с помощью Visual Composer.

После того, как весь контент будет импортирован, зайдите в Pages > All и посмотрите каждую страницу, чтобы вы могли подобрать подходящий для вашего сайта макет. После того, как вы найдете макет для домашней страницы, который вам понравится, зайдите в Settings > Reading и выберите настройки, чтобы эта страница стала вашей домашней. Сделайте тоже самое для страницы постов. Затем нажмите Save (Сохранить настройки).

WordPress Theme settingsWordPress Theme settingsWordPress Theme settings
Настройки темы WordPress

Чтобы заменить содержимое демо на ваше собственное, просто щелкните по Edit with Visual Composer. Это позволит вам легко заменить содержимое или добавить новые элементы используя drag-and-drop.

Editing elements in WordPress themeEditing elements in WordPress themeEditing elements in WordPress theme
Редактирование элементов с помощью Visual Composer.

Если вы хотите добавить еще больше страниц или вы хотите создать страницу с нуля, зайдите с Pages > Add New. Дайте странице название и затем используйте Visual Composer, чтобы быстро создать макет, добавить элементы, такие как строки, колонки, слайдеры и другое.

2. Настройте Меню

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

В административной панели зайдите в Appearance > Customize > Menus. Так как вы импортировали демо-контент, то некоторые элементы меню уже были созданы.  Для этого урока, я использовала Primary demo.

customizing menucustomizing menucustomizing menu
Настройка меню сайта для WordPress темы.

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

Вам так же следует отметить чекбокс для Primary и затем сохранить изменения.

3. Настройка Внешнего Вида Вашего Сайта

Это последний шаг в настройке дизайна вашего сайта. В вашей панели администрирования, зайдите в боковом меню в Smart Options. Тут вы можете загрузить ваш логотип и фавикон, ввести описание и название для вашего сайта, настроить  внешний вид блога и многое другое.

Настройки стиля, позволять вам выбрать цвета для вашей темы, а так же шрифты.

И наконец не забдудьте настроить футер.  Вы можете сделать ссылки на ваши профили в соц. сетях, зайдя в Footer options и создав ссылки на нужные профили в окне Footer Link а так же имя в соц сетях в окне Footer Text Link.

Design your own simple websiteDesign your own simple websiteDesign your own simple website
Не занимайтесь кодингом, а просто создайте свой сайт используя тему для WordPress. (иллюстрация)

Быстро Создайте Свой Собственный Сайт Используя Тему для WordPress

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

WordPress тема Smart - это лишь один из вариантов простой WP темы с коммерческим дизайном, большое количество которых доступны на сайте ThemeForest. Посмотрите нашу коллекцию минималистичных тем под WordPress, чтобы найти ту, что привлечет ваше внимание и используйте ее, чтобы создать и запустить ваш сайт, быстро на сколько это возможно.

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