Создание сайта в вордпресс: создайте собственный веб-сайт или блог

Как создать сайт на WordPress с нуля — Пошаговое руководство

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

Есть конструкторы с визуальным управлением и специальные веб-приложения для создания и управления сайтом — движки. Например, Joomla!, OpenCart или WordPress. Если вы не путаетесь в разных сервисах гугл-аккаунта или онлайн-кабинете вашего банка, разобраться будет несложно.

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

Если собираетесь делать интернет-магазин

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

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

👉 Как создать интернет-магазин на WordPress

Стойте, а почему именно WordPress?

Это самая популярная платформа для создания сайтов. В начале 2019 года на сайте платформы говорится, что на WordPress сделаны 33% сайтов в интернете:

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

Теперь — к делу! Будем разбираться по порядку.

План

Что понадобится для начала

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

Домен — это имя сайта. Посетители вводят его в браузере, чтобы попасть на сайт. Например, домен нашего сайта — hostiq.ua.

Хостинг — это место, где хранится сайт. Физически это компьютер, который круглосуточно подключён к интернету.

Если покупать у нас, годовая подписка на хостинг для WordPress и домен .com будет стоить 1350 гривен.

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

Пройдём по этапам покупки.

Шаг 1. Зайдите на сайт hostiq.ua, наведите курсор на «Хостинг» в верхнем меню выберите раздел «CMS-хостинг» из выпадающего списка.

Сверху на следующей странице будет список тарифов для разных CMS-движков. Нажмите WordPress.

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

Шаг 2. Для начала первого тарифа будет достаточно. Чтобы оформить тестовый период, нажмите «Тестировать 30 дней».

Шаг 3. Откроется страница с формой заказа. В пустом поле впишите домен, который хотите зарегистрировать, и нажмите кнопку «Проверить».

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

Шаг 4. Когда найдёте свободный домен, ниже появятся дополнительные детали регистрации. Проверьте, всё ли вас устраивает и жмите «Продолжить».

Шаг 5. На следующей странице создайте новый аккаунт. Контактные данные, которые вы укажете на этом этапе, будут использоваться при регистрации домена. Если заполнить поля случайными символами, регистрация не пройдёт.

Если у вас уже есть аккаунт на нашем сайте, выберите вверху вкладку «Я — существующий клиент» и введите его логин-детали.

Чтобы перейти к оплате, нажмите «Оформить заказ».

Шаг 6. Выберите удобный метод оплаты. Мы принимаем карты любых банков, платежи через терминалы, Приват24, PayPal или WebMoney.

После оплаты вам на почту придёт письмо с логином и паролем от панели управления хостингом. В ней будем подключать WordPress к домену и создавать сайт. Тема этого письма — «Ваш виртуальный хостинг готов к использованию».

Устанавливаем WordPress

Шаг 1. Перейдите на главную страницу и нажмите кнопку «Панель клиента» в правом верхнем углу. Затем найдите в списке продуктов хостинг и нажмите кнопку «Контрольная панель».

Шаг 2. В новой вкладке откроется панель управления хостингом — cPanel. Прокрутите экран в самый низ до раздела «Softaculous Apps Installer» и нажмите на ярлык «WordPress».

Шаг 3. На открывшейся странице нажмите кнопку «Install Now».

Шаг 4. Следующая страница — детали установки WordPress. Всё, что вы там увидите, можно изменить позже. Поэтому отредактируем только основные поля.

Найдите раздел «Admin Account» и придумайте логин и пароль. С этими данными вы будете заходить в панель управления сайтом.

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

По умолчанию во время установки всё на английском языке. Если хотите, чтобы панель управления WordPress была на русском, выберите «Russian» в разделе «Choose Language».

Шаг 5. В конце страницы можно выбрать тему будущего сайта. Пропустим этот шаг и выберем тему после установки WordPress.

Прокрутите страницу вниз и нажмите кнопку «Установить». В конце должна появиться такая страница:

Шаг 6. Перейдите в панель управления WordPress. Для этого введите в браузере ваш домен и допишите в конце /wp-admin. Должно получиться так: http://vashdomen.com/wp-admin.

На новой странице введите логин и пароль, которые вы только что придумали.

Теперь опишем этапы создания сайта на WordPress.

Выбираем тему

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

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

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

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

Сразу после установки WordPress сайт будет выглядеть так:

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

Шаг 1. В левом меню панели управления WordPress найдите раздел «Внешний вид» и перейдите в подраздел «Темы».

Шаг 2. Несколько тем установлены по умолчанию, но использовать их не обязательно. Чтобы посмотреть другие темы, нажмите «Добавить новую тему» внизу.

Шаг 3. Не каждая тема подойдёт для любого типа сайта. Некоторые темы специально сделаны для интернет-магазинов, некоторые для лендингов или новостных сайтов.

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

Шаг 4. Найдите тему, которая нравится вам больше всего, наведите на неё курсор и нажмите «Установить». А затем сразу «Активировать». После этого вас перенаправит назад к списку установленных тем.

В этом руководстве мы будем делать сайт на примере темы «Screenr». Если выберете другую, некоторые настройки могут отличаться.

Теперь будем наполнять сайт контентом.

Добавляем контент

У сайтов на WordPress бывает два типа контента: посты и страницы.

Посты — это статьи в блоге, примеры работ в портфолио или товары в интернет-магазине. К постам можно оставлять комментарии или делиться ими в соцсетях. По умолчанию они отображаются на странице в хронологическом порядке: новые посты будут сверху, а старые — внизу.

Страницы — это разделы сайта. Домашняя страница сайта, разделы «Доставка и оплата» и «О компании» — три разных страницы. По умолчанию WordPress показывает на главной странице посты. Дальше мы покажем, как создать отдельную страницу и сделать её главной.

Сначала добавим на сайт несколько постов.

Шаг 1. В меню слева найдите раздел «Записи» и нажмите «Добавить новую».

Перед публикацией можно посмотреть на пост глазами пользователя и отредактировать, если что-то не нравится. Для этого нажмите «Просмотреть» справа вверху. Чтобы текст появился на сайте, нажмите «Опубликовать». Если хотите дописать и опубликовать пост позже, нажмите «Сохранить».

После публикации главная страница изменится и будет выглядеть так:

О других инструментах, которые можно использовать при создании постов, читайте в подробном обзоре раздела «Записи».

Шаг 2. Создадим новую страницу и сделаем её главной. Для этого найдите в левом меню раздел «Страницы» и нажмите «Добавить новую».

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

В меню справа найдите раздел «Атрибуты страницы» и найдите параметр «Шаблон». По умолчанию там будет значение «Базовый шаблон», поменяйте его на «Главная страница» и нажмите «Опубликовать».

Мы создали главную страницу сайта. На ней будет информация о вас или вашей компании. Теперь нужно создать ещё одну — для блога. На ней будут отображаться только статьи.

Шаг 3. Создайте новую страницу и назовите её «Блог». В атрибутах страницы оставьте значение «Базовый шаблон».

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

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

Шаг 4. Найдите в левом меню раздел «Настройки» и выберите подраздел «Чтение».

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

В графе «Главная страница» выберите название страницы, которую вы только что создали. А в графе «Страница записей» выберите «Блог». Не забудьте сохранить изменения.

Введите домен в браузере. Главная страница сайта должна поменяться:

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

В следующем разделе наведём красоту: отключим ненужные блоки и переделаем остальные.

Настраиваем внешний вид

Шаг 1. Наведите курсор на раздел «Внешний вид» в левом меню и выберите подраздел «Настроить». Откроется редактор сайта.

Шаг 2. Сначала изменим название сайта в шапке страницы. Для этого выберите раздел «Свойства сайта». Здесь можно изменить название сайта и добавить в шапку логотип. В конце не забудьте нажать кнопку «Опубликовать» в верхнем левом углу.

Чтобы вернуться на предыдущую страницу редактора, нажмите стрелочку рядом с названием раздела. Если нажмёте на крестик, вернётесь в панель управления WordPress.

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

Перейдите в раздел «Опции темы» и откройте подраздел «Верхний колонтитул». В выпадающем списке выберите значение «Фиксированный и прозрачный». Затем нажмите «Опубликовать».

Шаг 4. Отредактируем баннер. Вернитесь в главное меню редактора и перейдите в раздел «Разделы главной страницы». За баннер отвечает подраздел «Герой».

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

Чтобы изменить изображение и текст баннера, нажмите на выпадающий список с названием «Элемент».

Шаг 5. Добавим в шапку страницы ссылки на блог и форму обратной связи.

Ссылку на блог мы уже знаем — http://vashdomen.com/blog. Теперь узнаем ссылку на форму.

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

У каждого раздела на главной странице есть свой идентификатор. Посмотреть его можно в разделе редактора, который посвящён этому блоку. Из основного меню перейдите в «Разделы главной страницы» и выберите подраздел «Контакты».

Идентификатор — это поле «ID раздела». Придумайте короткое слово латинскими буквами, чтобы потом в ссылке был только один язык.

Мы создали идентификатор и теперь можем составить ссылку на раздел. К обычной ссылке на главную страницу сайта нужно добавить дробь, символ решётки и идентификатор нужного блока. Получится такая ссылка: http://vashdomen.com/#contacts.

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

Шаг 6. Добавим ссылки в шапку сайта. Для этого нужно создать меню.

Вернитесь на главную страницу редактора, перейдите в раздел «Меню» и нажмите кнопку «Создать новое меню».

Придумайте название для меню, поставьте галочку в поле «Основной» и нажмите «Далее».

На следующей странице нажмите «Добавить элементы» и нажмите на выпадающий список с названием «Произвольные ссылки».

В поле «URL» впишите ссылку на нужную страницу, а в поле «Текст ссылки» — слово, которое вы хотите видеть в шапке сайта. После этого нажмите «Добавить в меню».

Точно так же добавьте остальные ссылки. В конце нажмите «Опубликовать».

На сайте ссылку появятся в верхнем правом углу:

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

Дальше разберёмся, как улучшить функционал сайта с помощью плагинов.

Добавляем плагины

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

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

Сейчас на нашем сайте есть блок для обратной связи, но в нём нет контактной формы. Установим специальный плагин, который добавит её на сайт.

Шаг 1. Наведите курсор на раздел «Плагины» в левом меню и выберите подраздел «Добавить новый».

В этом разделе больше 50 тысяч плагинов с разными функциями. Чтобы добавить контактную форму, подойдёт плагин «Contact Form 7». Найдите его и нажмите «Установить» в правом верхнем углу, а затем «Активировать».

Шаг 2. Откроется страница с установленными плагинами. Найдите нужный плагин в списке и нажмите «Настройки» под его названием.

В списке уже будет контактная форма с названием «Контактная форма 1». Нажмите на её название, чтобы открыть редактор формы.

Удалите текст из поля «Шаблон формы». Будет проще научиться, если вы добавите нужные поля заново.

В разделе «Шаблон формы» есть кнопки. Каждая из них отвечает за свой тип поля.

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

Для почты, телефона и отправки есть свои кнопки, а для имени и проблемы подойдёт обычное текстовое поле.

Шаг 3. Сначала нажмите кнопку «Текст». Появится всплывающее окно, в котором можно сделать поле обязательным, придумать для него имя и значение по умолчанию.

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

Вспомогательный текст, который стоит рядом с полем, вписывают отдельно после добавления тега. Этот текст появится над полем и будет занимать лишнее место. Поэтому рекомендуем использовать атрибут «Значение по умолчанию». Тогда текст появится не рядом с полем, а внутри него. Форма станет компактнее и будет выглядеть лучше.

Не забудьте поставить галочку, как на скриншоте. В конце нажмите «Вставить тег».

Шаг 4. По умолчанию поля формы будут занимать всю ширину экрана. Если хотите сделать их уже, добавьте перед квадратными скобками текст <label>, а после них — </label>. В конце не забудьте нажать кнопку «Сохранить» в правой части экрана.

Должно получиться так:

На вкладке «Уведомления при отправке формы» можно отредактировать сообщения, которые посетитель увидит, когда нажмёт кнопку «Отправить».

Шаг 5. Пока что форма не появилась на сайте — её нужно добавить в редакторе внешнего вида. Скопируйте текст из синей строки вверху страницы, наведите курсор на раздел «Внешний вид» и выберите подраздел «Настроить».

В редакторе сайта зайдите в раздел «Разделы главной страницы» и выберите «Контакты». Вставьте скопированный текст в поле «Описание раздела» и опубликуйте изменения.

Вот что получится в итоге:

На этом всё. Мы разобрали основные функции WordPress и создали простую страницу. Вам остаётся довести дело до конца: добавить контент в остальные разделы и отредактировать их внешний вид.

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

Дополнительные материалы для обучения

Статьи в блоге. Здесь вы найдёте подборки популярных плагинов и советы, которые помогут улучшить работу сайта. Вот некоторые статьи:

26 бесплатных тем для WordPress
10 плагинов для SEO
17 способов защитить сайт от взломщиков

Вики. Здесь есть руководства по работе с каждым разделом панели управления и ответы на общие вопросы. Несколько статей для примера:

Как сделать резервную копию сайта
Как адаптировать сайт для мобильных устройств
Как создать интернет-магазин на WordPress

Видеоуроки. Записали для вас серию видеоуроков по работе с WordPress. Если вам тяжело воспринимать длинные текстовые инструкции, попробуйте посмотреть видео.

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

Пример создания сайта на WordPress — КОМТЕТ — хостинг

Для инструкции по созданию сайта мы выбрали последнюю версию WordPress 3.2.1 на день написания данной статьи. Для создания сайта на WordPress на нашем виртуальном хостинге рекомендуется выбирать тариф не ниже «Профи». Рекомендуется получить бесплатный тестовый доступ, так как предполагается, что осуществлена автоматическая установка русской версии WordPress из Панели управления хостингом КОМТЕТ.

Установка WordPress

Мы рекомендуем выполнять установку WordPress из Панели управления хостингом. Автоинсталлер позволяет не только установить русскую версию WordPress, но и выбрать несколько популярных плагинов. Установка простая, не требует профессиональных знаний и занимает всего несколько минут. 

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

Итак, мы установили WordPress. Прежде всего перейдем в панель администратора для управления сайтом (административный раздел, далее: админпанель) WordPress, который находится по адресу:

http://имя_домена//wp-admin

Далее, приступим к созданию сайта поэтапно:

• создание статей;
• создание меню;
• создание форума;
• создание интернет-магазина.

Создание статей (страниц) в WordPress

1. В левом меню нажимаем на «Страницы», после чего «Добавить новую»:

2. Далее вводим заголовок и текст статьи, назовем еще для примера «Статья №1».

3. В колонке справа нажимаем «Опубликовать»:
   

4. Для полноты картины создадим еще 2 статьи (назовем их «Статья №2», «Статья №3»), таким же образом, повторяя пункты 1-3. В итоге у нас получится:
   
   С помощью этих статей в дальнейшем мы создадим пример подменю.

Создание меню в WordPress

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

1. Переходим в правой колонке на «Внешний вид» — «Меню»:
   

2. Здесь вводим имя нашего меню, например «Новое меню», и нажимаем кнопку «Создать меню»
   

3. В блоке «Области темы» выбираем из выпадающего списка наше меню «Новое меню»
   
   Не забываем нажать кнопку «Сохранить» в данном блоке.

4. В блоке «Страницы» отмечаем галочкой наши статьи и нажимаем «Добавить в меню»:
   

5. Также можно добавить пункт в нашем меню на сторонний ресурс. Это делается в блоке «Произвольные ссылки»:
   
   В поле «URL» пишем имя сайта, в поле «Текст» — как будет называться данный пункт меню.

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

7. Как упоминалось ранее, сделаем из «Статья №2» и «Статья №3» меню и подменю. В WordPress подменю создаются предельно просто — для этого нужно удерживая левой кнопкой мыши нужный нам пункт меню (например, «Статья №3») перетащить на другой пункт меню (например, «Статья №2»):
   
   И у нас получится, что «Статья №3» будет подменю пункта «Статья №2».

8. Теперь осталось только сохранить все сделанные нами изменения для данного меню. Нажимаем:
   

9. Переходим по адресу нашего сайта и видим созданное нами меню:
   
   При нажатии на пункты меню мы будем переходить на соответствующие страницы сайта.

Теперь перейдем к созданию наиболее распространенного функционала на сайте, а именно:

Так как публикация плагинов в WordPress имеет специфический характер (на одном примере нельзя описать установку для всех плагинов, есть только общий принцип), то мы рассмотрим  статьи с конкретными примерами, а именно:

 

Создание электронного магазина, с использованием плагина WP e-Commerce 3.8.5

Теперь приступим к созданию электронного магазина. Для описания создания магазина наш выбор пал на плагин WP e-Commerce 3.8.5 не случайно. Данный плагин является чрезвычайно простым и удобным для создания и настройки интернет-магазина. Еще один его плюс — плагин полностью русифицирован.

Итак, задача — создать магазин со структурой:

Магазин сайта:

— Инструменты;

– Молоток;

– Пила;

— Продукты.

Приступаем:

1. Устанавливаем плагин WP e-Commerce 3.8.5, в результате чего у нас в левой колонке админпанели появляется новый блок:
   

2. Переходим в раздел «Категории».

3. В поле «Название» вписываем «Магазин сайта» и в самом низу страницы нажимаем кнопку «Добавить новую категорию товаров».
   

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

5. Итого у нас должно получиться 3 категории (1 родительская и 2 дочерних):
   

6. Теперь переходим в левом меню на «Товары» и нажимаем кнопку «Добавить».

7. В первом поле указываем имя товара, например «Молоток».

8. В нижестоящем окне заполняем описание товара.

9. В блоке справа «Категории» указываем категорию для данного товара, а именно «Инструменты»:
   

10. В нижестоящем блоке «Управление ценой» указываем стоимость товара, например 200:
    

11. Остальные блоки заполняем по усмотрению, после чего нажимаем кнопку «Опубликовать».

12. Аналогично (пункты 6-11) добавляем товар «Пила».

13. В итоге мы создали заданную структуру интернет-магазина.

14. Теперь необходимо опубликовать магазин на нашем сайте WordPress. Для этого переходим в раздел «Внешний вид» — «Меню» основной консоли:
    

15. В блоке «Категории» отмечаем галочкой родительскую категорию «Магазин сайта» и нажимаем кнопку «Добавить в меню»:
    
    Не забываем сохранить меню:
    

16. Теперь разместим корзину товаров, чтобы покупатели могли оформить свой заказ. Для этого переходим в левой панели на «Внешний вид» — «Виджеты», находим там блок с названием «Корзина» и перетаскиваем, зажав левую кнопку мыши, в виджет «Область подвала 1»:
    

17. Готово. Мы добавили на сайт интернет-магазин, который открывается по соответствующему пункту меню:
    

Примечание: по данному электронному магазину: по умолчанию цена в магазине указывается в $, поэтому если нужно использовать другую валюту, то это делается так:

1. Переходим в левом меню консоли админпанели на «Параметры» — «Магазин»:
   

2. Выбираем здесь для Типа валюты: Russia (Russian Ruble), а также позицию, на которой будет находится знак валюты — Локальное нахождение валюты: 100 RUR:
   

3. Нажимаем кнопку «Обновление».

Итог создания сайта на WordPress

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

Алгоритм создания сайта на WordPress

Всем привет!

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

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

Создание сайта на WordPress состоит из следующих этапов.

1. Подготовка

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

Этот этап включает в себя следующие подэтапы.

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

1.2. Структура сайта
Продумать и расписать структуру сайта: количество страниц, их наименование, количество боковых колонок, наличие слайдера, логотипа в шапке и т. д. Лучше всего нарисовать вид сайта на листе бумаге или в одной из графических программ.

1.3. Тема (шаблон) сайта
Выбор темы оформления сайта. Здесь есть следующие варианты:

1. Сделать тему самому
2. Купить готовую тему
3. Взять бесплатную тему

Подробнее о выборе темы читайте в моей статье Где брать темы для WordPress.

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

1.5. Аккаунты на Яндексе и Google
Создать почтовые ящики (аккаунты) на Яндексе и Google. Наличие аккаунтов Яндекса и Google позволяет получить доступ ко всем необходимым сервисам.

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

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

Затем переходим к непосредственной установке WordPress. Устанавливать можно в автоматическом режиме (если у хостера есть такая функция) или вручную. Я рекомендую устанавливать вручную, так как в этом случае можно сразу выставить нужные параметры.

3. Первоначальная настройка

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

4. Установка и настройка темы

Устанавливаем и активируем свою тему. Все остальные темы, которые были установлены вместе с WordPress, удаляем.

Первое, что нужно сделать – это проверить тему на наличие ссылок с помощью плагина Theme Authenticity Checker (TAC). Особенно это актуально, если тема бесплатная и была скачана с интернета. Если ссылки были найдены, то удаляем их в редакторе («Внешний вид – Редактор»).

Далее, настраиваем тему в пункте меню «Внешний вид».

5. Установка и настройка плагинов

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

Вот плагины, которые следует поставить в первую очередь.

1) Плагины для безопасности: Login LockDown, Acunetix WP Security, Antispam Bee.

2) Плагины для SEO-оптимизации: WP Translitera, Yoast SEO, WP No External Links, Brocken Link Checker, WP Sitemap Page.

3) Плагины для ускорения и оптимизации: Optimize Database after Deleting Revisions, WP Super Cache.

6. Наполнение сайта информацией

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

7. Подключение доменной почты

Имеется в виду почтовый ящик вида info@имя_сайта.

8. Создание формы обратной связи

Создать форму обратной связи с помощью плагина Contact Form 7 и добавить её на соответствующую страницу. Также установить дополнение Contact Form 7 Honeypot для блокировки спама.

9. Настройка резервного копирования

Создать автоматическое резервное копирование с помощью плагина UpdraftPlus – Backup/Restore. Подробнее о резервном копировании читайте в моей статье Резервное копирование сайта в облачное хранилище.

10. Установка счётчиков

Установить счётчики Яндекс.Метрика и LiveInternet.

11. Продвижение сайта

Для продвижения сайта нужно сделать следующее:

1. Включить в настройках индексацию сайта поисковиками (если было отключено).
2. Создать XML-карту сайта c помощью плагина Yoast SEO.
3. Создать файл robots.txt.
4. Зарегистрировать сайт в Яндексе и Google.

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

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

Желаю успешной работы! До встречи.

Сайт на WordPress в Москве — YouDo

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

Особенности создания интернет-ресурса

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

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

Разработка сайтов на WordPress зарегистрированными на Юду веб-мастерами производится согласно следующему алгоритму:

• выбор и регистрация домена и хостинга
• хостинговая настройка
• загрузка движка WordPress на сервер
• составление проекта и стиля оформления для каждой страницы ресурса
• верстка и дизайн сайта – подбираются шрифты, изображения, разрабатываются коды CCS и HTML, создается карта сервиса

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

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

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

• обсуждение идей относительно будущего сайта
• разработка технического задания
• составление плана работ
• сроки сдачи проекта
• согласование цены заказа и порядка оплаты услуг

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

Почему выгодно искать фрилансеров на YouDo?

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

За многие годы работы в сфере создания интернет-порталов исполнители YouDo успешно разработали большое количество проектов, о чем свидетельствуют отзывы заказчиков из Москвы и других городов. Заказав услуги зарегистрированных на Юду веб-мастеров, вы получите:

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

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

Исполнители Юду гарантируют:

• быстрое продвижение интернет-портала
• уникальное красивое оформление страницы
• качественное наполнение веб-ресурса
• недорогое техническое обслуживание
• оказание полного спектра услуг по работе с движком Вордпресс

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

Зарегистрированные на YouDo квалифицированные программисты предоставят полный комплекс услуг для обеспечения качественной работы интернет-проекта:

• установка надёжных плагинов, необходимых для корректного функционирования движка WordPress
• чистка исходного кода страниц
• создание почтового ящика на домене

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

Сколько стоит создание интернет-ресурса?

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

Стоимость изготовления сайтов WordPress формируют следующие факторы:

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

У нас можно заказать сайт на WordPress любого типа:

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

Создание сайтов на WordPress заказать в Москве| Webernetic Family

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

Колесник И.С. 1ak.by

Благодаря грамотным рекомендациям и профессионализму специалистов данной компании были достигнуты отличные качественные показатели.

Благодаря грамотной и оперативной работе подразделений разработки SEO продвижения был создан новый сайт и наше предприятие в короткие сроки заняло отличные позиции в поисковых системах.

ОАО «БЕЛПРОМИМПЭКС» выражает искреннюю благодарность компании «Вебернетик» за проведенный анализ текущего состояния сайта и разработку стратегии по развитию данного сайта по направлениям деятельности.

От лица руководства выражаю искренние слова благодарности специалистам компании ООО «Вебернетик» за продвижение и оптимизацию нашего сайта.

Выражаем благодарность компании Webernetic за профессиональную и качественную работу по продвижению интернет-сайтов.

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

ООО «ИГВИТТА ПРО» выражает благодарность компании ООО «Вебернетик» за создание новой версии сайта и дальнейшего его продвижения, вот уже на протяжении 5 лет.

Компания «Комус Контакт» (ООО «Комус-Р2») настоящим письмом выражает
благодарность компании ООО «Вебернетик» за профессиональный подход к
сотрудничеству и предоставление качественных услуг (создание новой версии сайта
и его дальнейшее продвижение).

ООО «Стекольский» выражает свою искреннюю благодарность компании «Вебернетик» за плодотворное сотрудничество вот уже на протяжении 6 лет.

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

только у нас лучшие специалисты

Все страныУкраина — 107818 Россия — 58436 Казахстан — 6852 Беларусь — 5782 Узбекистан — 2107 Польша — 1243 Молдова — 1136 Армения — 1003 Кыргызстан — 889 Азербайджан — 422 Латвия — 273 Таджикистан — 243 Грузия — 231 Чехия — 227

Все города

сайт-визитка landing page сайт на WordPress сайт на Битрикс

Самостоятельное создание сайтов на конструкторе WordPress

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

ТОП-5 причин использования WordPress для создания сайта или блога

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

Причин может быть несколько, но не лишним будет подчеркнуть, что если в 2015 году на WordPress работали лишь 24% ресурсов, то сегодня, показатель достиг уже 64%. Впрочем, давайте выделим пять причины, по которым, CMS приобрела такое широкое распространение и популярность:

1. CMS WordPress предлагается пользователям полностью бесплатно. Любой человек сможет воспользоваться данным конструктором, чтобы сконструировать сайт с нуля и с минимальными расходами.
   На заметку: Ворд Пресс распространяется на основании лицензии открытого типа GNU GPL. Продукт разрешается использовать в разных целях, включая личные и коммерческие.
2. Безграничный спектр использования. WordPress подойдет для реализации любого проекта, будь то блог, интернет-магазин, сайт крупной компании.
3. Простота в работе. Пользование ВордПрессом не вызывает затруднений и не требует специализированных познаний. Многие исполнители работают с таким сайтом на интуитивном уровне.
4. Сайт можно сконструировать и опубликовать на нем первый контент в течение пяти минут.
5. Разнообразие шаблонов, оригинальных цветовых и дизайнерских решений.

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

Интересно: Сегодня многие популярные компании, известные люди, знаменитые музыкальные группы по достоинству оценили предлагаемый движок. Им пользуются Sony Music и Reuters, Rolling Stones и Snoop Dogg, крупные СМИ, политические партии, дизайнеры, юристы и люди других востребованных профессий.

Подготовительный этап к созданию сайта на ВордПресс

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

Шаг 1. Выбор хостинга и регистрация доменного имени

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

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

Совет: Для выбора хостинг-провайдера можно обратиться в Reg.ru, Beget или «Айхор». Здесь предлагаются разные услуги, поэтому существует возможность выбрать подходящий хостинг. Регистрация доменного имени тоже не вызовет затруднений. Поможет в этом хостер. От пользователя потребуется только придумать подходящее имя и проверить, свободно ли оно. После проверки домен оплачивается и поступает в полное распоряжение мастера.

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

• лучше имя, которое совпадает с названием сайта. К примеру, Одноклассники – ok.ru;
• имя должно быть максимально коротким;
• выбранный адрес должен хорошо «звучать» и иметь смысл;
• не повлияет на тех. параметры веб-ресурса, но это может отразиться на уровне доверия аудитории.

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

Шаг 2. Самостоятельная установка WordPress.

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

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

Установка ВордПресс для последующей работы, потребует выполнения таких действия:

1. Перейти на официальную страницу Ворд Пресс и скачать дистрибутив.
   
2. Распаковать полученный архив.
   
3. Загрузка файлов в корневой каталог (можно в субдиректорию). Для этого можно воспользоваться FTP-клиентом (например, FileZilla). Там помещен файл «index.html». Новый проект будет иметь адрес — www.vash-site.ru.
   
4. Через браузерную ссылку осуществить подключение. Сведени предоставляет провайдер. Требуется внести данные, как на картинке. Дополнительно нужно указать, можно ли поисковым роботам индексировать ресурс.
   
5. Если все действия были сделаны правильно, то перед вами появится такая картинка
   
6. По основному URL-адресу должен открываться сайт. Визуально, это будет выглядеть следующим образом.
   

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

Основной этап работы с CMS WordPress

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

Шаг 1. Выбираем тему для WordPress

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

1. Можно выбрать темы, предлагаемые даром и за плату. Бесплатные представлены в каталоге WordPress. Все шаблоны проходят специальную проверку на безопасность и соответствие техстандартнам. Если хотите платный вариант, то лучше приобретать продукты, одобренные разработчиками «движка».
2. Неважно, на каком языке представлен шаблон – на русском или на английском. Перевести не составит сложности и много времени.
3. Найти подходящий шаблон в каталоге не проблема. Для этого потребуется использовать специальный фильтр. Достаточно отметить требующиеся параметры и применить заданный фильтр.
   На заметку: Интересные варианты дизайна представлены в подборке «Текстерры».
   
4. Установка ВордПресс может быть выполнена двумя способами. В админке, через «Внешний вид-Темы» с нажатием кнопки «Добавить новую» или через скачивание дистрибутива, о котором было рассказано ранее.
   

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

Шаг 2. Настройки CMS WordPress

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

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

1. Зайти в админку Вордпресс и выбрать «Настройки». В каждом разделе нужно указать соответствующие данные.
   

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

2. Раздел «Написание» заполняется с учетом выбора соответствующих параметров. Сначала можно сделать дефортные настройки форматирования, а также, определиться с параметрами центральной рубрики и формата записей.
3. Для размещения заметок, необходимо ввести адрес сервера, порт, логин/пароль. Новичкам рекомендуется постить темы только в админке.
4. В разделе «Сервисы обновления» необходимо опубликовать хотя бы один поисковик. В этом случае, КМС будет самостоятельно уведомлять поисковые базы о появлении на сайте новых материалов. Внесенные изменения нужно будет сохранить.
   
5. Рекомендуется к установке плагин WordPress Ping Optimizer. Это необходимо, чтобы сайт не попал в список спамеров.
6. Под блоговые посты необходимо создать отдельную страничку, где они будут отображаться. Число записей на одной странице и в лентах RSS так же прописывается.
   
7. В «Настойках обсуждения» также потребуется установить соответствующие тех.параметры. Настройте блоки «Модерация комментариев» и «Черный список». Это позволит перенаправить комменты на модерацию или в «Спам».
   
8. Настраиваем «Медиафайлы». Здесь размещаются настройки по умолчанию. В разделе «Постоянные ссылки» можно определить, какой должна быть ссылочная масса структурно. К примеру, наименование может иметь датировку, префикс и другеи элементы.
   

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

   Русифицирование темы на WordPress

   Важным вопросом может стать русифицирование выбранной темы. Для решения этой проблемы достаточно установить на ПК программу Poedit. Она помогает выполнить перевод шаблона на русский язык. В консоли потребуется выбрать «Создать новый перевод» и указать требующийся язык.

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

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

   Совет: Альтернативным вариантом Poedit, может стать плагин плагин Loco Translate, который выполняет те же функции.

   Шаг 3. Индивидуальные настройки шаблона ВордПресс

   Каждый проект имеет персональные настройки. Исходя из начальных положений в настройках, можно понять общие закономерности и правильным образом настроить выбранную тему. Рассмотрим вариант настройки на примере темы «Twenty Nineteen». Порядок действий будет такой:

   1. В меню выбрать «Внешний вид — Настроить».
   2. В «Свойства» можно загрузить логотип и указать наименование ресурса. Здесь же доступны возможности создания краткого описания проекта и добавление фавиконки.
      
   3. Раздел «Цвета» позволит подобрать цветовую схему и цвет использованного фотоснимка
      
   4. В «Меню» кликнуть по «Создать меню». Обязательно укажите наименование и другие данные.
      
   5. Постепенно добавляйте нужные страницы и кликните по кнопке «Опубликовать».
   6. Раздел «Виджеты» необходим, чтобы добавлять их на сайты. С 2019 года в шаблонах WP появился сайдбар.

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

   Шаг 4. Установка аналитических сервисов и подключение сайта к кабинетам для веб-мастеров

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

   Плагины выполняют многие функции, но самая главная – это обеспечение безопасности работы сайта. На ресурс могут негативно повлиять:

   1. Излишние правки кода и манипуляции с установкой дополнительных утилит приведут к утрате сведений. Плагины позволят этого избежать, поскольку могут автоматически создавать резервную копию ресурса. Здесь можно назвать такие плагины, как: «WP Database Backup», «BackUpWordPress», «Backup and Restore WordPress».
   2. Взлом сайта и возможная кража кода. Злоумышленники часто используют такую «лазейку», но при грамотно построенной защите, проблему можно легко решить. Можно порекомендовать «Loginizer Security».

   Несколько слов стоит сказать о плагинах, которые помогают бороться со спамом. Здесь подойдут такие, как «Disqus», «Akismet» или «Antispam Bee». Плагин «All in One SEO Pack» обеспечит подключение проекта к ЛК для вебмастеров. В настройках для веб-мастеров прописывается код верификации.

   Другой плагин «Head, Footer and Post Injections» обеспечит работу с «Вебмастер», «Метрика» и Google Analytics

   Шаг 5. Создание страниц и записей

   В 5-ой версии WordPress используется специальный плагин Gutenberg. Он похож на встроенные редакторы других конструкторов и позволяет формировать обычные страницы. Благодаря ему, можно создавать различные структуры, вставлять фото и записи, виджеты и видеоролики. Блоки легко поменять местами, поскольку программа весьма проста в использовании. Порядок создания новой страницы такой:

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

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

   Выводы

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

   ---

Руководство для новичков по созданию веб-сайта на WordPress — Smashing Magazine

Об авторе

Здравствуйте, я Дэниел, и я делаю вещи для Интернета. Я технический директор Kinsta и пишу для ряда замечательных изданий, таких как Smashing Magazine и … Больше о Даниэль ↬

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

2017 WordPress преодолел отметку в 27%, запустив более четверти всех веб-сайтов — и не зря.У него есть база лояльных пользователей и множество преданных своему делу разработчиков, которые круглый год вносят в систему лучшие функции.

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

Я хочу подчеркнуть то же самое, что и при написании статей с большим объемом кода: если вы не понимаете все здесь полностью, не переживайте! Нет ничего особенно сложного, но есть над чем поработать.Мы все там бывали, всех это раньше сбивало с толку. Не бойтесь намочить ноги и экспериментировать; вот как все мы узнаем о WordPress!

Содержание

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

Все о доменных именах

Имя домена идентифицирует ваш веб-сайт для пользователей.Доменное имя Smashing Magazine — smashingmagazine.com . Не следует путать доменное имя с URL-адресом — доменные имена являются частью URL-адресов.

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

 
http://www.blog.mywebsite.com:80/post/awesomeness.php?edit=false&view=true#comment-5
  

Этот URL-адрес состоит из пяти отдельных частей:

• http: // — это протокол, который сообщает браузерам, как получать данные.Среди наиболее известных — http , https и ftp .
• блог. — это поддомен, который позволяет вам сегментировать ваш сайт на разные части. Вы также можете использовать mywebsite.com/blog/ ; это действительно зависит от того, чего вы пытаетесь достичь.
• mywebsite.com — это доменное имя. www (который стоит перед субдоменом, если он есть) является необязательным; вам нужно будет решить это. По большей части это вопрос предпочтений, но может повлиять на крупные веб-сайты.Конец доменного имени (в данном случае .com ) называется доменом верхнего уровня (TLD). Другие: .net и .org , специфичные для страны, такие как .co.uk , .hu и .me , и совершенно новые, такие как .xyz , .news и . .media .
• 80 — номер порта, используемый для доступа к ресурсу на сервере. По умолчанию это 80 для HTTP и 443 для HTTPS, поэтому вы можете опустить его в URL-адресах.Порты чаще всего встречаются в локальных средах разработки.
• /post/awesomeness.php — это путь к ресурсу на сервере. В этом случае вполне могут быть папка с именем article и файл с именем awesomeness.php , но путь не обязательно указывает на реальный файл на сервере. Чаще всего сервер и / или код определяют, что вам нужно, на основе URL-адреса, а не URL-адреса, указывающего на фактический файл.
• ? Edit = false & view = true — это параметры, фактически два из них.Перед первым параметром «ключ-значение» стоит вопросительный знак; всем последующим парам предшествуют амперсанды. Серверный код принимает эти значения, и значения могут использоваться, например, для изменения представлений или сохранения данных.
• # comment-5 — это якорь, который можно использовать, чтобы сразу перенаправить пользователя в определенное место на странице. Если вы перейдете по ссылке выше, вы перейдете на страницу ниже к конкретному комментарию.

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

Выбор правильного имени

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

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

Smashing Magazine имеет давнее доменное имя, однако маловероятно, что из-за этого будет потеряно много трафика — или что еще можно получить, переключившись на smashingmag.com . Бренд, в конечном счете, является наиболее важным фактором. Короткое и приятное доменное имя — это здорово, но, в конце концов, важно то, что вы с ним делаете.

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

Покупка доменного имени

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

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

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

Большинство хостов имеют простой интерфейс для покупки доменных имен: просто найдите что-нибудь и следуйте инструкциям на экране. При покупке домена помните о двух вещах.

Если вы серьезно относитесь к брендингу и у вас есть средства, вы можете купить несколько TLD с тем же именем.То есть, если вы регистрируете mydomain.com , вы можете купить .net , .org , .info , а также локальную версию (например, .co.uk ). .

У вас также будет возможность выбрать продолжительность регистрации, по умолчанию — один год. Были некоторые споры и неопределенность относительно того, как возраст домена и регистрация влияют на поисковую оптимизацию (SEO). Мэтт Каттс, инженер Google, сказал: «Я бы не стал особо беспокоиться об этом», что, вероятно, означает, что вам действительно не следует этого делать.Опять же, если у вас есть средства, зарегистрироваться на пять или шесть лет намного удобнее.

Количество доменов в моей тележке Media Temple. (Просмотр большой версии)

Разница между хостингом и регистрацией домена

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

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

Хостинг — это, по сути, место для размещения файлов вашего сайта. Регистрация домена означает, что вы получили законное право собственности на объект недвижимости в Интернете.

WordPress.com и WordPress.org

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

WordPress — это пакет программного обеспечения с открытым исходным кодом, и бесплатно для всех во всем мире.

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

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

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

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

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

Если вы хотите попробовать свои силы и начать работу с WordPress с минимальными усилиями, тогда WordPress.com — отличный способ! Планы

доступны в WordPress.com. (Посмотреть большую версию)

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

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

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

Есть три пути, если вы ищете хороший пакет:

• Общий хостинг,
• VPS-хостинг,
• управляемый хостинг WordPress.

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

Общий хостинг

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

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

Поскольку сотни веб-сайтов работают на одном и том же оборудовании, что произойдет, если на одном из них обнаружится ошибка кода, из-за которой он использует до 80% доступной памяти? Остальные веб-сайты (а их может быть сотни) остановятся и могут стать недоступными.Та же проблема возникает с безопасностью; некоторые атаки направлены на один веб-сайт и в конечном итоге затрагивают все другие веб-сайты на том же сервере.

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

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

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

Мы стали партнерами InMotion Hosting, чтобы предложить вам отличные цены на их быстрые и надежные услуги хостинга. Хостинг InMotion предоставляет WordPress бесплатно и легко устанавливается на любой из их планов.Перенести существующий веб-сайт также просто! Щелкните здесь или где-нибудь, где написано «виртуальный хостинг» в этой статье, чтобы ознакомиться с их планами и начать работу!

Хостинг VPS

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

Другая учетная запись на том же сервере не может использовать до 80% ресурсов. Если на сервере четыре учетных записи, каждая может использовать только 25% активов.Это эффективно решает проблемы непредсказуемости.

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

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

Хотя некоторые учетные записи VPS стоят 5 долларов, вы обычно будете платить от 15 до 20 долларов в месяц. Если у вас есть деньги , то определенно выбирайте управляемый хостинг WordPress или VPS в общей среде.

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

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

Есть множество провайдеров VPS. Вот некоторые из лучших из них:

Управляемый хостинг WordPress

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

В этом случае вся архитектура сервера настроена для максимально эффективной работы с WordPress.От памяти и процессоров до серверного программного обеспечения и кеширования на уровне сервера — все работает с одним программным пакетом: WordPress.

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

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

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

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

Хосты WordPress становятся все более популярными. Самыми известными и получившими самые высокие оценки являются следующие:

Настройка домена

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

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

Вам нужно будет войти на веб-сайт, на котором вы зарегистрировали свой домен, и сменить серверы имен для домена. С Media Temple вы можете добавлять серверы имен, используя простую форму.

Форма модификации сервера имен с помощью Media Temple. (Просмотр большой версии)

Ваш хост сообщит вам, какие серверы имён указать. Моя учетная запись SiteGround содержит следующую информацию:

  ns1.am20.siteground.biz (107.6.152.202)
ns2.am20.siteground.biz (181.224.143.216)  

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

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

Сайты и домены

В настоящее время, особенно с управляемым хостингом WordPress, вы можете немного запутаться в том, как добавить веб-сайт на свой хост.Возможно, вы сможете добавить несколько установок WordPress, даже не увидев экрана с вопросом «Какой домен вам нужен?»

Это может работать по-разному. Давайте посмотрим на конкретный способ понять разницу между веб-сайтами и доменами.

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

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

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

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

Установка WordPress

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

Создание нового веб-сайта на Kinsta. (См. Большую версию)

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

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

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

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

Рекомендуемая литература : Перенести веб-сайт на WordPress проще, чем вы думаете

Примечание о WordPress

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

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

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

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

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

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

Выбор темы и плагинов

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

В теме есть части, которые вы не могли бы подумать о тестировании, например, страница 404, страница поиска, архив и т. Д. Кроме того, некоторые темы могут похвастаться множеством функций, таких как поддержка WooCommerce, bbPress и так далее.

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

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

Электронная коммерция

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

WooCommerce — одно из самых мощных решений для электронной коммерции. (Просмотр большой версии)

Форумы

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

Базовая реализация форума в теме Twenty Fifteen. (Просмотр большой версии)

Социальная сеть

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

Базовый вид BuddyPress с использованием темы Matheson. (Просмотр большой версии)

Выбор темы

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

Если вы используете bbPress, создайте несколько форумов, обсуждений и ответов.Создайте нескольких пользователей и отвечайте на разные вопросы с каждым из них. Если вы используете WooCommerce, добавьте продукты с красивыми изображениями и заполните детали.

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

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

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

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

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

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

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

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

Премиум и бесплатные темы

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

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

Рекомендуемая литература : Как создать и настроить дочернюю тему WordPress

Основные плагины

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

Рекомендуемая литература : Как ускорить работу вашего веб-сайта WordPress

All in One SEO Pack

Если вы хотите оптимизировать свой контент, чтобы получить максимальную отдачу от поисковых систем, вам понадобится плагин SEO. , и All in One SEO Pack — отличный выбор.

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

Некоторые настройки публикации в All in One SEO Pack. (См. Большую версию)

Резервное копирование и восстановление Dropbox

Резервное копирование и восстановление будут важной частью ваших усилий, связанных с безопасностью. Dropbox Backup & Restore автоматизирует эту задачу за вас. Он создает полную резервную копию всех ваших файлов и базы данных либо локально, либо в Dropbox.

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

Dropbox Backup & Restore в действии. (См. Большую версию)

VaultPress

Мой любимый плагин для резервного копирования — это VaultPress, хотя и не бесплатный. Он был создан хорошими людьми из Automattic, компании, которая управляет WordPress, что означает полную интеграцию с системой.

Он связан со службой резервного копирования, которая обо всем позаботится автоматически. Вам даже не нужно нажимать «Резервное копирование»; задача выполняется по расписанию, и вы можете восстановить все одним щелчком мыши.

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

VaultPress. (Просмотр большой версии)

Akismet

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

Сила Akismet в том, что он основан на облаке.Он использует данные, собранные о спамерах на миллионах веб-сайтов, чтобы обеспечить более эффективную защиту от спама, чем все, что вы могли бы сделать на местном уровне.

Использование Akismet бесплатное, но, если вы полагаетесь на свой веб-сайт, чтобы зарабатывать деньги, подумайте о том, чтобы выбрать платный вариант. Akismet — отличный сервис, который тоже заслуживает любви!

Статистика борьбы со спамом Akismet. (Просмотр большой версии)

W3 Total Cache

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

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

W3 Total Cache — это хорошо известное и высокопроизводительное решение для кэширования, которое позволяет извлечь максимум из вашего веб-сайта.

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

Количество подстраниц показывает, сколько есть опций! (Просмотр большой версии)

Jetpack

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

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

Галерея в стиле каменной кладки, предоставленная Jetpack. (Просмотр большой версии)

Ninja Forms

Если вы хотите добавить контактную форму или любую форму для сбора информации на свой веб-сайт, у вас есть несколько вариантов, одна из которых — Ninja Forms.

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

Контактная форма на моем веб-сайте поддерживается Ninja Forms.(Просмотр большой версии)

iThemes Security

Одним из аспектов безопасности является резервное копирование; другой активно предотвращает угрозы. Здесь на помощь приходит такой плагин, как iThemes Security.

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

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

iThemes Security оценивает предупреждения в соответствии с приоритетом.(Просмотр большой версии)

Список продолжается

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

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

Обеспечение безопасности WordPress

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

Хакеры всегда идут по пути наименьшего сопротивления. Они ищут общие недостатки, которые легко использовать. На самом деле, вы, вероятно, можете обойтись, следуя этим двум простым правилам:

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

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

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

Essential Pages

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

Домашняя страница

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

Если вы создаете онлайн-резюме или корпоративный веб-сайт, возможно, вы предпочтете представить подробную информацию о себе или компании. В этом случае создайте страницу в WordPress и установите ее в качестве домашней в разделе «Настройки» → «Чтение».

О странице

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

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

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

Контактная страница

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

Многие страницы используют Карты Google для указания местоположения. Это доступно через плагин, такой как Simple Google Maps Short Code, или вы можете использовать функцию встраивания Google Maps.

Обязательные страницы электронной коммерции

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

• , политика возврата
• , политика конфиденциальности
• , контактные данные
• .

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

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

Обработка файлов cookie

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

Если вам нужна информация о законе о файлах cookie, на странице Optanon есть все необходимое для понимания и соблюдения этого закона.

Множество плагинов отображают панель информации о файлах cookie на вашем веб-сайте без особых хлопот. Посмотрите и внедрите его, если вы находитесь в ЕС.

Аналитика веб-сайтов

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

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

Аналитика местоположения в Google Analytics. (См. Большую версию)

Вы можете бесплатно создать учетную запись в Google Analytics и использовать такой плагин, как Google Analytics Dashboard для WP, чтобы добавить свой код отслеживания и отображать данные аналитики прямо в бэкенде.

Использование данных аналитики

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

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

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

Если вы хотите узнать больше, Smashing Magazine подготовил для вас руководство по Google Analytics!

Резюме

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

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

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

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

(dp, ml, al, jb)

Руководство для начинающих по созданию веб-сайта на WordPress — Smashing Magazine

Об авторе

Привет, я Дэниел, и я делаю вещи для Интернета. Я технический директор Kinsta и пишу для ряда замечательных изданий, таких как Smashing Magazine и … Больше о Даниэль ↬

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

2017 WordPress преодолел отметку в 27%, запустив более четверти всех веб-сайтов — и не зря. У него есть база лояльных пользователей и множество преданных своему делу разработчиков, которые круглый год вносят в систему лучшие функции.

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

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

Содержание

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

Все о доменных именах

Имя домена идентифицирует ваш веб-сайт для пользователей. Доменное имя Smashing Magazine — smashingmagazine.com . Не следует путать доменное имя с URL-адресом — доменные имена являются частью URL-адресов.

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

 
http: // www.blog.mywebsite.com:80/post/awesomeness.php?edit=false&view=true#comment-5
  

Этот URL-адрес состоит из пяти отдельных частей:

• http: // — это протокол, который сообщает браузерам, как получать данные. Среди наиболее известных — http , https и ftp .
• блог. — это поддомен, который позволяет вам сегментировать ваш сайт на разные части. Вы также можете использовать mywebsite.com/blog/ ; это действительно зависит от того, чего вы пытаетесь достичь.
• mywebsite.com — это доменное имя. www (который стоит перед субдоменом, если он есть) является необязательным; вам нужно будет решить это. По большей части это вопрос предпочтений, но может повлиять на крупные веб-сайты. Конец доменного имени (в данном случае .com ) называется доменом верхнего уровня (TLD). Другие: .net и .org , а также специфические для страны, например .co.uk , .hu и .me и совершенно новые, такие как .xyz , .news и .media .
• 80 — номер порта, используемый для доступа к ресурсу на сервере. По умолчанию это 80 для HTTP и 443 для HTTPS, поэтому вы можете опустить его в URL-адресах. Порты чаще всего встречаются в локальных средах разработки.
• /post/awesomeness.php — это путь к ресурсу на сервере. В этом случае вполне может быть папка с именем статьи и файл с именем awesomeness.php , но путь не обязательно указывает на настоящий файл на сервере. Чаще всего сервер и / или код определяют, что вам нужно, на основе URL-адреса, а не URL-адреса, указывающего на фактический файл.
• ? Edit = false & view = true — это параметры, фактически два из них. Перед первым параметром «ключ-значение» стоит вопросительный знак; всем последующим парам предшествуют амперсанды. Серверный код принимает эти значения, и значения могут использоваться, например, для изменения представлений или сохранения данных.
• # comment-5 — это якорь, который можно использовать, чтобы сразу перенаправить пользователя в определенное место на странице. Если вы перейдете по ссылке выше, вы перейдете на страницу ниже к конкретному комментарию.

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

Выбор правильного имени

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

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

Smashing Magazine имеет давнее доменное имя, но маловероятно, что из-за этого будет потеряно много трафика — или что больше можно было бы получить, переключившись на smashingmag .com . Бренд, в конечном счете, является наиболее важным фактором. Короткое и приятное доменное имя — это здорово, но, в конце концов, важно то, что вы с ним делаете.

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

Покупка доменного имени

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

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

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

Большинство хостов имеют простой интерфейс для покупки доменных имен: просто найдите что-нибудь и следуйте инструкциям на экране. При покупке домена помните о двух вещах.

Если вы серьезно относитесь к брендингу и у вас есть средства, вы можете купить несколько TLD с тем же именем. То есть, если вы регистрируете mydomain.com , вы можете купить .net , .org , .info , а также локальную версию (например, .co.uk ).

У вас также будет возможность выбрать продолжительность регистрации, по умолчанию — один год. Были некоторые споры и неопределенность относительно того, как возраст домена и регистрация влияют на поисковую оптимизацию (SEO). Мэтт Каттс, инженер Google, сказал: «Я бы не стал особо беспокоиться об этом», что, вероятно, означает, что вам действительно не следует этого делать. Опять же, если у вас есть средства, зарегистрироваться на пять или шесть лет намного удобнее.

Количество доменов в моей тележке Media Temple.(Просмотр большой версии)

Разница между хостингом и регистрацией домена

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

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

Хостинг — это, по сути, место для размещения файлов вашего сайта. Регистрация домена означает, что вы получили законное право собственности на объект недвижимости в Интернете.

WordPress.com и WordPress.org

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

WordPress — это пакет программного обеспечения с открытым исходным кодом, и бесплатно для всех во всем мире.

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

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

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

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

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

Если вы хотите попробовать свои силы и начать работу с WordPress с минимальными усилиями, тогда WordPress.com — отличный способ! Планы

доступны на WordPress.com. (Посмотреть большую версию)

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

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

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

Есть три пути, если вы ищете хороший пакет:

• Общий хостинг,
• VPS-хостинг,
• управляемый хостинг WordPress.

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

Общий хостинг

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

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

Поскольку сотни веб-сайтов работают на одном и том же оборудовании, что произойдет, если на одном из них обнаружится ошибка кода, из-за которой он использует до 80% доступной памяти? Остальные веб-сайты (а их может быть сотни) остановятся и могут стать недоступными. Та же проблема возникает с безопасностью; некоторые атаки направлены на один веб-сайт и в конечном итоге затрагивают все другие веб-сайты на том же сервере.

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

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

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

Мы стали партнерами InMotion Hosting, чтобы предложить вам отличные цены на их быстрые и надежные услуги хостинга. Хостинг InMotion предоставляет WordPress бесплатно и легко устанавливается на любой из их планов. Перенести существующий веб-сайт также просто! Щелкните здесь или где-нибудь, где написано «виртуальный хостинг» в этой статье, чтобы ознакомиться с их планами и начать работу!

Хостинг VPS

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

Другая учетная запись на том же сервере не может использовать до 80% ресурсов. Если на сервере четыре учетных записи, каждая может использовать только 25% активов. Это эффективно решает проблемы непредсказуемости.

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

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

Хотя некоторые учетные записи VPS стоят 5 долларов, вы обычно будете платить от 15 до 20 долларов в месяц. Если у вас есть деньги , то определенно выбирайте управляемый хостинг WordPress или VPS в общей среде.

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

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

Есть множество провайдеров VPS. Вот некоторые из лучших из них:

Управляемый хостинг WordPress

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

В этом случае вся архитектура сервера настроена для максимально эффективной работы с WordPress. От памяти и процессоров до серверного программного обеспечения и кеширования на уровне сервера — все работает с одним программным пакетом: WordPress.

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

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

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

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

Хосты WordPress становятся все более популярными. Самыми известными и получившими самые высокие оценки являются следующие:

Настройка домена

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

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

Вам нужно будет войти на веб-сайт, на котором вы зарегистрировали свой домен, и сменить серверы имен для домена. С Media Temple вы можете добавлять серверы имен, используя простую форму.

Форма модификации сервера имен с помощью Media Temple.(Просмотр большой версии)

Ваш хост сообщит вам, какие серверы имён указать. Моя учетная запись SiteGround содержит следующую информацию:

  ns1.am20.siteground.biz (107.6.152.202)
ns2.am20.siteground.biz (181.224.143.216)  

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

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

Сайты и домены

В настоящее время, особенно с управляемым хостингом WordPress, вы можете немного запутаться в том, как добавить веб-сайт на свой хост. Возможно, вы сможете добавить несколько установок WordPress, даже не увидев экрана с вопросом «Какой домен вам нужен?»

Это может работать по-разному. Давайте посмотрим на конкретный способ понять разницу между веб-сайтами и доменами.

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

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

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

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

Установка WordPress

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

Создание нового веб-сайта на Kinsta.(См. Большую версию)

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

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

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

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

Рекомендуемая литература : Перенести веб-сайт на WordPress проще, чем вы думаете

Примечание о WordPress

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

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

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

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

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

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

Выбор темы и плагинов

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

В теме есть части, которые вы не могли бы подумать о тестировании, например, страница 404, страница поиска, архив и т. Д. Кроме того, некоторые темы могут похвастаться множеством функций, таких как поддержка WooCommerce, bbPress и так далее.

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

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

Электронная коммерция

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

WooCommerce — одно из самых мощных решений для электронной коммерции.(Просмотр большой версии)

Форумы

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

Базовая реализация форума в теме Twenty Fifteen. (Просмотр большой версии)

Социальная сеть

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

Базовый вид BuddyPress с использованием темы Matheson. (Просмотр большой версии)

Выбор темы

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

Если вы используете bbPress, создайте несколько форумов, обсуждений и ответов. Создайте нескольких пользователей и отвечайте на разные вопросы с каждым из них. Если вы используете WooCommerce, добавьте продукты с красивыми изображениями и заполните детали.

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

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

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

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

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

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

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

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

Премиум и бесплатные темы

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

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

Рекомендуемая литература : Как создать и настроить дочернюю тему WordPress

Основные плагины

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

Рекомендуемая литература : Как ускорить работу вашего веб-сайта WordPress

All in One SEO Pack

Если вы хотите оптимизировать свой контент, чтобы получить максимальную отдачу от поисковых систем, вам понадобится плагин SEO. , и All in One SEO Pack — отличный выбор.

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

Некоторые настройки публикации в All in One SEO Pack. (См. Большую версию)

Резервное копирование и восстановление Dropbox

Резервное копирование и восстановление будут важной частью ваших усилий, связанных с безопасностью. Dropbox Backup & Restore автоматизирует эту задачу за вас. Он создает полную резервную копию всех ваших файлов и базы данных либо локально, либо в Dropbox.

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

Dropbox Backup & Restore в действии. (См. Большую версию)

VaultPress

Мой любимый плагин для резервного копирования — это VaultPress, хотя и не бесплатный. Он был создан хорошими людьми из Automattic, компании, которая управляет WordPress, что означает полную интеграцию с системой.

Он связан со службой резервного копирования, которая обо всем позаботится автоматически. Вам даже не нужно нажимать «Резервное копирование»; задача выполняется по расписанию, и вы можете восстановить все одним щелчком мыши.

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

VaultPress. (Просмотр большой версии)

Akismet

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

Сила Akismet в том, что он основан на облаке.Он использует данные, собранные о спамерах на миллионах веб-сайтов, чтобы обеспечить более эффективную защиту от спама, чем все, что вы могли бы сделать на местном уровне.

Использование Akismet бесплатное, но, если вы полагаетесь на свой веб-сайт, чтобы зарабатывать деньги, подумайте о том, чтобы выбрать платный вариант. Akismet — отличный сервис, который тоже заслуживает любви!

Статистика борьбы со спамом Akismet. (Просмотр большой версии)

W3 Total Cache

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

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

W3 Total Cache — это хорошо известное и высокопроизводительное решение для кэширования, которое позволяет извлечь максимум из вашего веб-сайта.

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

Количество подстраниц показывает, сколько есть опций! (Просмотр большой версии)

Jetpack

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

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

Галерея в стиле каменной кладки, предоставленная Jetpack. (Просмотр большой версии)

Ninja Forms

Если вы хотите добавить контактную форму или любую форму для сбора информации на свой веб-сайт, у вас есть несколько вариантов, одна из которых — Ninja Forms.

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

Контактная форма на моем веб-сайте поддерживается Ninja Forms.(Просмотр большой версии)

iThemes Security

Одним из аспектов безопасности является резервное копирование; другой активно предотвращает угрозы. Здесь на помощь приходит такой плагин, как iThemes Security.

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

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

iThemes Security оценивает предупреждения в соответствии с приоритетом.(Просмотр большой версии)

Список продолжается

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

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

Обеспечение безопасности WordPress

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

Хакеры всегда идут по пути наименьшего сопротивления. Они ищут общие недостатки, которые легко использовать. На самом деле, вы, вероятно, можете обойтись, следуя этим двум простым правилам:

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

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

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

Essential Pages

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

Домашняя страница

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

Если вы создаете онлайн-резюме или корпоративный веб-сайт, возможно, вы предпочтете представить подробную информацию о себе или компании. В этом случае создайте страницу в WordPress и установите ее в качестве домашней в разделе «Настройки» → «Чтение».

О странице

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

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

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

Контактная страница

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

Многие страницы используют Карты Google для указания местоположения. Это доступно через плагин, такой как Simple Google Maps Short Code, или вы можете использовать функцию встраивания Google Maps.

Обязательные страницы электронной коммерции

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

• , политика возврата
• , политика конфиденциальности
• , контактные данные
• .

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

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

Обработка файлов cookie

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

Если вам нужна информация о законе о файлах cookie, на странице Optanon есть все необходимое для понимания и соблюдения этого закона.

Множество плагинов отображают панель информации о файлах cookie на вашем веб-сайте без особых хлопот. Посмотрите и внедрите его, если вы находитесь в ЕС.

Аналитика веб-сайтов

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

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

Аналитика местоположения в Google Analytics. (См. Большую версию)

Вы можете бесплатно создать учетную запись в Google Analytics и использовать такой плагин, как Google Analytics Dashboard для WP, чтобы добавить свой код отслеживания и отображать данные аналитики прямо в бэкенде.

Использование данных аналитики

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

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

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

Если вы хотите узнать больше, Smashing Magazine подготовил для вас руководство по Google Analytics!

Резюме

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

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

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

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

(dp, ml, al, jb)

Руководство для начинающих по созданию веб-сайта на WordPress — Smashing Magazine

Об авторе

Привет, я Дэниел, и я делаю вещи для Интернета. Я технический директор Kinsta и пишу для ряда замечательных изданий, таких как Smashing Magazine и … Больше о Даниэль ↬

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

2017 WordPress преодолел отметку в 27%, запустив более четверти всех веб-сайтов — и не зря. У него есть база лояльных пользователей и множество преданных своему делу разработчиков, которые круглый год вносят в систему лучшие функции.

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

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

Содержание

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

Все о доменных именах

Имя домена идентифицирует ваш веб-сайт для пользователей. Доменное имя Smashing Magazine — smashingmagazine.com . Не следует путать доменное имя с URL-адресом — доменные имена являются частью URL-адресов.

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

 
http: // www.blog.mywebsite.com:80/post/awesomeness.php?edit=false&view=true#comment-5
  

Этот URL-адрес состоит из пяти отдельных частей:

• http: // — это протокол, который сообщает браузерам, как получать данные. Среди наиболее известных — http , https и ftp .
• блог. — это поддомен, который позволяет вам сегментировать ваш сайт на разные части. Вы также можете использовать mywebsite.com/blog/ ; это действительно зависит от того, чего вы пытаетесь достичь.
• mywebsite.com — это доменное имя. www (который стоит перед субдоменом, если он есть) является необязательным; вам нужно будет решить это. По большей части это вопрос предпочтений, но может повлиять на крупные веб-сайты. Конец доменного имени (в данном случае .com ) называется доменом верхнего уровня (TLD). Другие: .net и .org , а также специфические для страны, например .co.uk , .hu и .me и совершенно новые, такие как .xyz , .news и .media .
• 80 — номер порта, используемый для доступа к ресурсу на сервере. По умолчанию это 80 для HTTP и 443 для HTTPS, поэтому вы можете опустить его в URL-адресах. Порты чаще всего встречаются в локальных средах разработки.
• /post/awesomeness.php — это путь к ресурсу на сервере. В этом случае вполне может быть папка с именем статьи и файл с именем awesomeness.php , но путь не обязательно указывает на настоящий файл на сервере. Чаще всего сервер и / или код определяют, что вам нужно, на основе URL-адреса, а не URL-адреса, указывающего на фактический файл.
• ? Edit = false & view = true — это параметры, фактически два из них. Перед первым параметром «ключ-значение» стоит вопросительный знак; всем последующим парам предшествуют амперсанды. Серверный код принимает эти значения, и значения могут использоваться, например, для изменения представлений или сохранения данных.
• # comment-5 — это якорь, который можно использовать, чтобы сразу перенаправить пользователя в определенное место на странице. Если вы перейдете по ссылке выше, вы перейдете на страницу ниже к конкретному комментарию.

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

Выбор правильного имени

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

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

Smashing Magazine имеет давнее доменное имя, но маловероятно, что из-за этого будет потеряно много трафика — или что больше можно было бы получить, переключившись на smashingmag .com . Бренд, в конечном счете, является наиболее важным фактором. Короткое и приятное доменное имя — это здорово, но, в конце концов, важно то, что вы с ним делаете.

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

Покупка доменного имени

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

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

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

Большинство хостов имеют простой интерфейс для покупки доменных имен: просто найдите что-нибудь и следуйте инструкциям на экране. При покупке домена помните о двух вещах.

Если вы серьезно относитесь к брендингу и у вас есть средства, вы можете купить несколько TLD с тем же именем. То есть, если вы регистрируете mydomain.com , вы можете купить .net , .org , .info , а также локальную версию (например, .co.uk ).

У вас также будет возможность выбрать продолжительность регистрации, по умолчанию — один год. Были некоторые споры и неопределенность относительно того, как возраст домена и регистрация влияют на поисковую оптимизацию (SEO). Мэтт Каттс, инженер Google, сказал: «Я бы не стал особо беспокоиться об этом», что, вероятно, означает, что вам действительно не следует этого делать. Опять же, если у вас есть средства, зарегистрироваться на пять или шесть лет намного удобнее.

Количество доменов в моей тележке Media Temple.(Просмотр большой версии)

Разница между хостингом и регистрацией домена

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

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

Хостинг — это, по сути, место для размещения файлов вашего сайта. Регистрация домена означает, что вы получили законное право собственности на объект недвижимости в Интернете.

WordPress.com и WordPress.org

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

WordPress — это пакет программного обеспечения с открытым исходным кодом, и бесплатно для всех во всем мире.

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

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

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

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

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

Если вы хотите попробовать свои силы и начать работу с WordPress с минимальными усилиями, тогда WordPress.com — отличный способ! Планы

доступны на WordPress.com. (Посмотреть большую версию)

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

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

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

Есть три пути, если вы ищете хороший пакет:

• Общий хостинг,
• VPS-хостинг,
• управляемый хостинг WordPress.

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

Общий хостинг

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

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

Поскольку сотни веб-сайтов работают на одном и том же оборудовании, что произойдет, если на одном из них обнаружится ошибка кода, из-за которой он использует до 80% доступной памяти? Остальные веб-сайты (а их может быть сотни) остановятся и могут стать недоступными. Та же проблема возникает с безопасностью; некоторые атаки направлены на один веб-сайт и в конечном итоге затрагивают все другие веб-сайты на том же сервере.

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

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

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

Мы стали партнерами InMotion Hosting, чтобы предложить вам отличные цены на их быстрые и надежные услуги хостинга. Хостинг InMotion предоставляет WordPress бесплатно и легко устанавливается на любой из их планов. Перенести существующий веб-сайт также просто! Щелкните здесь или где-нибудь, где написано «виртуальный хостинг» в этой статье, чтобы ознакомиться с их планами и начать работу!

Хостинг VPS

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

Другая учетная запись на том же сервере не может использовать до 80% ресурсов. Если на сервере четыре учетных записи, каждая может использовать только 25% активов. Это эффективно решает проблемы непредсказуемости.

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

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

Хотя некоторые учетные записи VPS стоят 5 долларов, вы обычно будете платить от 15 до 20 долларов в месяц. Если у вас есть деньги , то определенно выбирайте управляемый хостинг WordPress или VPS в общей среде.

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

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

Есть множество провайдеров VPS. Вот некоторые из лучших из них:

Управляемый хостинг WordPress

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

В этом случае вся архитектура сервера настроена для максимально эффективной работы с WordPress. От памяти и процессоров до серверного программного обеспечения и кеширования на уровне сервера — все работает с одним программным пакетом: WordPress.

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

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

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

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

Хосты WordPress становятся все более популярными. Самыми известными и получившими самые высокие оценки являются следующие:

Настройка домена

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

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

Вам нужно будет войти на веб-сайт, на котором вы зарегистрировали свой домен, и сменить серверы имен для домена. С Media Temple вы можете добавлять серверы имен, используя простую форму.

Форма модификации сервера имен с помощью Media Temple.(Просмотр большой версии)

Ваш хост сообщит вам, какие серверы имён указать. Моя учетная запись SiteGround содержит следующую информацию:

  ns1.am20.siteground.biz (107.6.152.202)
ns2.am20.siteground.biz (181.224.143.216)  

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

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

Сайты и домены

В настоящее время, особенно с управляемым хостингом WordPress, вы можете немного запутаться в том, как добавить веб-сайт на свой хост. Возможно, вы сможете добавить несколько установок WordPress, даже не увидев экрана с вопросом «Какой домен вам нужен?»

Это может работать по-разному. Давайте посмотрим на конкретный способ понять разницу между веб-сайтами и доменами.

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

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

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

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

Установка WordPress

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

Создание нового веб-сайта на Kinsta.(См. Большую версию)

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

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

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

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

Рекомендуемая литература : Перенести веб-сайт на WordPress проще, чем вы думаете

Примечание о WordPress

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

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

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

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

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

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

Выбор темы и плагинов

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

В теме есть части, которые вы не могли бы подумать о тестировании, например, страница 404, страница поиска, архив и т. Д. Кроме того, некоторые темы могут похвастаться множеством функций, таких как поддержка WooCommerce, bbPress и так далее.

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

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

Электронная коммерция

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

WooCommerce — одно из самых мощных решений для электронной коммерции.(Просмотр большой версии)

Форумы

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

Базовая реализация форума в теме Twenty Fifteen. (Просмотр большой версии)

Социальная сеть

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

Базовый вид BuddyPress с использованием темы Matheson. (Просмотр большой версии)

Выбор темы

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

Если вы используете bbPress, создайте несколько форумов, обсуждений и ответов. Создайте нескольких пользователей и отвечайте на разные вопросы с каждым из них. Если вы используете WooCommerce, добавьте продукты с красивыми изображениями и заполните детали.

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

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

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

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

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

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

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

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

Премиум и бесплатные темы

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

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

Рекомендуемая литература : Как создать и настроить дочернюю тему WordPress

Основные плагины

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

Рекомендуемая литература : Как ускорить работу вашего веб-сайта WordPress

All in One SEO Pack

Если вы хотите оптимизировать свой контент, чтобы получить максимальную отдачу от поисковых систем, вам понадобится плагин SEO. , и All in One SEO Pack — отличный выбор.

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

Некоторые настройки публикации в All in One SEO Pack. (См. Большую версию)

Резервное копирование и восстановление Dropbox

Резервное копирование и восстановление будут важной частью ваших усилий, связанных с безопасностью. Dropbox Backup & Restore автоматизирует эту задачу за вас. Он создает полную резервную копию всех ваших файлов и базы данных либо локально, либо в Dropbox.

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

Dropbox Backup & Restore в действии. (См. Большую версию)

VaultPress

Мой любимый плагин для резервного копирования — это VaultPress, хотя и не бесплатный. Он был создан хорошими людьми из Automattic, компании, которая управляет WordPress, что означает полную интеграцию с системой.

Он связан со службой резервного копирования, которая обо всем позаботится автоматически. Вам даже не нужно нажимать «Резервное копирование»; задача выполняется по расписанию, и вы можете восстановить все одним щелчком мыши.

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

VaultPress. (Просмотр большой версии)

Akismet

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

Сила Akismet в том, что он основан на облаке.Он использует данные, собранные о спамерах на миллионах веб-сайтов, чтобы обеспечить более эффективную защиту от спама, чем все, что вы могли бы сделать на местном уровне.

Использование Akismet бесплатное, но, если вы полагаетесь на свой веб-сайт, чтобы зарабатывать деньги, подумайте о том, чтобы выбрать платный вариант. Akismet — отличный сервис, который тоже заслуживает любви!

Статистика борьбы со спамом Akismet. (Просмотр большой версии)

W3 Total Cache

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

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

W3 Total Cache — это хорошо известное и высокопроизводительное решение для кэширования, которое позволяет извлечь максимум из вашего веб-сайта.

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

Количество подстраниц показывает, сколько есть опций! (Просмотр большой версии)

Jetpack

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

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

Галерея в стиле каменной кладки, предоставленная Jetpack. (Просмотр большой версии)

Ninja Forms

Если вы хотите добавить контактную форму или любую форму для сбора информации на свой веб-сайт, у вас есть несколько вариантов, одна из которых — Ninja Forms.

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

Контактная форма на моем веб-сайте поддерживается Ninja Forms.(Просмотр большой версии)

iThemes Security

Одним из аспектов безопасности является резервное копирование; другой активно предотвращает угрозы. Здесь на помощь приходит такой плагин, как iThemes Security.

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

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

iThemes Security оценивает предупреждения в соответствии с приоритетом.(Просмотр большой версии)

Список продолжается

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

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

Обеспечение безопасности WordPress

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

Хакеры всегда идут по пути наименьшего сопротивления. Они ищут общие недостатки, которые легко использовать. На самом деле, вы, вероятно, можете обойтись, следуя этим двум простым правилам:

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

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

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

Essential Pages

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

Домашняя страница

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

Если вы создаете онлайн-резюме или корпоративный веб-сайт, возможно, вы предпочтете представить подробную информацию о себе или компании. В этом случае создайте страницу в WordPress и установите ее в качестве домашней в разделе «Настройки» → «Чтение».

О странице

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

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

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

Контактная страница

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

Многие страницы используют Карты Google для указания местоположения. Это доступно через плагин, такой как Simple Google Maps Short Code, или вы можете использовать функцию встраивания Google Maps.

Обязательные страницы электронной коммерции

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

• , политика возврата
• , политика конфиденциальности
• , контактные данные
• .

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

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

Обработка файлов cookie

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

Если вам нужна информация о законе о файлах cookie, на странице Optanon есть все необходимое для понимания и соблюдения этого закона.

Множество плагинов отображают панель информации о файлах cookie на вашем веб-сайте без особых хлопот. Посмотрите и внедрите его, если вы находитесь в ЕС.

Аналитика веб-сайтов

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

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

Аналитика местоположения в Google Analytics. (См. Большую версию)

Вы можете бесплатно создать учетную запись в Google Analytics и использовать такой плагин, как Google Analytics Dashboard для WP, чтобы добавить свой код отслеживания и отображать данные аналитики прямо в бэкенде.

Использование данных аналитики

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

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

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

Если вы хотите узнать больше, Smashing Magazine подготовил для вас руководство по Google Analytics!

Резюме

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

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

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

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

(dp, ml, al, jb)

Как создать веб-сайт WordPress с помощью Elementor (в 2021 году)

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

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

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

Приступим.

Получите учетную запись хостинга и установите WordPress

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

Вы можете зарегистрировать свое доменное имя и легко получить хостинг WordPress с помощью пакета хостинга DreamHost WordPress. Щелкните ссылку «Начать» и следуйте инструкциям по созданию учетной записи.Dreamhost дает вам возможность зарегистрировать новое доменное имя или перенести существующее для создания своего веб-сайта.

Присоединяйтесь к DreamHost, надежному веб-хостингу на базе SSD >>>

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

Мы рекомендуем использовать инструмент под названием One-Click WordPress Installer для выполнения начальной установки WordPress.Вы можете найти эту программу в нижней части панели управления при прокрутке вниз. Откройте меню One-Click Installer, нажмите WordPress, выберите свое доменное имя и установите WordPress в своем домене.

Один щелчок — и у вас есть WordPress!

Присоединяйтесь к DreamHost, надежному веб-хостингу на базе SSD >>>

Добавить Elementor на новый сайт WordPress

К этому времени вы должны завершить установку WordPress, а также иметь пароль для входа в раздел администратора.Войдите в свой сервер администратора WordPress и давайте установим Elementor — наведите указатель мыши на раздел «Плагин» в меню слева и нажмите «Добавить» во всплывающем меню.

На новой открывшейся странице введите «Elementor» в текстовое поле и нажмите клавишу ввода, чтобы найти плагин. В результате среди других результатов будет отображаться «Elementor Page Builder».

Игнорируйте все остальные записи результатов и щелкните вкладку установки рядом с «Elementor Page Builder». После завершения установки меню вкладок изменится на активацию, щелкните по нему, чтобы активировать плагин.

Теперь у вас установлен Elementor!

Используйте Elementor для создания своей первой страницы

После активации Elementor Page Builder пора создать вашу первую веб-страницу. Перейдите в раздел «Страницы» в меню администратора и нажмите ссылку «Добавить».

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

Хорошая привычка — сохранять инкрементальные изменения, которые вы внесли на свой сайт.Это помогает сохранить внесенные вами изменения в случае сбоя браузера или сбоев системы во время работы.

Теперь у вас создана новая страница. Найдите кнопку «Редактировать с помощью Elementor» чуть ниже строки заголовка, чтобы запустить плагин Elementor Page Builder.

Как использовать шаблоны Elementor для создания домашней страницы в WordPress

Один из самых простых способов начать работу с конструктором сайтов Elementor — использовать шаблоны. Это дает вам доступ ко многим функциям программы, вместо того, чтобы пытаться разобраться в них самостоятельно.

Нажмите кнопку «Добавить шаблон», которая находится в правой части экрана, чтобы открыть библиотеку шаблонов Elementor.

Библиотека шаблонов дает вам доступ к многочисленным шаблоны. Многие шаблоны бесплатны в то время как другие доступны только тогда, когда вы приобретите премиум-версию подключаемого модуля Elementor. Найдите макет на ваш выбор и нажмите кнопку «Вставить».

Как изменить шаблон Elementor на полноразмерный

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

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

Как изменить текст на домашней и любой другой странице

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

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

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

Изменить фоновые изображения

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

Все, что вам нужно сделать, это удалить текущее фоновое изображение и выбрать другое, чтобы заменить его.

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

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

Как изменить цвета и шрифты на сайте Elementor

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

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

Отличный стиль дизайна — поддерживать единообразный внешний вид и цвет шрифта на вашей веб-странице. Множественные цветовые палитры могут отвлекать и служить раздражающим фактором, из-за которого посетитель может сразу же покинуть ваш сайт. С умом выбирайте цвет сайта.

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

Щелкните значок меню гамбургера в левом верхнем углу после того, как Elementor сохранил внесенные вами изменения.

После этого щелкните «Параметры страницы» в появившемся списке меню.

В открывшемся меню в разделе «Статус» нажмите на выбранные параметры и выберите «Опубликовано». Эта опция сделает веб-страницу доступной для просмотра другими людьми на вашем веб-сайте.

После этого щелкните значок «X» в левом нижнем углу страницы, чтобы закрыть параметры. Теперь вы готовы просмотреть свою первую веб-страницу.

Сделайте страницу, которую вы только что создали, главной страницей своего веб-сайта

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

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

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

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

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

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

Давайте продолжим создание остальной части веб-сайта

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

Наведите указатель мыши на «Страницы» и нажмите «Добавить новую», затем выполните шаги, описанные ранее, чтобы создать новые страницы.

Другие аспекты разработки вашего веб-сайта WordPress связаны с работой с виджетами. Настройки виджетов доступны из пункта меню «Внешний вид»> «Виджет». Интерфейс интуитивно понятный; просто перетащите нужные виджеты в соответствующие места и отрегулируйте настройки.

Большинство тем WordPress также имеют «Параметры темы», которые вы можете настроить в соответствии с потребностями вашего веб-сайта. Однако важно убедиться, что ваш выбор цветов в параметрах темы совпадает с тем, который вы выбираете в Elementor. Это поможет создать визуальный баланс для вашего сайта.

Начать создание сайтов без программирования с Elementor

Вы можете начать создание веб-сайта, не написав ни единого кода, объединив возможности WordPress с плагином Elementor Page Builder.

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

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

Сделай это. А если возникнут какие-либо вопросы в процессе, не стесняйтесь оставлять нам свои комментарии.Мы поможем вам с легкостью создать ваш сайт на WordPress.

Присоединяйтесь к DreamHost, надежному веб-хостингу на базе SSD >>>

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

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

Последние сообщения Джонни МакКинси (посмотреть все)

Почему WordPress — плохая идея для создания веб-сайтов?

WordPress известен как наиболее часто используемая система управления контентом (CMS) в Интернете. В настоящее время 39,6% веб-сайтов (+ 13% г / г) построены на этой платформе, а 40% Интернета работают на ней.Но почему он так популярен и хорош ли WordPress, если вам нужен надежный веб-сайт для вашего бизнеса?

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

Бизнес идет медленно? Плохой трафик и низкая конверсия?

Свяжитесь с нами

8 причин, почему WordPress — действительно плохая идея

1. Образец

Сама

WordPress вместе с различными платформами, такими как Envato Market или Template Monster, предлагает большое разнообразие дизайнов веб-сайтов, называемых темами. Тема — это внешний вид вашего веб-сайта, который устанавливается в вашу учетную запись WordPress.Он содержит цветовую схему, расположение виджетов, шаблоны страниц (макеты), шрифты и другие стилистические детали. Как правило, бесплатные темы WordPress предлагают простой дизайн и ограниченную функциональность, а темы премиум-класса включают больше функций вместе со стильным дизайном.

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

Слабое место таких тем проявляется, когда вы загружаете тему и обнаруживаете, что она не соответствует вашему фирменному стилю, как предполагалось.Более того, когда вы вставляете медиафайлы, шаблон не выглядит таким «премиальным» и стильным, как при предварительном просмотре (дизайнеры премиальных тем тратят часы, чтобы найти изображения из фотобанков, которые идеально подходят друг другу). А потом, когда вы решите доработать купленную тему, вам придется нанять разработчика, даже если вы пытались избежать этого в самом начале. Если выбранная тема содержит слишком много функций, которые вы не будете использовать, будьте готовы к тому, что веб-сайт будет очень медленным.

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

Нужен сайт с уникальным индивидуальным дизайном?

Получить расценки

2. Функциональные возможности

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

3. Частые обновления

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

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

4. Незащищенность и уязвимость для взлома

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

• Бэкдоры
• Проездных
• Фармацевтические хаки
• Вредоносные перенаправления
• формирует спам

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

Не хотите жертвовать качеством своего веб-сайта?

Тогда разработайте вместе с нами высокопроизводительное индивидуальное решение!

5. Плохое SEO

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

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

6. Низкая скорость страницы

Из-за ряда факторов WordPress остается очень медленной платформой. Скорость загрузки страницы снижается из-за запуска дополнительных процессов из-за тяжелых плагинов, переполненных баз данных и разочаровывающей кодовой базы. Что еще может замедлить работу сайта WP? Огромные и тяжелые изображения, не оптимизированные для SEO, ненадежный хостинг, тяжелые темы, не оптимизированные домашние страницы, ненадежный CDN и многие другие факторы могут замедлить работу вашего сайта.

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

7. Трудно масштабировать

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

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

8. Это нерентабельно

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

Такой подход абсолютно неэффективен для малых предприятий, которым необходимо больше инвестировать в узнаваемость своего бренда (услуги по рекламе и продвижению), а не в постоянные технические услуги, чтобы поддерживать бесперебойную работу своего веб-сайта.Так что, если ваш бизнес имеет доход менее 200 000 долларов в год, вам не нужно тратить время, деньги и усилия на создание веб-сайта на WordPress.

Заключение

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

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

Считаете, что вашему бизнесу нужен качественный веб-сайт с расширенными функциями и высокой скоростью загрузки?

Свяжитесь с нами

Создание веб-сайтов на WordPress с нуля

Давайте создадим для вас веб-сайт

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

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

Что вы получите:

• Полная установка темы с вашим собственным логотипом.
• Настройка темы с изменением цвета.
• Активация контактной формы.
• Профессионально написанный контент (до 5 страниц и 10 сообщений в блоге).
• Расширенная оптимизация на странице.
• 15 эксклюзивных изображений с сайта DepositPhotos.
• Набор обязательных плагинов.
• Пакет защиты от спама и хакеров.

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

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

Требования:

• Точные указания относительно внешнего вида веб-сайта (цвета, макеты, виджеты и т. Д.) И содержания страниц.
• Учетные данные учетной записи хостинга.
• Логотип (желательно в формате .SVG).

Примечание :

• Данная услуга действительна для одного веб-сайта.
• Расширенная внутренняя SEO-оптимизация доступна на английском, русском и украинском языках. Если вам нужен другой язык, сообщите нам об этом заранее.

Рассмотрите другие полезные услуги для вашего бизнес-сайта :

WP Page Builder — плагин WordPress

WP Page Builder — это бесплатный конструктор страниц WordPress с возможностью перетаскивания, позволяющий легко создавать веб-сайты. Независимо от того, являетесь ли вы опытным разработчиком или новичком, вы можете самостоятельно создавать потрясающие веб-сайты с помощью этого инструмента.Создавайте красивые веб-страницы без особых усилий с помощью интуитивно понятного живого компоновщика страниц без программирования за считанные минуты. Опыт проектирования не требуется.

Blocks & Layouts Demo
Попробуйте Live Demo
Get Pro Version
Получите бесплатную тему премиум-качества, созданную с помощью WP Page Builder

WP Page Builder — это бесплатный и полностью интерфейсный инструмент с множеством вариантов дизайна. Давайте рассмотрим возможности WP Page Builder ниже.

Некоторые выделенные особенности

• Создавайте красивые, стильные и профессиональные сайты
• Сверхбыстрая разработка сайта
• Создайте свой сайт самостоятельно
• Система создания живых страниц методом перетаскивания
• Абсолютно не требуется кодирования
• Идеально подходит для пользователей любого уровня
• Адаптивные и оптимизированные для мобильных устройств страницы
• Неограниченные возможности отмены / повтора
• Настроить стили и цвета шрифта
• Красивые готовые шаблоны
• Встроенные блоки
• Массовое количество дополнений
• Поддержка виджетов WordPress
• Библиотека для сохранения пользовательских блоков и дополнений
• Разделители красивой формы
• Параметры разработчика
• Эффект Perfect Parallax
• Размер столбцов изменяемый для облегчения разработки
• Гибкая регулировка заполнения перетаскиванием
• Настройки скорости отклика устройства
• Создание разнообразных структур строка-столбец
• Дублировать что угодно в один клик
• Включение или отключение строк / столбцов / надстроек
• Расстояние между стойками управления по горизонтали (желоб)
• Экспорт и импорт страниц
• Создание веб-страниц, оптимизированных для SEO
• Вставить вложенные строки в страницы
• Режим наложения CSS
• Добавить пользовательский CSS на страницы

Создавайте красивые, стильные и профессиональные сайты

Когда у вас под рукой идеальный инструмент, вы можете превзойти свое воображение.WP Page Builder — это такой плагин для создания веб-страниц, который позволяет легко создавать отличный веб-сайт. Увидев результат, вы просто скажете «ВАУ!». В WP Page Builder есть множество элементов дизайна, таких как встроенные макеты страниц, разделители фигур, блоки дизайна и многое другое. С помощью этого инструмента вы можете создать стильный профессиональный веб-сайт, который сможет привлечь максимальное количество посетителей.

Super Fast Разработка сайта

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

Создайте свой сайт самостоятельно

Вам не нужно нанимать дизайнера или разработчика для создания профессиональных веб-сайтов. Вы можете сделать все сами. Это одновременно экономит много денег и времени. Просто используйте все доступные элементы WP Page Builder и используйте его функциональные возможности.

Редактирование в реальном времени перетаскиванием

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

Абсолютно не требуется кодирование

Когда у вас есть WP Page Builder, нет необходимости писать ни одной строчки кода. Любые функциональные возможности или дизайн, которые вы себе представляете, могут быть добавлены на ваш сайт с помощью этого многофункционального конструктора веб-сайтов. Система создания сайтов с помощью перетаскивания этого конструктора страниц WordPress избавляет вас от написания кода, поскольку необходимые инструменты предоставляются встроенными.Просто исследуй и строй!

Идеально для пользователей любого уровня

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

Адаптивные и оптимизированные для мобильных устройств страницы

Макеты

, созданные с помощью этого плагина для создания веб-страниц, подходят для устройств любого размера.Независимо от того, сколько строк и столбцов вы займете на одной странице, у нее не будет проблем с отзывчивостью. WP Page Builder обеспечивает 100% адаптивные макеты и привлекательный вид одновременно. Используя элементы управления отзывчивостью для конкретных устройств, вы можете отображать страницы как на разных устройствах (компьютерах, планшетах, мобильных телефонах) во время редактирования и вносить необходимые изменения для идеальной отзывчивости.

Неограниченные возможности отмены / возврата

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

Настройка стилей и цветов шрифтов

Создайте типографику своего сайта и легко измените цвета с помощью WP Page Builder. Множество значков шрифтов IcoFont и Font Awesome доступно для использования с этим плагином композитора страниц WordPress. Вы можете использовать на своем сайте любой из 340+ линейных значков IcoFont и 670+ значков Font Awesome.

Гибкое заполнение столбцов изменяемого размера

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

Красивые готовые шаблоны

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

Встраиваемые блоки

WP Page Builder не только помогает вам легко создавать и редактировать веб-страницы, но также позволяет использовать множество предопределенных элементов раздела. В этом конструкторе веб-страниц есть множество готовых элементов раздела, которые ускорят процесс создания вашего сайта.Экономьте время при разработке разделов, просто перетаскивая готовые элементы раздела по вашему выбору!

Массовое количество дополнений

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

БЕСПЛАТНО, получите бесплатно

WP Page Builder поставляется БЕСПЛАТНО. Используйте этот конструктор страниц WordPress на своем веб-сайте бесплатно. Расширенные функции, такие как готовые шаблоны, готовые блоки, библиотечная система, адаптивное управление устройством и большое количество надстроек, обычно не предоставляются бесплатно. Используйте все эти передовые функции со многими другими функциями.

Поддержка виджетов WordPress

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

Библиотека для сохранения пользовательских блоков и дополнений

Вы можете создавать собственные разделы, сохранять их в библиотеке и повторно использовать эти разделы в любом месте сайта. Функция библиотеки позволяет создавать разделы и сохранять их в «Библиотеке разделов» плагина WP Page Builder для использования в будущем. Каждый такой отдельный раздел можно использовать сколько угодно раз.

Поддержка нескольких языков

Наличие веб-сайтов на любом языке больше не проблема, поскольку в WP Page Builder есть многоязычная поддержка.Обращайтесь к глобальной аудитории напрямую.

Разделители формы с красивым дизайном

Придать новый вид вашему веб-сайту стало проще с нашим разделителем формы. В WP Page Builder есть множество встроенных фигур для создания различных разделов ваших веб-страниц.

Параметры разработчика

WP Page Builder имеет 28+ надстроек, которые позволят вам создавать сайты с универсальными элементами страниц / дизайна. Если вы разработчик и хотите использовать свои собственные надстройки для каких-либо дополнительных функций / дизайна, вы, безусловно, можете сделать это с помощью этого плагина для создания веб-страниц.

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

Аддон-лист с их использованием:

• Форма: Надстройка формы дает вам удобный способ создавать и стилизовать ваши формы по вашему желанию. Он может настраивать любые формы без необходимости устанавливать какие-либо дополнительные плагины. Кроме того, вы можете управлять другими плагинами форм (например,грамм. Контактная форма 7, weForms и т. Д.) И активируйте reCAPTCHA одним щелчком мыши.
• Карусель: Создавайте потрясающие слайдеры героев на своих веб-страницах. Создайте каждый слайд с различными элементами (кнопка, заголовок, текст, фоновое изображение) и т. Д.
• Аккордеон: Разместите сворачиваемое текстовое содержимое.
• Предупреждение: Вставьте поле предупреждения с заголовком и текстом предупреждения.
• Анимированный номер: Используйте его для анимации чисел в любом месте сайта.
• Номер блока: Нужен текст с номером блока? Делайте это в желаемом вами стиле.
• Сетка постов: Отображение постов в сетках, определяющих количество постов и стилизацию внешнего вида.
• Кнопка: Создайте и разместите привлекательные кнопки в любом месте сайта.
• Группа кнопок: Создайте несколько кнопок и задайте стиль каждой из них индивидуально.
• Контактная форма 7: Создайте контактную форму в любом месте вашего сайта.
• Панель функций: Отображение увлекательных функций с заголовками, текстом и кнопками.
• Флип-бокс: Создайте флип-бокс с логотипом, заголовком, текстом и кнопкой, измените параметр флип-бокса и задайте стиль по своему вкусу.
• Заголовок: Используйте надстройку «Заголовок», чтобы присвоить заголовок чему-либо в любом месте сайта.
• Icon: Плагин включает значки Font Awesome и более 250 значков линий icoFont.
• Изображение: Отображение изображений с заголовками и подписями.При необходимости вставьте ссылку на изображение.
• Image Hover: Поместите изображения с эффектом наведения.
• Человек: Имейте профиль человека на веб-сайте с его именем, изображением и ссылками на социальные сети.
• Персональная карусель: С помощью персональной карусели можно иметь несколько профилей пользователей в одном месте.
• Pie Progress: Разместите индикатор выполнения пирога на сайте с помощью надстройки Pie Progress и настройте внешний вид.
• Индикатор выполнения: Нужно показать прогресс на индикаторе? У WP Page Builder есть надстройка для этого.
• Таблица цен: С легкостью создавайте и отображайте таблицу цен на свои продукты с помощью нашего дополнения «Таблица цен».
• Raw HTML: Вставьте HTML-коды на страницу.
• Социальная кнопка: Показывать профили социальных сетей с помощью различных кнопок на сайте.
• SoundCloud: Вы также можете добавить биты аудио из SoundCloud.
• Вкладка: Вставьте область содержимого с вкладками с помощью надстройки вкладок.
• Отзыв: Покажите, что люди думают о ваших услугах в любом месте сайта.
• Карусель отзывов: С ее помощью можно показать несколько отзывов в одном месте.
• Текстовый блок: Вставьте нужный текст на сайт и стилизуйте его по-своему.
• Видео: Добавьте видео с YouTube или Vimeo на свою веб-страницу.
• Всплывающее окно видео: Размещение видео во всплывающем окне также возможно с помощью нашего надстройки всплывающего окна видео в WP Page Builder.

Премиум-функции

Помимо всех удивительных преимуществ бесплатной версии, вы получите 15+ пакетов премиум-макетов, которые включают 83+ готовых макетов страниц в WP Page Builder Pro.

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

Вы можете найти документацию здесь
Документация
Документация разработчика

1.2.6 — 3 мая 2021 г.

Исправление: проблема с форматированием списка в Text Addon.
Fix: поддержка белого списка iframe в RAW HTML Addon.
Исправление: проблема с пустым текстом сообщения электронной почты в Form Addon для формы по умолчанию.
Fix: проблема отправки формы Form Addon для форм по умолчанию при добавлении внутри внутренней строки

1.2.5 — 22 марта 2021 г.

Fix: Устранена проблема с нарушением CSS

1.2.4 — 17 марта 2021 г.

Обновление

: изменено поле выбора роли пользователя с соответствующими привилегиями и значениями по умолчанию.
Исправление: фильтрация данных надстройки PageBuilder для необработанного HTML перед сохранением в БД
Исправление: дезинфекция и экранирование вводимых пользователем данных

1.2.3 — 9 апреля 2020 г.

Исправление: проблема с неопределенной функцией get_current_screen
Исправление: проблема с неработающей ссылкой поддержки и документации

1.2.2 — 22 октября 2019 г.

Новое: функции копирования и вставки аддона
Исправление: опция кнопки отправки полной ширины аддона формы
Исправление: Отсутствие тени поля ввода аддона формы
Исправление: проблема с заполнением аддона формы
Исправление: заголовок активной границы аддона формы
Исправление: наведение курсора на изображение аддон, проблема с цветом наведения

1.2.1 — 19 сентября 2019

Исправление: обновление fontawesome 5

1.2.0 — 19 апреля 2019 г.

Исправление: проблема проверки W3
Исправление: ошибка стиля Javascript
Исправление: ошибка орфографии
Исправление: форма, видео, таблица цен, вкладка, социальная кнопка, окно функций, индикатор выполнения, карусель людей, наведение курсора на изображение, проблема с надстройкой Flip Box

1.1.0 — 21 марта 2019 г.

Исправлено: проблема глобальной формы event.prevent в аддонах формы
Улучшено: производительность

1.0.9 — 18 февраля 2019 г.

Исправление: доступ к списку классов из неопределенной переменной

1.0.8 — 2018-12-06

Новое: поддержка Гутенберга
Исправление: проблема с кнопкой карусели 2
Исправление: проблема непрозрачности по умолчанию
Исправление: проблема с анимированным заголовком
Исправление: проблема с заголовком в ядре
Исправление: анимированный префикс и суффикс номера
Исправление: проблема с режимом наложения
Исправление: дублирование рядный выпуск

1.0.7 — 14.11.2018

Новое: добавлены множественные формы, верхнее нижнее положение и новая форма
Новое: режим наложения CSS
Новое: подчеркивание добавлено в тип поля типографики
Исправлено: поле Background2 полностью удалено
Исправлено: проблема навигации ползунка
Исправлено: добавлен отрицательный интервал между буквами
Исправлено : Надстройки таблиц при наведении курсора CSS
Исправление: Поддержка темы GeneratePress

1.0,6 — 2018-11-05

Исправлено: проблема с настройками внутреннего столбца

1.0.5 — 2018-11-01

Фиксированный: контейнерный ряд без желоба

1.0.4 — 31.10.2018

Новое: добавлена ​​повторяемая внутренняя повторяемая поддержка
Новое: добавлен тип поля datetime
Новое: добавлена ​​кнопка сброса фильтра CSS
Исправление: проблема CSS внутреннего столбца Boxshadow
Исправление: удаление типа поля Background2

1.0.3 — 11.10.2018

Новое: добавлен тип поля фильтра CSS
Новое: 100% готов к переводу
Исправление: Радиус границы изменен на размер
Исправление: проблема с коротким кодом карусели
Исправление: проблема с пустой вкладкой
Исправление: проблема с тенями окна

1.0,2 — 02.10.2018

• Новое: поддержка PHP 5.4
• Исправление: проблема с языком
• Исправление: проблема с Google Fonts в редакторе Frontend
• Исправление: проблема с наложением текста надстройки по умолчанию
• Исправление: проблема с полноэкранным просмотром редактора
• Исправлено: WP Mega Menu, Give и другие проблемы конфликта популярных плагинов
• Исправление: внутренняя строка слева, проблема с заполнением справа
• Исправление: проблема с лекарством и выпадением из внутреннего ряда
• Исправление: проблема с аддоном формы
• Исправление: несколько проблем с пользовательским интерфейсом и пользовательским интерфейсом

1.0.1 — 13.09.2018

• Новое: добавлены прямые ссылки на панель инструментов
• Новое: сочетание клавиш «Control + Z» для отмены действия
• Новое: кнопка предварительного просмотра добавлена ​​в превью макета страницы
• Исправление: Удалена опция удаления из одного столбца
• Исправление: проблема с размером изображения свидетельства
• Исправление: Em изменена проблемой дроби
• Исправление: проблема со значком окна функций / изображением img
• Исправление: перетаскивание не работает с проблемой внутренней строки
• Исправление: проблема с сохранением раздела библиотеки

1.0,0 — 01.09.2018

• Новое: Дополнение формы
• Новое: аддон карусели
• Новое: поддержка сторонних блоков
• Новое: поддержка стороннего макета страницы
• Новое: повторяющийся параметр типа поля
• Исправление: проблема с выбором нескольких типов носителя
• Исправление: проблема с настройкой надстройки таблицы цен
• Исправление: проблема конфликта типов поля Color2
• Исправление: проблема с единицей измерения поля
• Исправление: проблема с конфигурацией надстройки образа
• Исправление: проблема стабильности пограничного поля

1.0.0-beta2 — 09.08.2018

• Новое: 5 готовых макетов страниц
• Новое: размер изображения для дополнения Post, [wppb-medium, w-600, h-450]
• Новое: Адаптивные единицы (бэр, проценты)
• Новое: Отменить предупреждение о несохраненных изменениях при закрытии окна
• Новое: значок «Загрузка» в правой части редактора.
• Исправление: проблема с желобом колонны
• Исправление: проблема со скольжением / затуханием надстройки Flipbox
• Исправление: проблема с внутренним расстоянием между рядами
• Исправление: проблема положения поля изображения
• Исправление: проблема, связанная с типом поля выравнивания
• Исправление: проблема с типом фонового поля
• Исправление: перетаскивание внутренней строки, проблема с пустым пространством
• Исправление: проблема со значком «Загрузка» при импорте шаблона

1.0.0-beta1 — 02.08.2018

• Исправлена ​​автозагрузка аддона, класс инициализации

1.