Advertisement
  1. Web Design
  2. WordPress Themes

Как Создать Современный Сайт на WordPress используя Лаконичную WordPress Тему

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

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

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

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

Modern homepage designs in Clean WordPress themeModern homepage designs in Clean WordPress themeModern homepage designs in Clean WordPress theme
Опции Домашней Страницы в современном стиле для темы Clean Roneous WordPress.

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

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

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

Как Создать Современный Веб-Сайт Использующий Аккуратную и Лаконичную WordPress Тему

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

Что Вам Нужно Чтобы Начать

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

1. Ваше Уникальное Доменное Имя

Первым делом нужно купить доменное имя для вашего нового сайта. Если вы создаете сайт для своего бизнеса, то очевидно, для доменного имени вам следует использовать название вашего бизнеса или название компании.  А если в создаете персноальный авторский блог, в можете использовать доменное имя, которое как-то соотносится с темой вашего блога, или можете использовать свое имя в качестве доменного. Убедитесь так же, что вы выбрали лучшее расширение для вашего доменного имени.

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

2. Хостинг с WordPress Поддержкой

С доменным именем разобрались, теперь пора выбрать хостинг-провайдера. Если в оформляли покупку доменного имени, через такую компанию как BlueHost, SiteGround или что-то подобное, вы могли так же выбрать у них тариф на хостинг.  Ряд тем WordPress на ThemeForest так же имеют в качестве опции возможность размещения на Envato Hosted service

Envato Hosted - Premium WordPress Hosting Envato Hosted - Premium WordPress Hosting Envato Hosted - Premium WordPress Hosting
Envato Hosted – Премиум Хостинг для WordPress.

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

3. Премиум WordPress Тема с Лаконичным Дизайном 

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

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

Clean modern Roneous WordPress themeClean modern Roneous WordPress themeClean modern Roneous WordPress theme
Roneous WordPress с современным дизайном.Clean modern Roneous WordPress theme

4. Контент и Изображения

Последнее, что ам нужно сделать, это собрать вместе на вашем сайте, содержимое и изображения. Рекомендую использовать вам картинки высокого качества, такие как, профессиональные фотографии с Envato Elements. Такие изображения будут отличный визуальным сопровождением для вашей истории, помогут вам установить связь с вашей аудиторией.

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

Приступая к работе

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

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

Чтобы установить WordPress вам нужно войти в вашу панель управления на сайте хостинг-провайдера. Используйте имя и пароль, которые вы найдете, скорее, в приветсвенном письме и следуйте по ссылке, которая приведет вас на страницу входа в панель упрвления. Введите ваш логин и пароль (действия конечно могут отличаться  в зависимости от вашего хостинг-провайдера).

В панели управления, прокрутите вниз до раздела с названиями Website Installers, Fantastico Installer или Softaculous Installer (или это может быть Установка Систем Управления). Найдите иконку WordPress и  щелкните кнопку Установить (Install). На следующей странице вас попросят ввести имя и пароль и выбрать доменное имя по которому будет открываться ваш сайт.

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

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

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

После того, как вы зайдете в панель управления WordPress, щелкните по вкладке Appearance > Themes > Add New. А на следующем экране, выберите Upload Theme.

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

3. Инсталируйте и Активируйте Необходимые Плагины

После того, как вы установите свою современную WordPress тему, вы увидите сообщение в панели управления, что для темы требуются дополнительные плагины. Вы можете щелкнуть по ссылке Being Installing Plugins, что бы установить необходимые плагины.  Просто выберите все плагины и затем нажмите Install в выпадающем вниз меню. Плагины будут установлены и активированы, а вы можете перейти к следующему шагу - настройке вашего сайта.

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

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

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

Как Создать Вашу Домашнюю Страницу

Первый шаг - это создать домашнюю страницу для вашего сайта. Чтобы сделать это зайдите в Pages > Add New (Страницы - Добавить Новую) и назовите ее Home. Как вы можете видеть на картинке, у вас есть дполнительная кнопка, которая позволяет вам использовать Визуальный Кноструктор Сайта.

Тут вы можете выбрать, как кнопку Backend Editor, так и FrontEnd Editor.

Adding a homepageAdding a homepageAdding a homepage
Создайте домашнюю страницу для вашего сайта на WordPress.

Редактор бэкенда позволит вам вставить элементы, текстовые блоки или выбрать шаблон.

Visual Composer elementsVisual Composer elementsVisual Composer elements
Элементы Графического Конструктора

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

Backend editorBackend editorBackend editor
Вид бэкенд редактора.

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

Modern WordPress website theme demo homepageModern WordPress website theme demo homepageModern WordPress website theme demo homepage
Демо домашней страницы для WordPress темы Roneous.

Последняя часть создания домашней страницы заключается в удалении хедера и названия страниц, чтобы наша страница выглядела как и демонстрационная. Чтобы сделать это, на редакторе страниц, прокрутите вниз до раздела Page Settings. Здесь выберите No header под Header layout и No Title под Page Title Layout:

PPage Settings of your WordPress themePPage Settings of your WordPress themePPage Settings of your WordPress theme
Настройки страницы для вашей WordPress темы.

Когда вы закончите со своей страницей, нажмите Publish. Затем зайдите в  Settings > Reading и под Front page displays выберите вашу вновь возданную домашнюю страницу. Нажмите Save Changes.

Reading SettingsReading SettingsReading Settings
Установки для Чтения на вашем WordPress сайте.

Как Создать Пост для Блога

Подобным образом, мы собираемся создать страницу для блога. Зайдите в Pages > Add New и на этот раз назовите страницу Blog. Для страницы блога, вам не нужно вводить какое-то содержание, так как на ней будут отображаться ваши новые блог посты. Нажмите Publish чтобы создать вашу страницу, а затем вернитесь в настройки Settings > Reading и выберите только что созданную вами страницу как страницу для постов (Posts Page). Сохраните изменения - Save Changes.

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

Как Импортировать Демо Версию

Если вы хотите импортировать демо версию, зайдите в  Tools > Import и выберите WordPress Importer. Установите этот плагин, активируйте его, и затем запустите Его. Загрузите .xml файл, который идет вместе с вашей WordPress темой и щелкните по Upload file and import.

На другой странице вы можете назначить посты для себя и отметить чекбокс Download file attachments. Щелкните по кнопке Submit и демо сайт будет импортирован.

Настройка Параметров для Вашей WordPress Темы

Теперь когда у вас есть основа, вы можете настроит сайт в соответствии с цветами вашего бренда, можете настроить шрифты и другое. Некоторые Современные WordPress темы идут со специальной панелью Опций, а другие могут использовать стандартный WordPress Live Customizer. В нашем случае, чтобы изменить настройки, зайдите в Appearance > Customize. На этом экране, вы можете изменять цвета, шрифты, загрузить логотип, выбрать макет для футера, и еще много чего.

Theme customizerTheme customizerTheme customizer
Настройщик Тем в Wordpress.

Чтобы изменить любой макет, все что вам нужно сделать - это щелкнуть по  Edit With Visual Composer. И вы сможете редактировать настройки для элементов, которые уже есть, изменять колонки макета, заменять элементы, на те которые больше подходят вашему сайту.

Что Делает Веб-Сайт Современным

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

1. Много Пустого Пространства

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

2. Большие Изображения

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

Вы можете стать обладателями неограниченного количества стоковых фотографий на Envato Elements, а так же веб-шаблонов, графики и многого другого:

3. Массивная Типографика

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

4. Минимально Количество Навигации

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

5. "Массивные" Цвета

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

Создайте Ваш Сайт В Современном Стиле Используя Тему для WordPress

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.