Как создать профессиональный сайт с помощью WordPress (для начинающих)

01.06.2020
Учебники и руководства 'Как создать профессиональный сайт с помощью WordPress (для начинающих)
0 7 мин.

создать профессиональный сайт WordPress для начинающих


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

Конструктор сайтов на основе WordPress

Идеально подходит для начинающих! Создавайте «из коробки», профессиональные и высококачественные сайты с WordPress и BoldGrid.

Начать сейчас! »

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

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

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

Профессиональный хостинг для профессионального бизнеса

Пока вы создаете этот сайт для своего бизнеса, вы хотите быть профессионалом. Чтобы опубликовать свой сайт в Интернете, вам понадобится хостинг. В качестве примера я использовал хостинг InMotion. Я настоятельно рекомендую эту хостинговую компанию для создания и размещения вашего бизнес-сайта. Если вы хотите узнать больше об этом хостинг-провайдере, прочитайте наш обзор хостинга InMotion.

Итак, во-первых, вам придется купить план подъема.

Перейдя по этой ссылке, вы получите мгновенную скидку 47%. Прокрутите страницу вниз и выберите план запуска, нажав кнопку «Заказать сейчас»..

заказать запуск плана запуска

Проверьте свой выбор и нажмите «Продолжить».

Процесс заказа хостинга бизнес-класса inmotion

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

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

В этом примере я выбрал вариант связывания своего домена с сервером InMotion, поэтому я продолжаю с опцией «У меня уже есть домен». Проверьте свой выбор и нажмите «Продолжить».

Inmotion уже собственного доменного имени

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

Inmotion хостинг восточное побережье западное побережье

Теперь самый важный шаг этого заказа – выбрать систему управления контентом, которую вы хотите установить на свой сайт. Здесь вы выберете «Установить BoldGrid на платформе WordPress». Это тот конструктор, который мы будем использовать для создания и настройки нашего сайта. BoldGrid – это построитель страниц на основе WordPress, который позволяет создавать собственные макеты без знания HTML, CSS или других программ. Пожалуйста, ознакомьтесь с нашим обзором BoldGrid, чтобы узнать больше об этом замечательном инструменте..

Inmotion автоматически установить boldgrid при регистрации

Заполните вашу личную и финансовую информацию. Эта страница защищена и зашифрована, поэтому ваши данные будут защищены. Нажмите кнопку «Купить аккаунт», чтобы завершить заказ.

покупка хостинга

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

Все идет нормально! Теперь самое интересное, когда вы действительно создаете свой сайт.

Создание вашего сайта WordPress

Как только ваша учетная запись будет подтверждена по телефону, вы получите приветственное письмо от InMotion со всеми данными для входа. Это электронное письмо содержит логин для вашей панели менеджера аккаунта, логин для cPanel и ваш сайт WordPress, где BoldGrid уже установлен.

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

Inmotion Boldgrid Войти

На экране приветствия вы увидите два видео, одно для начинающих, а другое для опытных пользователей WordPress. Эти видео представляют собой краткую презентацию BoldGrid. Я настоятельно рекомендую смотреть их! Следующее видео объясняет, как начать с BoldGrid:

Теперь, чтобы начать, вам нужно нажать на меню «Вдохновение».

сайт вдохновения

На странице вдохновения вы можете выбрать один из двух вариантов: «Установить как промежуточный» (выберите этот вариант, если у вас уже есть веб-сайт и вы хотите обновить его с помощью BoldGrid) или «Установить как активный» (этот вариант предназначен для тех, у кого еще нет веб-сайта). Мы продолжим работу с «Активным» сайтом.

boldgrid установить активные сайты

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

boldgrid выбрать категорию сайта

После выбора категории вы можете выбрать понравившуюся тему. Вы можете просмотреть любую из этих тем и посмотреть, как она будет выглядеть на рабочем столе, столе или мобильном телефоне. Обратите внимание, что некоторые темы содержат защищенные авторским правом изображения с водяными знаками. Вы можете приобрести эти изображения (используя систему монет) или заменить их своими фотографиями. Мы выберем тему «Uptempo» для этого урока..

Boldgrid выберите тему

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

жирный шрифт выбрать набор страниц

Подтвердите свой выбор и завершите установку темы и страниц, нажав «Установить этот сайт!» кнопка. На этом этапе вы все еще можете вернуться и отредактировать выбранные ранее настройки.

сайт установки boldgrid

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

boldgrid скачать установить тему сайта

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

Boldgrid настроить веб-сайт

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

Настройщик цвета boldgrid предлагает палитры

Есть много других настроек, которые вы можете настроить, чтобы сделать ваш сайт уникальным и выдающимся. Например, вы можете выбрать статическую домашнюю страницу, которая будет отображать выбранную вами страницу. Вы также можете добавить виджеты в верхний и нижний колонтитулы, а также вставить пользовательский HTML (Гугл Аналитика например). Также можно добавить пользовательский JavaScript или CSS в вашу тему, без необходимости открывать какие-либо файлы. Мы не будем сейчас вдаваться в подробности, потому что этот учебник займет слишком много времени, чтобы написать и прочитать.

Когда вы закончите, нажмите «Сохранить & Кнопка «Опубликовать»! Вы можете вернуться позже и отредактировать любую опцию, если хотите.

Теперь перейдите на домашнюю страницу вашего сайта и наслаждайтесь просмотром:

пример сайта boldgrid

Ты еще не готов! На вашем сайте есть пять страниц, но они упакованы с контентом по умолчанию, который поставляется вместе с установкой. Вы хотите изменить эти.

страницы редактирования жирным шрифтом

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

редактор страницы жирным шрифтом

С помощью функции «Добавить GridBlock» вы можете выбирать из широкого диапазона предварительно созданных макетов. Эта функция также позволяет вставлять карту Google на страницу или выбирать из широкого спектра контактных форм с различными полями..

полужирный макет

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

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

Резюме и рекомендация

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

Я настоятельно рекомендую BoldGrid и InMotion для создания и размещения вашего сайта WordPress..

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Оцените статью
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector