Руководство по созданию сайта на WordPress
При помощи этой инструкции вы узнаете, как сделать красивый сайт на WordPress с нуля своими руками. Без лишних затрат и специальных навыков.
Эти знания мы совершенствовали годами: создавали тестовые сайты, пробовали разные инструменты, постоянно обновляли инструкцию, чтобы у вас точно всё получилось.
Примеры сайтов на WordPress
Лучше всего WordPress подходит для малого и среднего бизнеса. На этом движке без проблем можно сделать: 1) блог, онлайн-журнал или медиа; 2) сайт-визитку для вашего бизнеса, проекта или мероприятия; 3) небольшой интернет-магазин (до 2000 товаров).
Вот сайт, который мы сделали специально для этой инструкции. В статье ещё раз по шагам пройдём этот процесс. Посмотреть сайт в деталях вы можете по адресу smartfix.vashdomen.com.
Также вот несколько реально существующих сайтов, которые сделаны на WordPress. На всякий случай мы использовали сайт isitwp.com, чтобы подтвердить, что сайт действительно использует этот движок.
Cайты на WordPress
Шаг 1. Купите хостинг и домен
Хотя само по себе создание сайта на WordPress и бесплатно, вам понадобится две вещи, чтобы сайт был доступен в интернете:
- Хостинг — место, где сайт хранится в круглосуточном доступе для посетителей.
- Домен — текстовый адрес сайта, который люди будут видеть в браузере и в ссылках.
Всё это стоит в районе 2000–3000 гривен за год ($60–80), что не так уж и много, если учесть, что за эти деньги сайт круглосуточно будет в онлайне целый год.
Купить хостинг и зарегистрировать домен вы можете у нас в HOSTiQ. Это позволит нам и дальше выпускать бесплатные обучающие материалы по созданию и продвижению сайта (вроде этой статьи).
Перейдите на страницу виртуального хостинга. Для начала самого простого тарифа будет достаточно. Если со временем вашему сайту понадобится больше ресурсов, вы всегда сможете сменить тариф у себя в аккаунте.
Самый выгодный способ — купить хостинг сразу на год. Так стоимость каждого месяца будет ниже + вы сможете бесплатно получить домен на 1 год в одной из популярных зон: .com , .net , .org , .com.ua , или .in.ua . Полный список зон вы найдёте на странице тарифа во время оформления заказа.
Также у нас вы можете воспользоваться бесплатным тестовым периодом в 30 дней. Этого срока должно хватить, чтобы самостоятельно создать сайт на WordPress с нуля и подготовить его к запуску.
После нажатия кнопки «Купить» понадобится создать аккаунт.
Чтобы установить сертификат, нужно войти в панель управления хостингом. Для этого нажмите кнопку «Панель клиента» в правом верхнем углу. Затем найдите в списке продуктов ваш хостинг и нажмите кнопку «Контрольная панель».
В панели управления хостингом вы можете создать поддомен, отредактировать файлы сайта, настроить почту на своём домене и сделать ещё много чего полезного. У нас есть целый раздел с инструкциями по панели:
Сейчас наша задача — установить SSL-сертификат. Найдите на главной странице cPanel раздел «Безопасность» и откройте в нём приложение «Let’s Encrypt».
Дальше найдите ваш домен в списке «Issue a new certificate» и нажмите рядом с ним «Issue». Затем на следующей странице снова нажмите «Issue».
Придётся подождать пару минут, пока cPanel завершит установку. В конце вы увидите сообщение, что всё прошло успешно. Это значит, что можно переходить в панель управления WordPress и готовиться к созданию сайта.
Адрес панели управления — это ваш домен со словами /wp-admin/ . Например, https://vashdomen.com/wp-admin/ . Запомните этот адрес или сохраните в закладки браузера, чтобы в будущем можно было быстро попасть в панель.
Панель управления WordPress ещё называют «консоль». Так короче, плюс именно так называется главная страница панели. В консоли вы будете создавать страницы сайта, менять дизайн, отвечать на комментарии, обрабатывать заказы.
Визуально консоль делится на две части: слева — меню с разделами, справа — место для работы с содержимым этих разделов. По мере развития сайта, на боковой панели будет становиться больше разделов.
Также в верхней части консоли есть небольшая плашка — панель быстрого доступа. С её помощью можно быстро перейти на сайт, а затем вернуться обратно в консоль. Для этого наведите курсор на название сайта и увидите выпадающий список с такой опцией.
Ещё при помощи этой плашки вы можете быстро перейти к редактированию страницы, на которой находитесь. Ну и конечно видеть плашку будете только вы.
Чтобы скрыть виджет, нажмите в верхнем правом углу «Настройки экрана». В раскрывшемся меню уберите галочки с виджетов, которые вам не нужны. Оставшиеся виджеты можно перетаскивать мышкой, чтобы расположить их в удобном порядке.
По мере развития сайта на главной странице консоли будут появляться новые виджеты. Если вам они не нужны, вы всегда можете точно также скрыть их в меню «Настройки экрана».
Также рекомендуем изменить часовой пояс и формат даты с временем чуть ниже. Это больше для вашего удобства как администратора сайта. Если вам понадобится узнать дату и время публикации, комментария или заказа, лучше чтобы эти данные были в понятном для вас формате.
Постоянные ссылки. Тут главная настройка это «Структура постоянных ссылок». Как видите, по умолчанию выбрана опция, чтобы в ссылках отображалась дата публикации записи, страницы или товара. Это снижает читабельность ссылок и не очень хорошо для ранжирования в поисковиках. Лучше выбрать вариант «Название записи».
С базовыми настройками всё. Теперь перейдём к завершающим действиям — установим инструменты, которые помогут вам создать сайт на платформе WordPress. Начнём с темы сайта.
3.4. Измените стандартную тему
Тема — это набор инструментов для создания сайта на WordPress. От неё зависит, насколько много разных деталей в дизайне вашего сайта вы сможете изменить.
Все темы разные и может быть такое, что в одной теме есть какой-то функционал, а в другой нет. Из-за этого сайт, который получилось создать при помощи одной темы, может не получиться создать при помощи другой.
У многих популярных бесплатных тем есть платные версии, которые дают больше возможностей по настройке внешнего вида. Но всё равно создать сайт на WordPress бесплатно вполне реально.
Тема, которую WordPress использует по умолчанию, нам не подойдёт. При помощи неё не получится создать сайт как в начале инструкции, поэтому давайте её изменим.
Перейдите в раздел «Внешний вид – Темы». Там уже будет три темы. Это официальные темы от разработчиков WordPress, которые они выпускают каждый год, чтобы показать, как за год изменился движок. Функционал стандартных тем довольно ограничен, поэтому в реальных проектах их почти не используют.
Кликните «Добавить новую тему» в нижней части экрана. Откроется библиотека тем, где будет тысячи, если не десятки тысяч вариантов. В правой части экрана есть поиск. Найдите в нём тему Astra. Наведите курсор на неё и кликните «Установить», а затем «Активировать».
Astra — это одна из самых популярных и продвинутых тем. У неё больше миллиона активных пользователей и средний рейтинг 4.9 из 5. Чуть подробнее про её особенности читайте в нашем обзоре:
После активации запустится экран, где вам понадобится выбрать конструктор страниц, при помощи которого вы будете делать сайт. Рекомендуем выбрать стандартный конструктор WordPress — Block Editor. Именно его мы будем использовать в этой инструкции.
Откроется библиотека шаблонов. В ней вы найдёте 150+ готовых сайтов. Некоторые из них платные, некоторые бесплатные. У платных в правом верхнем углу будет пометка «Premium», они будут доступны только после покупки платной версии темы — Astra PRO.
Но не волнуйтесь, чтобы создавать красивый сайт на WordPress при помощи Astra, покупать платную версию темы не обязательно. При создании демонстрационного сайта как в начале инструкции мы использовали только бесплатные инструменты.
Когда увидите симпатичный шаблон, кликните по нему, чтобы рассмотреть поближе и перейти на разные его страницы. Боковую панель можно скрыть. А если понадобится вернуться назад к библиотеке, нажмите крестик в верхнем углу боковой панели.
Затем превью с сайтом исчезнет и вы увидите страницу с заголовком «Okay, just one last step…» (Окей, ещё всего один шаг). На ней тоже можно ничего не заполнять и просто нажать синюю кнопку. После этого запустится импорт шаблона.
Но если вам всё же интересно, о чём идёт речь на этой странице, то здесь вас просят рассказать о себе и дают выбрать, что именно нужно импортировать:
- Import Customizer Settings — настройки темы Astra;
- Import Widgets — виджеты;
- Install Required Plugins — необходимые плагины;
- Import Content — содержимое шаблона;
- Share Non-Sensitive Data — делиться с разработчиками не конфиденциальными данными (чтобы улучшить работу плагина).
Информацию о себе можно не заполнять. Последнюю галочку можно убрать, она не критичная, но остальные лучше оставить. Иначе шаблон может импортироваться неполноценно.
Ну что, вы импортировали каркас вашего сайта. Следующий шаг — научиться менять настройки темы и работать в редакторе блоков. Чтобы вы могли переделать шаблон под свой бизнес и при необходимости добавить недостающие элементы.
Шаг 5. Создайте дизайн вручную
Это самая объёмная часть работы. В процессе у вас наверняка будет возникать много вопросов. Предвидеть их все — нереально, поэтому мы рассмотрим в этом разделе самые главные из них и дадим ссылки на дополнительные статьи для более подробного изучения отдельных нюансов.
5.1. Глобальные стили
Это вещи, которые будут одинаковыми на всех страницах сайта: цвета, шрифты, стили кнопок. Лучше настроить их первым делом. Для этого перейдите в консоли в раздел «Внешний вид – Настроить». По-другому он называется «Настройщик темы».
В настройщике нельзя менять содержимое сайта, только его глобальные параметры. Слева на боковой панели будут разделы с разными настройками, а справа — ваш сайт, где вы сразу увидите результат ваших действий.
Если вы не импортировали готовый шаблон и ваш сайт пока пустой, в настройщике будет отображаться стандартная демонстрационный сайт темы Astra (как на скриншоте ниже). Когда вы создадите свою первую страницу, демонстрационный сайт исчезнет.
Теперь давайте настроим основные глобальные параметры: цвета, шрифт и кнопки.
Цвета. Перейдите в настройщике в раздел «Глобальные – Цвета». Сверху в блоке «Глобальная палитра» укажите цвета, которые будете использовать на сайте.
Шрифты. Перейдите в настройщике в раздел «Глобальные – Типографика». Сверху выберите одну из шести заготовленных шрифтовых пар, если стандартная пара вам не нравится.
Выйти из редактора. Если вам понадобится вернуться обратно в консоль, нажмите на логотип WordPress на верхней панели слева.
Добавить заголовок. Впишите его там, где написано «Добавить заголовок». Он нужен, чтобы вы могли отличать страницы друг от друга в разделе «Страницы». Без него все страницы будут называться «(без названия)».
Для посетителей заголовок лучше скрыть. Так обычно делают, потому что в WordPress нельзя менять его дизайн. Если выбрать его, на боковой панели не появится никаких опций, чтобы изменить его размер, цвет фона или выравнивание текста.
В итоге заголовок страницы всегда выглядит просто как текст на белом фоне. Поэтому его как правило скрывают, а вместо него делают новый при помощи блоков. В следующих подразделах мы покажем, как именно это делается.
Чтобы скрыть заголовок, выберите его и кликните по иконке с изображением глаза. Вы увидите, как после этого область заголовка станет серой.
Не обязательно публиковать страницу сразу. Вы можете сделать это, когда она будет готова. А до тех пор она будет находиться в статусе черновика и будет недоступна для посетителей сайта. В консоли возле такой страницы будет стоять пометка «Черновик».
Изменить URL-адрес. WordPress назначит странице случайный URL сразу после публикации или первого сохранения. Чтобы его изменить, найдите на боковой панели опцию «URL» и кликните по адресу. Появится всплывающее окно, где вы сможете изменить часть, которая идёт после доменного имени.
В результате на боковой панели появится опция «Редакции». Это раздел с историей сохранений, где можно откатиться к предыдущей версии, если нужно. Новые редакции будут появляться каждый раз, когда вы вручную будете сохранять изменения.
В разделе с редакциями вверху будет переключатель, где можно выбрать версию. А чуть ниже будет сравнение версий, где красным цветом будет отмечено удалённое содержимое, а зелёным — добавленное.
Чтобы восстановить нужную версию, нажмите синюю кнопку «Восстановить эту редакцию» в правой части экрана.
Открыть предварительный просмотр. Эта опция пригодится, чтобы увидеть страницу глазами посетителя до публикации. Если что-то будет выглядеть не так, как вы хотите, вы сможете это исправить и только после этого опубликовать изменения.
Чтобы открыть предпросмотр, кликните по иконке с компьютером слева от кнопки «Опубликовать» или «Обновить». Во всплывающем окне нажмите «Предпросмотр в новой вкладке».
Другой пример — блоки «Изображение», «Обложка» или «Колонки». У них опций больше, поэтому их для удобства разнесли на две вкладки: «Настройки» и «Стили».
Второй способ — добавить изображение в качестве фона для секции. Именно такой способ мы использовали на главной странице сайта. В этом случае правая колонка остаётся пустой и отыгрывает роль отступа для текста в левой колонке.
Чтобы добавить изображение в качестве фона для секции, выберите этот контейнер, затем перейдите на боковой панели на вкладку «Стиль» и найдите там раздел «Фон». В нём есть опция «Тип». По умолчанию выбран первый тип — «Цвет». Его вы указывали в начале создания секции, он подходит для большинства секций.
Третий вариант в опции «Тип» — это как раз «Изображение». Когда вы его выберите, чуть ниже появится окошко для загрузки изображения с компьютера. Вы также можете загрузить разные изображения для разных типов устройств. Для этого просто кликните по иконке с компьютером рядом с названием опции «Изображение».
Также важный нюанс — размер изображений. Он должен быть как можно меньше. В идеале — до 500 Кб. Если получится ещё меньше, вообще супер. Это нужно, чтобы страница вашего сайта не весила слишком много и не загружалась долго.
Есть бесплатные сервисы вроде TinyPNG, куда вы можете загрузить изображения и сжать их без ощутимой потери качества. С их помощью можно сократить размеры картинок иногда до 80%.
Например, на скриншоте ниже изображение, которое весило 1.3 МБ после сжатия стало весить 380 Кб — на 71% меньше, чем изначально. Это отличный результат.
На этом титульный баннер готов. Теперь точно таким же образом вам предстоит создать остальные секции на сайте. Главное — помните про «принцип 3К», о котором мы говорили в начале подраздела: контейнер, колонки, контент.
Принцип «3К»: Контейнер > Колонки > Контент
Шаг 6. Создайте шапку и подвал
Это делается в специальном конструкторе в настройщике темы. Перейдите в консоли в раздел «Внешний вид – Настроить». Для создания шапки предусмотрен раздел «Построитель заголовка», для подвала — «Построитель подвала». Функционал конструкторов одинаковый, поэтому в статье мы рассмотрим только построитель заголовка.
6.1. Обзор конструктора шапки
Конструктор заголовка представляет из себя три ряда, в каждом из которых по несколько колонок. В этих колонках можно размещать заранее заготовленные элементы. Кликните мышкой внутри любой из колонок, чтобы их увидеть.
Дизайн элементов можно менять на боковой панели слева. На ней будет две вкладки: «General» и «Design». На первой можно менять содержимое, на второй — цвета, отступы, параметры текста.
6.2. Загрузите логотип и фавикон
Выберите элемент «Название и логотип сайта». На вкладке «General» загрузите изображение и задайте его ширину чуть ниже. Можете задать разную ширину для разных типов устройств.
Чтобы создать логотип, можете использовать онлайн-сервисы вроде My Free Logo Maker или Namecheap Logo Maker. Они бесплатные, понадобится только зарегистрироваться.
Либо можете пойти ещё более простым путём — просто набрать в Фотошопе название вашего бизнеса с цветами вашего сайта. При желании можете добавить к нему также бесплатную иконку с сайтов вроде Flaticon.
На этом моменте у вас уже должно быть понимание, как сделать сайт на WordPress. В следующих разделах кратко расскажем, как добавить на сайт блог и продавать на нём товары.
Шаг 7. Создайте блог
Кроме страниц вы также можете публиковать на вашем сайте статьи. Либо чтобы рассказать клиентам больше про свои продукты и услуги, либо чтобы привлекать трафик на сайт при помощи SEO.
7.1. Добавьте новую статью
Делается это в разделе «Записи». Принцип точно такой же как и со страницами: создаёте новую запись, затем добавляете в неё содержимое в редакторе блоков.
При этом в случае с записями можно не скрывать заголовок и не следовать принципу «3К». Просто впишите в заголовок записи название статьи, а дальше добавляйте текст с изображениями.
7.3. Создайте главную страницу блога
Подобно тому как вы указывали главную страницу сайта в настройках WordPress, нужно указать также страницу записей. Для этого создайте пустую страницу, измените её URL. Например, чтобы адрес был https://vashdomen/blog. Затем опубликуйте.
Дальше перейдите в консоли WordPress в раздел «Настройки – Чтение». И в самой первой опции в строке «Страница записей» выберите эту страницу, которую только что создали. После этого на ней в хронологическом порядке начнут отображаться статьи.
Чтобы изменить виджет, перейдите в раздел «Внешний вид – Виджеты». Там вы увидите что-то типа редактора блоков, где можно выбрать нужный виджет по центру и изменить его параметры на боковой панели.
Если нужно, можете добавить новые блоки и создать собственный виджет. Например, отобразить доступные метки при помощи блока «Облако меток» или сделать рекламный баннер при помощи блока «Изображение».
Чтобы долго и нудно не добавлять товары по одному, можно подготовить в Excel табличку и загрузить сразу весь каталог. Это сэкономит кучу времени и сил. Особенно, если у вас в магазине сотни разных товаров.
8.3. Настройте доставку и платежи
Это делается в разделе «WooCommerce – Настройки» на вкладках «Доставка» и «Платежи».
На вкладке «Доставка» вы можете создавать разные регионы, в каждом из которых будут действовать свои способы доставки. Например, один для Украины, а другой для доставки за рубеж. Либо общий регион для всех областей и отдельный только для вашего города (чтобы добавить туда опцию «Самовывоз»).
Также можно устанавливать плагины, чтобы добавить популярные службы доставки на свой сайт. Например, свои плагины есть у таких популярных служб: Нова Пошта, Укрпошта или Meest.
На вкладке «Платежи» вы можете включать и настраивать способы оплаты. По умолчанию это «Прямой банковский перевод», «Чековые платежи» и «Оплата при доставке».
Чтобы добавить другие оплату банковской картой, можно установить плагин популярного в вашей стране платёжного шлюза. В Украине это: LiqPay или Fondy.
8.4. Узнайте больше про создание магазина
В этом разделе мы затронули только небольшую часть того, что вам понадобится сделать. Например, есть ещё купоны, фильтры для поиска товаров, управление заказами, электронные письма клиентам. Наверняка у вас на этом этапе много вопросов, многое кажется непонятным и сложным.
Это нормально, создание магазина на WordPress — очень объёмная тема. Чтобы её раскрыть, мы выпустили ещё две статьи в дополнение к этой. Каждая из них примерно такая же по объёму, как и эта. В одной статье разбираем настройки WooCommerce и работу с товарами, а в другой более глобальные вещи, такие как письма клиентам, фильтры, акции, дизайн.
Что дальше
Если вы дочитали до сюда, значит вы зашли уже слишком далеко. На этом этапе у вас уже есть понимание как создать сайт на WordPress. Надеемся, всё получается и вы довольны результатом.
Конечно, впереди ещё много работы. Вам ещё предстоит развивать функционал сайта и заниматься его продвижением. Вот несколько дополнительных статей, с которых вы могли бы начать этот путь.
Оптимизировать сайт. Есть несколько нюансов, на которые стоит обратить внимание, чтобы сайт загружался быстро. Если этого не сделать, со временем он может начать тормозить.
Подключить аналитику. Этот инструмент от Google поможет вам начать отслеживать посетителей сайта: как они попали на него, на какие страницы переходили, сколько времени провели на нём, что купили.
Настроить SEO. Ещё один полезный инструмент от Google, который даст вам понять, по каким запросам в поиске люди нашли ваш сайт. Потом вы можете взять эти запросы и сделать так, чтобы в текстах на сайте были более точные совпадения с ними. Это поможет подняться выше в результатах поиска.
Оставьте комментарий, если какой-то информации не хватает или вы хотите поблагодарить за инструкцию.
Что такое WordPress: о программе и работе с ней
В этой статье мы расскажем, как проходит работа с WordPress, сделаем небольшой обзор плюсов и минусов программы, а также пошагово покажем, с чего начать создание сайта.
Сайт можно сделать разными способами:
- написать вручную с помощью кода,
- использовать CMS,
- создать с помощью Конструктора.
Закажите специальный хостинг для WordPress
Если вы планируете работать с WordPress, предлагаем вам хостинг с поддержкой WP.
Что такое WordPress и как это работает
WordPress (WP) ― это система управления содержимым сайта (CMS) с открытым исходным кодом.
Самым популярным на данный момент способом создания сайта является именно CMS. CMS (Content Management System) ― это система создания и управления сайтом. Простыми словами, это программа с удобным интерфейсом для создания веб-ресурса. В ней можно использовать код, но это необязательно. Благодаря такой технологии все желающие могут создать себе страничку.
На рынке программ по созданию интернет-ресурсов за первенство борются Joomla, Drupal, 1C-Битрикс, однако самая популярная CMS ― WordPress. По данным W3techs, WP используют 64,7% всех веб-сайтов, которые сделаны на CMS. Это 41,1% всех существующих в мире сайтов. Эту платформу для своих блогов используют The New York Times и Forbes. Такую популярность Вордпресс получил за удобство интерфейса и большие возможности.
Что нужно знать, чтобы работать с этой CMS? Программа не требует знания кода. Достаточно только зайти в админку и немного познакомиться с интерфейсом.
Расширить функционал программы позволяют плагины. Благодаря им можно создать как простой одностраничник, так и интернет-магазин с сотнями товаров. Интерфейс для публикации статей и заметок чем-то напоминает привычный Microsoft Word:
Опытным разработчикам WP даёт возможность использовать PHP. Так как эта CMS с открытым исходным кодом, интерфейс можно модернизировать и сделать для себя ещё удобнее.
Что значит открытый исходный код
Если программа имеет открытый исходный код (opensource), это значит, что её лицензия не ограничивает доработку, продажу и распространение продукта. Пользователь может скачать программу, посмотреть код, доработать его, а затем использовать программу сам или предложить другим потребителям.
Плюсы и минусы WordPress
Как и любая программа она имеет плюсы и минусы.
Преимущества
Бесплатная платформа. CMS WordPress полностью бесплатна. Вы платите только за домен и хостинг (или VPS), где будут храниться файлы вашего сайта. Программное обеспечение и плагины чаще всего тоже бесплатные.
Открытый исходный код. Вам не нужно будет платить за программное обеспечение WordPress.
Простая установка. Настройка происходит в пару кликов. Если выйдут новые обновления, программа сама сообщит о них и предложит обновиться.
Лёгкость в управлении. Вам не нужны знания программирования для таких ежедневных задач, как написание и редактирование публикаций, загрузка и редактирование изображений, установка плагинов.
Понятный интерфейс. Достаточно посмотреть на название кнопки и сразу станет понятно, что можно сделать с её помощью.
Готовые темы для разных сайтов. Внутри CMS есть множество бесплатных шаблонов для разных типов ресурсов (корпоративных, блоговых, новостных). Неважно, делаете ли вы портфолио для фотографа или сайт медицинской компании. Шаблоны найдутся для любого бизнеса. Также сторонние разработчики продают самостоятельно разработанные темы. Если вы приобретаете услугу Рег.сайт, вы получаете доступ к десяткам бесплатных эксклюзивных тем, база которых постоянно пополняется.
Гибкие настройки сайта. Владельцам сайтов на Вордпресс доступны десятки плагинов, которые могут решать любые технические задачи и расширять функциональность веб-страницы.
SEO-направленность CMS. Работа над SEO очень важна для современного бизнеса. WP готов к такому запросу разработчиков. Уже есть плагины (например, Yoast SEO), которые помогают продвигать сайт. С их помощью можно ставить метатеги, делать xml-карты и размещать ключевые слова в пару кликов.
Автоматическая адаптация под разные устройства. Сейчас важно, чтобы сайт не терял своей красоты и удобства при работе на мобильных устройствах. Движок WordPress сразу генерирует внешний вид на любом устройстве. В процессе работы над дизайном вы всегда можете перейти в режим мобильного устройства и посмотреть, как в этой версии будут видеть сайт пользователи.
Поддержка со стороны многих хостинг-провайдеров. Хостинг — важная часть сайта. На нём хранятся все файлы ресурса. WP «дружит» со всеми крупными хостинг-провайдерами, поэтому вы можете выбрать любую понравившуюся компанию.
Большое сообщество. Пользователей WordPress очень много, и они постоянно обмениваются находками на официальном форуме. Если вы чего-то не знаете или у вас есть какие-то проблемы, вы быстро сможете найти решение.
Недостатки
Несмотря на многие положительные моменты программы, у CMS есть и минусы.
Много сторонних программ. Множество плагинов и тем WordPress созданы сторонними разработчиками, и в них могут быть ошибки. Перед тем как устанавливать новое дополнение, почитайте отзывы, спросите у сообщества мнение по поводу плагина или темы.
Загрузка страницы может занимать много времени. Большое количество плагинов влияет на загрузку страницы. Однако установка плагина кэширования обычно решает эту проблему.
Несовместимость обновлений и плагинов. Большой выбор плагинов — это не только плюс WordPress, но и настоящая боль. Некоторые плагины и их обновления могут вызывать различные баги (ошибки). Ошибки могут возникнуть и из-за обновлений самого Вордпресса. Может потеряться совместимость с установленными дополнениями и темами. В этом случае придётся откатываться на прежнюю версию сайта.
Бывают проблемы с безопасностью. Так как программа распространяется с открытым исходным кодом, злоумышленникам проще найти уязвимости. Также подозрительные плагины могут вызывать вирусы. Разработчики WordPress борются с этой проблемой. Они регулярно выпускают патчи, чтобы усилить защиту системы. Также есть много эффективных плагинов, которые также защищают сайт.
Отсутствует техподдержка. Отсутствие технической поддержки может создать некоторые трудности. Изучать интерфейс и разбираться с проблемами нужно будет самостоятельно. Однако у WordPress очень активное сообщество, поэтому найти решение проблемы можно там.
Не синхронизируется с 1C. Внутри программы нет инструментом для работы с 1С. Если всё-таки это нужно сделать, придётся приглашать программистов для работы с кодом. Однако это сложная задача даже для специалистов.
Какие сайты можно делать на WordPress
Большие возможности CMS позволяют сделать практически любой веб-ресурс — как сайт-визитку, так и корпоративный. Всё зависит от функционала, который нужен на сайте. Например, у WP есть проблема с базами данных и оптимизацией. Поэтому для очень крупных сайтов лучше подойдёт самописный вариант. Однако сложные настройки нужны не многим и чаще всего возможностей CMS хватает.
Для каких сайтов WordPress подойдёт больше всего:
- Блог. Изначально WordPress был платформой для создания блога. В нём можно легко и быстро выкладывать текстовый материал. Блог не требует большого функционала, поэтому проблем с плагинами не будет. Также для блога уже создано много шаблонов.
- Новостные сайты. Для новостного портала, так же как и для блога, важно быстро и просто публиковать контент. Адаптивность CMS под разные устройства позволит читателям знакомиться с новостями со смартфона или планшета. При этом владельцу не понадобится делать все настройки самому.
- Портфолио. Фотографам, дизайнерам, художникам, артистам и другим работникам творческой сферы иногда нужен сайт, чтобы хранить там свои работы. В программе есть множество возможностей по размещению фото: галереи, карусели, слайдеры, лайтбоксы и многое другое.
- Сайт-визитка или одностраничник. Компаниям необязательно заводить большие корпоративные ресурсы с десятками страниц. Иногда достаточно небольшой приветственной страницы, где пользователь может найти ответы на свои вопросы и узнать контакты организации. Приглашать программистов для создания такой визитки нецелесообразно. Намного дешевле и быстрее создать такой сайт на CMS.
- Интернет-магазин. Казалось бы, интернет-магазин ― это сложно. Однако в WordPress есть плагин WooCommerce, который позволяет легко сделать интернет-магазин с сотнями позиций. Также разработчики Вордпресс и сторонние специалисты уже создали сотни шаблонов, которые ещё больше ускоряют процесс создания магазина. Вам понадобится только загрузить свои товары.
Это только малый список того, что можно сделать на WordPress.
Чем отличается WordPress.com и WordPress.org
На просторах интернета можно встретить два сайта ― WordPress.com и WordPress.org. У многих возникает вопрос, чем они отличаются друг от друга? Оба этих сайта официально представляют продукт WP. Однако они предлагают разный набор услуг.
На WordPress.org можно скачать саму программу, плагины и темы. Чтобы разместить сделанный сайт в интернете, вам понадобится заказать домен и хостинг у провайдера, например Рег.ру.
WordPress.com ― это хостинговая площадка с CMS WordPress. Вам не придётся ничего скачивать и устанавливать. Нужно только завести учётную запись. Компания даст вам поддомен (например myite.wordpress.com) и бесплатно разместит на своём хостинге. Если вы хотите убрать часть адреса «wordpress.com», можете перейти на платный тариф. Главный минус wordpress.com ― невозможно работать с php. Вы сможете пользоваться только тем, что предлагает компания. Также в нём нет плагинов. Есть только встроенные дополнительные функции.
WordPress: начало работы
Как начать работать с WordPress?
Чтобы сайт работал, нужна не только CMS, но и домен с хостингом. Если вы только начинаете свой путь в создании интернет-ресурса, предлагаем сначала прочитать, зачем нужен домен и хостинг. WordPress.com предоставляет свой хостинг. Но он не даёт возможности его настраивать. Это серьёзный минус, поэтому перед началом работы с WordPress поищите подходящего регистратора доменов и хостинг-провайдера. На Рег.ру вы можете приобрести и домен, и хостинг специально для WordPress. Не забудьте прикрепить домен к хостингу, чтобы сайт стал доступен по зарегистрированному доменному имени.
Если вы купили хостинг без установленной CMS, её можно легко установить вручную по инструкции.
Выберите понравившуюся тему. Это можно сделать на этапе установки CMS или после.
- Структура страницы сайта на WordPress
- Как создать интернет-магазин в WordPress
- Как добавить форму подписки на рассылку в WordPress
- Капча для сайта на WordPress
- Как добавить капчу для Сontact Form 7
- Как добавить контактную форму в WordPress
- Эффекты для WordPress
После создания веб-ресурса защитите сайт и данные своих посетителей SSL-сертификатом. Подробнее о том, для чего нужен SSL, читайте в статье.
Конечно, чтобы превратить шаблонный продукт во что-то новое и интересное, нужно потратить не пару минут, а гораздо больше. Но за пару минут вы действительно сможете развернуть на хостинге почти готовый сайт. Вам останется только творить.
Если вы совсем новичок в мире IT, но вам очень нужен сайт, рекомендуем воспользоваться нашей услугой Рег.сайт. Всего в пару кликов вы купите хостинг с уже установленной и доработанной нашей командой CMS WordPress и сразу зарегистрируете новый или прикрепите уже приобретённый домен. В подарок вы получите бесплатный SSL-сертификат на год и эксклюзивные шаблоны.
Помогла ли вам статья?
Спасибо за оценку. Рады помочь
Как создать сайт на WordPress: полное руководство для новичков
Из этого подробного руководства вы узнаете всё про WordPress. Что это такое, как создать сайт, какой функционал предлагает самая популярная CMS. Вы увидите, как легко сделать полноценный ресурс, который способен не только генерировать трафик, но и конвертировать продажи.
Выбор темы для сайта на WordPress
Создание сайта на WordPress
Почему выбирают WordPress
Согласно статистике агентства Web Technology Surveys, в конце 2020 года 39,4 % сайтов работали на платформе WordPress. И каждый месяц их количество увеличивается. Если сравнить, например, с 2015 годом, там было только 24 % сайтов. Остальные CMS значительно отстают в этом плане. Можно выделить 5 главных причин популярности WordPress.
- Бесплатное использование. Открытое лицензионное соглашение GNU GPL позволяет использовать движок для любых целей, в том числе и коммерческих. А платить за это ничего не придётся. Конечно, если вы сами не захотите.
- Широкий функционал. Многие создают с помощью WordPress блоги или информационные ресурсы. Но возможности позволяют также работать с галереей мультимедиа, корпоративными сайтами и даже интернет-магазинами. Вы можете создать крупнейший ресурс, используя весь функционал этой популярной CMS.
- Гибкие настройки. Доступны бесплатные и платные шаблоны, а также разнообразные плагины. Они позволяют не просто изменять внешний вид, но и решать различные технические задачи. Именно от плагинов и тем зависит функционал сайта.
- Простое управление. Не нужно изучать языки программирования, разметки или какую-то сложную документацию. Работать с WordPress может любой новичок.
- Готовый сайт за 5 минут. Конечно, чтобы настроить сайт и наполнить его контентом, требуется время. Но установка и первоначальные конфигурации помогут пользоваться собственным проектом уже через 5 минут.
Многие хостинг-провайдеры предлагают установку в один клик. Это значит, что вообще не придётся искать и скачивать дистрибутив. Достаточно выбрать нужную CMS, определить место, и сайт готов. Хотя и обычная установка тоже не отнимет много времени и сил. Но если есть автоматический способ, стоит выбрать его. Некоторые поставщики услуг предлагают разные версии CMS. Но вы выбирайте последнюю, так как она самая стабильная и безопасная.
Выбор CMS при автоматической установке
Автоматическая установка WordPress
WordPress используют различные знаменитые компании и СМИ, в число которых входят The New Yorker, Sony Music и Reuters. Даже некоторые певцы оценили удобство этой платформы. Например, известный рэпер Snoop Dogg. И это только небольшие примеры, так как всех пользователей даже перечислить не получится.
Хотите тоже иметь собственный сайт, которым легко управлять? Тогда читайте пошаговую инструкцию ниже, в которой мы разобрали самые важные вопросы.
Шаг 1. Хостинг и домен
Сам WordPress бесплатный. Но для того, чтобы начать им пользоваться, нужно зарегистрировать хостинг и домен. И если вы хотите в будущем зарабатывать с помощью сайта, придётся обращаться к платным услугам. Хотя познакомиться с платформой можно и на бесплатных хостингах. А домен вообще регистрировать не придётся, так как его обычно дают при регистрации. Например, для таких целей подходит сайт wordpress.com.
Выбор платного хостинга – это отдельная тема. Но если вы не хотите разбираться во всех тонкостях, обращайтесь к самым популярным поставщикам услуг. Сюда относятся Reg.ru, Beget и Netangels. Можете выбрать и любого другого поставщика. Его всё равно в будущем можно сменить.
При этом не придётся искать отдельную компанию, которая занимается регистрацией доменов. Их можно приобрести на этих же сайтах. Вам нужно только убедиться, что выбранное имя свободно. Для этого переходите в раздел проверки доменов. Кстати, здесь могут предложить хорошие варианты по доступным ценам. Хотя премиум-домены стоят гораздо дороже.
Подбираем домен для сайта WordPress
Выбор домена
У многих новичков на этом этапе возникают трудности. Они хотят хороший домен, но не знают, как его правильно выбрать. Можно придерживаться нескольких простых советов.
- Выбирайте такое имя, которое напоминает вашу компанию. Ведь не зря даже крупнейшие магазины следуют такой рекомендации. Взять хотя бы «Связной» или «Эльдорадо», у которых адреса сайтов svyaznoy.ru и eldorado.ru соответственно.
- Чем короче имя, тем лучше. К сожалению, сейчас уже большинство коротких доменов заняты. Это vk.com, ok.ru и подобные. Но всё равно постарайтесь сократить имя насколько возможно. Особенно полезно это будет для пользователей мобильных устройств.
- Выбранный домен должен передавать смысл и легко запоминаться. Согласитесь, что какой-нибудь hdhcvdgegggrv24.com запомнить очень тяжело. Да ещё и непонятно, что это вообще за сайт.
Что касается технической стороны вопроса, то доменное имя не влияет на результаты поисковой выдачи. Но многие пользователи доверяют больше доменам второго уровня. К ним относится, например, sait.ru. Домены третьего более длинные. Например, sait.wordpress.com. Второй уровень платный, зато позволяет получить короткое и запоминающееся имя. При этом зон достаточно много. И это не только .ru, .com, .org или .biz. В последнее время появились также зоны .mobile, .expert, .online, .club и многие другие. Вы можете даже совместить название в домене и зоне. Например, voen.com или vost.org.
Шаг 2. Самостоятельная установка WordPress
Итак, вы купили домен и оплатили хостинг. Некоторые тарифы сразу предусматривают установку CMS. В других нужно зайти в какой-нибудь раздел. Например, в приложения или дополнительные услуги. Там достаточно нажать на пару ссылок, чтобы установить WordPress. Если у вас именно такой случай, то смело пропускайте этот шаг. Если же вам требуется самостоятельная установка, читайте дальше.
Сначала нужно скачать архив. Сделать это можно на официальном сайте wordpress.org.
Официальный сайт WordPress
Скачивание WordPress
Загрузите архив в корневой каталог или отдельную директорию на хостинге. Для этого подойдут FTP-клиент или файловый менеджер, который предлагают сами провайдеры. Корневой каталог находится в папке /www/.
Выгружаем архив с WordPress на хостинг
Загрузка дистрибутива WordPress
Если вы хотите, чтобы сайт открывался по прямому адресу sait.ru, то используйте корневой каталог. Это полезно, если работа всего ресурса будет построена через WordPress. Когда нужна отдельная папка, создайте её, а уже туда загружайте архив. Это пригодится тем, у кого собственная CMS, а WordPress нужен только в качестве блога. В этом случае движок будет доступен по адресу sait.ru/papka/. Распакуйте архив.
Распакованный архив WordPress
Файлы WordPress
Сначала узнайте у хостинг-провайдера информацию о подключении к базе данных. Если вы знаете, что такое MySQL, можете сами создать базу данных и пользователя. После этого переходите к самой установке. Нужно зайти на адрес, в который вы распаковали архив.
Русский язык установки WordPress
Выбор языка WordPress
Выбирайте язык установки. Пролистайте вниз, там есть русский язык. На следующей странице нажмите «Вперёд». Теперь вам нужно записать название базы данных, имя пользователя и пароль. В качестве сервера базы данных обычно подходит localhost, поэтому трогать это поле не стоит. Если вы впервые устанавливаете WordPress, то и префикс таблиц оставьте без изменения.
имя пользователя и пароль базы данных WordPress
Информация о базе данных WordPress
WordPress сообщит, если вы ввели неправильные данные. Если всё сделано правильно, вы увидите соответствующую надпись.
Сообщение об успешной установке WordPress
Успешная установка WordPress
Здесь вам нужно ввести дополнительную информацию. Это название сайта, имя пользователя и e-mail. Пароль генерируют автоматически, но вы его можете тоже поменять на свой. Имя пользователя – это ваш логин, который нужен будет для входа в панель администрирования. Если не хотите, чтобы поисковики индексировали сайт, отметьте внизу. Потом вы сможете поменять этот параметр.
Имя пользователя и пароль WordPress
Данные администратора WordPress
Не забудьте сохранить пароль. Для этого нажмите на кнопку Show и скопируйте символы, которые вам покажут. Если всё сделали правильно, после нажатия на «Установить WordPress» появится надпись.
WordPress. Установка завершена.
Успешное завершение установки WordPress
Можете зайти на адрес, куда устанавливали WordPress. Перед вами появится ваш сайт.
Первая запись WordPress
Привет, мир WordPress
Вот и всё, вы создали собственный сайт. Как видите, установка не отняла много времени и сил. Конечно, пока он сырой и пустой, поэтому следует заняться его администрированием. Для этого зайдите по ссылке «Вход» и введите данные администратора. Иногда случается, что ссылки для входа нет. Тогда введите в адресной строке адрес, куда устанавливали платформу, а в конце добавьте wp-login.php. Должно получиться что-то типа такого: sait.ru/wp-login.php.
Административная панель WordPress
Админка WordPress
Шаг 3. Выбор темы
Чтобы ваш сайт выглядел более интересно, выберите тему оформления. Она отвечает за внешний вид и некоторый функционал. Но у новичков часто появляются вопросы на этом шаге. Поэтому давайте их разберём.
- Бесплатная или платная?
Тем, кто только начинает осваивать WordPress, лучше выбрать бесплатные шаблоны. Их можно посмотреть в каталоге, который находится прямо в панели управления. Но если вы всё же хотите установить платную тему, тогда выбирайте их в специальном сообществе WordPress. Здесь они все одобрены и подходят по техническим характеристикам к платформе.
- Русская или английская?
Конечно, сейчас вы думаете, что лучше выбирать русскую тему. Но когда вы прочитаете эту инструкцию до конца, то поймёте, что разницы нет никакой. Ведь любую иностранную тему при желании можно перевести на русский язык.
Их очень много, поэтому для удобства поиска лучше использовать фильтр. С его помощью вы можете отметить только те опции, которые вам нужны. Если хотите, можете поискать шаблоны на сторонних сайтах. Только будьте внимательны, так как не все они безопасны.
Существует два способа установки. Первый – через админку. Вам нужно пройти по пути «Внешний вид – Темы», а затем нажать вверху на кнопку «Добавить».
Поиск темы WordPress
Выбор темы WordPress
Находите нужную тему, используя фильтр. Или можно просто написать название. Конечно, в том случае, если вы сами знаете, что искать.
Перед установкой проверьте, подходит ли она вам. Для этого нажмите на тему и перейдите в режим просмотра. Если вам всё понравилось, переходите к установке. Чтобы тема заработала, не забудьте её активировать.
Второй способ предполагает скачивание архива и его загрузку на сервер. Раздел тот же: «Внешний вид – Темы – Добавить». Перед вами появится загрузчик. Используйте его, чтобы выбрать нужную. После установки её необходимо активировать.
Загрузка темы с компьютера для WordPress
Загрузка темы WordPress
Установка темы завершена. Но чтобы она работала правильно, её нужно настроить.
При выборе темы сложно советовать что-то конкретное. Ведь у каждого проекта свои особенности и предпочтения.
Если ваш сайт будет на коммерческой основе, лучше обратитесь к проверенным магазинам шаблонов. На первоначальных этапах можно поиграть с бесплатными вариантами. Но продвинутым блогерам обычно функционала не хватает. Помимо этого, в платных темах всегда учитывают актуальные вопросы по дизайну и SEO.
Шаг 4. Настройка темы и сайта
Часто после установки шаблона появляются дополнительные параметры. Хотя базовые настройки доступны даже без добавления темы. Поэтому лучше сначала выбрать тему, а уже потом переходить к окончательным настройкам. Если вы всё же выбрали английскую версию, нужно перевести её на русский язык. Но об этом чуть позже.
Настройка сайта
Зайдите в консоль управления и перейдите в меню настроек. Здесь несколько разделов, в которых нужно указать различную информацию. Настраивайте так, чтобы вам было удобно работать.
В разделе «Общие» вам предложат заполнить название сайта, краткое описание, адреса, язык, формат даты и так далее. Если у вас WordPress установлен в корневой каталог, то в адресах запишите URL сайта. Хотя обычно они тут уже записаны. Пока про ресурс никто не знает, лучше запретить пользователям регистрироваться. Для этого не ставьте галочку в разделе «Членство». Сохраните изменения.
Общие настройки в консоли WordPress
Общие настройки WordPress
Теперь переходите в раздел «Написание». Здесь вы увидите, что можно выкладывать посты с помощью электронной почты. Но так как вы пока только начинаете изучать WordPress, лучше все настройки оставить по умолчанию.
Единственное, что здесь следует указать, так это сервис обновлений. Он нужен, для того чтобы поисковые системы в автоматическом режиме получали информацию о новых постах. Подойдёт сервис rpc.pingomatic.com/. В принципе, он там уже указан.
Настройки написания в консоли WordPress
Настройки написания WordPress
Стоит помнить, что WordPress будет уведомлять об обновлениях не только поисковики, но и другие сервисы. Поэтому нужно настроить частоту отправки этой информации, иначе можно попасть под блокировку. Для таких целей хорошо подходит плагин WordPress Ping Optimizer.
Раздел «Чтение» служит, чтобы выставить отображение главной страницы. Здесь два варианта. Если выбрать «Ваши последние записи», на главной странице будут показывать ваши посты. Это подходит для блогов. Посетители сразу увидят свежие записи, чтобы не тратить время на поиск. Если же вы хотите расположить блог отдельно, а на главной разместить другую информацию, выбирайте «Статическую страницу».
Здесь же можно настроить количество отображаемых записей на странице и в RSS-ленте. Обычно стандартных настроек достаточно, но вы можете их изменить. Только помните, что при большом количестве записей страница будет долго загружаться. Чуть ниже выберите «Анонс». И если не хотите, чтобы поисковики индексировали сайт, укажите это.
Настройки чтения в консоли WordPress
Настройки чтения WordPress
В разделе «Обсуждение» обычно оставляют конфигурацию по умолчанию. Что касается чёрного списка и модерации, их настройки будут работать только со стандартными комментариями WordPress. Здесь вы можете указать запретные слова или ссылки.
Настройки обсуждения в консоли WordPress
Настройки обсуждения WordPress
Раздел «Медиафайлы» нужен, для того чтобы настраивать размер изображений. Новичкам лучше здесь ничего не менять.
Предпоследним разделом являются «Постоянные ссылки». В них настраивают структуру адреса, по которому будут доступны ваши записи. Можете оставить название поста или добавить к нему время с датой. Или вообще создать произвольные записи. Чуть ниже вы увидите элементы, которые могут пригодиться для собственной настройки.
Постоянные ссылки в консоли WordPress
Настройки постоянных ссылок WordPress
Последним пунктом идёт приватность. Здесь можно ничего не менять. Или настроить страницу политики конфиденциальности.
Настройка темы
У каждой темы свои настройки. И они могут значительно отличаться. Поэтому объяснить принцип лучше на примере стандартной – Twenty Nineteen.
Проходите по пути «Внешний вид – Настройки». Вам откроют страницу предварительного просмотра. И по совместительству прямо здесь можно настроить функционал. Он находится в левой части экрана.
Страница настройки темы WordPress
Настройка темы WordPress
Первым идёт раздел «Свойства сайта». Здесь можно добавить логотип, иконку и указать название сайта.
Настройка темы WordPress в свойствах сайта
Свойства сайта в теме WordPress
Следующий пункт – «Цвета». Настройте цветовую схему и закреплённое изображение.
Настраиваем цвета в теме WordPress
Настройка цвета в теме WordPress
Теперь переходим к разделу «Меню». Нажмите на ссылку «Создать меню».
Новое меню в теме WordPress
Настройка меню в теме WordPress
Дайте ему имя и укажите место, в котором оно будет располагаться.
Добавить элементы меню в тему WordPress
Элементы меню темы WordPress
Добавьте страницы, которые должны быть в меню. Нажмите вверху кнопку «Опубликовать».
Добавить страницы в меню темы WordPress
Страницы меню в теме WordPress
Последним разделом, который вам предстоит здесь настроить, являются «Виджеты». Добавьте нужные и удалите те, которыми не собираетесь пользоваться. Например, сайдбар. Или оставьте всё как есть.
Добавить виджеты в тему WordPress
Виджеты в теме WordPress
Как перевести тему на русский
Существует 4 способа русификации.
- Ручной способ. Если вы хотите собственноручно русифицировать тему, обязательно сохраните её копию. Дело в том, что такая работа требует много внимания и усидчивости. Если нечаянно задеть программный код, тема перестанет работать или будет отображаться неправильно. Поэтому сначала создайте копию, а потом редактируйте код. Для этого придётся скачать тему и править её файлы.
- Использование плагинов. Это более удобный способ, так как шанс испортить тему приравнивается к нулю. Плагины сами создают копию, хотя и не лезут в программный код.
- Использование специальных программ. Преимущество способа в том, что многие действия здесь автоматизированы. А значит, и возможностей предоставляют гораздо больше, чем при ручном способе и установке плагинов.
- Заказ перевода у стороннего специалиста. Когда не хватает знаний английского языка, но при этом есть деньги, можно обратиться к переводчикам. В Интернете много агентств и частных лиц, которые с радостью возьмутся за такую работу.
Самым удобным способом русификации считается использование специальных программ. Например, одной из самых популярных является Poedit. В её функционале легко разобраться, а ещё она бесплатная. Чтобы переводить было ещё проще, установите дополнительный плагин в WordPress. Например, хорошо подходит WP File Manager. Давайте разберёмся, как выглядит такой процесс русификации.
После установки плагина перейдите в него. Скорее всего, он будет располагаться в левой части консоли. Перед вами сразу появятся файлы вашего сайта.
Настройка плагина WP File Manager в WordPress
Плагин File Manager в WordPress
Откройте папку wp-content и переходите в themes.
Папка с темами в WordPress
Папка wp-content в WordPress
Перед вами список папок, название которых соответствует темам. Выберите ту, которую хотите изменить. В ней найдите раздел languages.
Открываем папку languages в WordPress
Папка languages в WordPress
Здесь выберите файлы en.mo и en.po. В некоторых случаях используют файлы с расширением .pot.
Файлы в папке languages для темы WordPress
Файлы перевода темы WordPress
Теперь пригодится программа Poedit. В ней нужно нажать «Создать новый перевод». В последних версиях можно сразу перевести тему через соответствующий раздел. Но давайте разберём пример с обычным переводом.
Главная страница программы Poedit
Программа Poedit
Выберите нужный файл и язык. Достаточно написать «ру», чтобы программа предложила русский язык. Нажмите «ОК».
Перевод темы в программе Poedit
Перевод на русский в программе Poedit
Поле «Исходный текст» отображает английскую версию. Результат покажут с правой стороны. Его можно изменить под себя. Для этого нужно нажать на «Перевод».
Изменить перевод на русский язык в Poedit
Изменить перевод в Poedit
Теперь остаётся сохранить перевод на жёсткий диск. У вас появятся два файла, которые нужно загрузить обратно в папку languages. Названия файлов – ru_Ru.mo и ru_RU.po. Или один с расширением .pot, если вы работали именно с ним. Для загрузки нажмите правой кнопкой мыши в плагине File Manager. Нас интересует пункт «Загрузить файлы».
Файлы перевода темы WordPress загружаем на сервер
Загрузить файлы перевода темы WordPress
На этом процесс русификации завершён.
Можно ускорить работу с помощью программы Seraphinite Typing Assistant. Она отлично подходит для тех, кто плохо знает английский язык. Но использовать программу придётся совместно с Poedit.
Если вы не хотите скачивать файлы на компьютер, а работать прямо в консоли управления WordPress, воспользуйтесь плагином Loco Translate. Он тоже подходит для перевода файлов с расширениями .mo и .po. Преимущество в том, что можно переводить любые темы прямо из браузера.
Перевод темы WordPress с помощью плагина
Плагин для перевода темы WordPress
Дополнительные советы, которые помогут подобрать нужную тему.
- Адаптивный дизайн. Сегодня больше половины пользователей сидят в Интернете с мобильных устройств. И если ресурс подстроен только для компьютеров, на смартфонах и планшетах он будет некорректно отображаться. Адаптивный дизайн сам подстраивается под характеристики устройства, чтобы показывать сайт в любых размерах окна браузера.
- Частота обновлений. Требования поисковых систем к дизайну и SEO постоянно меняются. И если тема не обновляется, значит, и весь сайт не соответствует новым условиям. Поэтому лучше от установки подобных тем лучше отказаться.
- Широкий функционал нужен далеко не всегда. Большое количество функций уменьшает скорость работы темы. А так как поисковики отдают предпочтение быстрым сайтам, это негативно повлияет на продвижение. Лучше выбирайте только те опции, которые действительно необходимы.
Шаг 5. Используем плагины для комфортной и безопасной работы
Точно так же, как и широкий функционал в темах, большое количество плагинов тормозит сайт. Особенно часто этим грешат новички. И одно хочется, и другое, и третье. А тут ещё и статья на глаза попалась про сотню лучших плагинов. Некоторые устанавливают всё, что только могут найти. А это совершенно неправильно. Да и в большинстве случаев не нужно.
Плагинов очень много. И если вместо того, чтобы добавлять на сайт новый контент, постоянно искать полезные плагины, это ни к чему хорошему не приведёт. Помните, что это всего лишь инструмент для работы.
С его помощью можно решить много разнообразных задач. Но при выборе в первую очередь следует обратить внимание на следующие качества:
- обеспечение безопасности ресурса;
- защита от спама;
- оптимизация для поискового продвижения;
- улучшение юзабилити и повышение функционала.
Плагины, которые служат для безопасности
Защитить сайт нужно от двух угроз: от вас самих и несанкционированного доступа. В первом случае помогут плагины, которые работают с резервными копиями. Новички очень часто рискуют, когда пытаются сами изменять программный код или как-то иначе влияют на работу сайта. Поэтому следует создавать резервные копии, чтобы в случае потери информации её можно было восстановить.
Что касается второго случая, это могут быть люди, которые взламывают ресурсы. Делают они это по разным причинам. Например, для загрузки вирусов. В любом случае, никому не хотелось бы потерять сайт из-за таких ситуаций.
Для работы с резервными копиями сайта подойдут такие плагины:
- WP Database Backup – русский язык отсутствует;
- BackUpWordPress – редко обновляется, но зато на русском;
- Backup and Restore WordPress – тоже нет русскоязычной версии.
Установить их очень просто. Для этого в консоли нужно перейти в раздел «Плагины» и нажать «Добавить новый». Вверху слева вы можете самостоятельно загрузить плагин со своего компьютера. Только сначала нужно найти его на сайте разработчика. Но в WordPress уже присутствует много различных плагинов. Для поиска используйте поле ввода справа. Когда введёте название, нажмите на клавиатуре Enter. Стоит отметить, что в поиске нужный результат не всегда появляется на первом месте. Поэтому обращайте внимание на то, что устанавливаете.
плагин WP Database Backup в WordPress
Плагин для резервного копирования WordPress
После того как в результатах поиска появится нужный плагин, нажмите «Установить». Как и при работе с темами, после установки плагин нужно активировать и настроить. Он находится в разделе «Инструменты». Чтобы создать резервную копию, нажмите Create New Database BackUp.
Создание резервной копии через WP Database Backup
Резервная копия в WordPress
Теперь у вас есть резервная копия. Но чтобы в будущем не приходилось заниматься этим вручную, перейдите на вкладку Sheduler. Здесь можно настроить автоматическое создание копий.
Настройка автоматического резервного копирования WordPress
Автоматическое резервное копирование WordPress
Чтобы обезопасить сайт ещё больше, переходите на вкладку Destination. Настройте отправку резервных архивов на e-mail. Или используйте для этого Google Drive.
Настройка отправки резервного копирования WordPress на почту
Отправка резервной копии WordPress на email
Обычно сайты взламывают с помощью подбора логина и пароля. Чтобы обезопасить себя от таких попыток взлома, используйте следующие плагины:
- Loginizer Security. Этот плагин установили больше миллиона раз. Таким популярным он стал из-за того, что отлично справляется с защитой от взлома методом подбора;
- Login Lockdown. По функционалу практически не отличается от предыдущего плагина. Можно настроить разные параметры, в том числе количество попыток ввода логина и пароля с одного IP-адреса.
Существуют и такие плагины, которые совмещают защиту от взлома и создание резервных копий. Присутствуют и другие настройки. Например, комплексную защиту предлагает плагин iThemes Security. В число его возможностей входят:
- поиск страниц с ошибками 404;
- блокировка нежелательных пользователей;
- работа с резервными копиями;
- шифрование по протоколу SSL;
- предупреждение хакерских атак;
- принуждение использовать только сложные пароли;
- защита от входа в консоль управления WordPress;
- гибкая настройка системы под свои нужды.
Настройка плагина Loginizer Security в WordPress
Плагин Loginizer Security в WordPress
Плагины для борьбы со спамом
В WordPress можно установить различные системы комментариев. Обычно все они защищены от спама. Но если вы используете стандартную форму комментариев, придётся защищаться самостоятельно.
Для этих целей хорошо подходят плагины Akismet и Antispam Bee. Установить их можно так же, как и любые другие плагины. Обычно параметров по умолчанию вполне достаточно. Но если вам нужно их изменить, переходите в меню настроек.
Настройка параметров антиспама в WordPress
Антиспам WordPress
Если вы хотите, чтобы ваш сайт охранял от спама искусственный интеллект, используйте плагин от Google – Advanced noCaptcha & invisible Captcha. Сначала вам предстоит зарегистрироваться в Google, а потом получить две версии ключа. Не забудьте настроить версию капчи.
добавление reCAPTCHA в WordPress
reCAPTCHA в WordPress
Плагины по работе с SEO
Платформа WordPress постоянно обновляется, чтобы соответствовать требованиям поисковых систем. Поэтому многие SEO-задачи здесь уже продуманы. Но их всё равно недостаточно, ведь продвижение любого сайта требует индивидуального подхода. Нужно учитывать:
- работу с картой сайта;
- работу с микроразметкой;
- работу с файлами .htaccess и robots.txt;
- удобные и понятные адреса страниц;
- оптимизацию метатегов;
- блокировку дублированного контента.
Для решения этих задач необязательно устанавливать много плагинов. Достаточно разделить их на три группы: карта сайта, техническая оптимизация и микроразметка. Сначала рассмотрим плагины для работы с картой сайта. Вы можете выбрать один из трёх:
- Google XML Sitemaps;
- Google Sitemap by BestWebSoft;
- Simple WP Sitemap.
Допустим, вы выбрали Google XML Sitemaps. Установите его и активируйте.
Плагин для карты сайта WordPress Google XML Sitemap
Google XML Sitemap в WordPress
Как только вы его активируете, плагин создаст карту сайта. При этом он добавит информацию в файл robots.txt и уведомит поисковики. Для начала этого вполне достаточно. И новичкам лучше ничего не менять.
Карта сайта XML Sitemap в WordPress
Карта сайта WordPress
Если вы считаете, что не относитесь к новичкам, и хотите изменить настройки, то переходите во вкладку «Sitemap defaults». Здесь вы можете самостоятельно добавить нужные страницы. Затем нажмите на вкладку «Relative priority», где настраивается индексирование. Выберите, какие страницы должны в первую очередь проверять поисковые роботы.
Sitemap defaults в карте сайта WordPress
Расширенные настройки карты сайта WordPress
Что касается технической оптимизации, здесь лидерами выступают два плагина:
- All in One SEO Pack;
- WordPress SEO by Yoast.
Допустим, вы выбрали первый вариант. Установите и активируйте его. Здесь тоже стандартных настроек вполне хватает. Особенно для тех, кто только начинает знакомиться с WordPress. Но если вы хотите их изменить, выберите вкладку All in One SEO Pack в консоли.
Плагин All in One SEO Pack для продвижения сайта WordPress
All in One SEO Pack в WordPress
Чтобы было более понятно, посмотрите настройки, которые можно менять в All in One SEO Pack.
Изменить разметку можно в разделе «Search Appearance». Но лучше это сделать с помощью другого плагина, поэтому рассмотрим другие настройки.
Как настроить плагин All in One SEO Pack для WordPress
Настройка All in One SEO Pack в WordPress
В этом же разделе во вкладке Global Setting укажите заголовок, описание и ключевые слова. Здесь же можете ввести номер телефона для различных случаев и вставить логотип.
Имя сайта All in One SEO Pack в WordPress
Заголовок и описание в All in One SEO Pack в WordPress
Если вы хотите добавить аккаунт Google Search Console, зайдите в раздел «Общие настройки». Нас интересуют «Webmaster Tools». В качестве верификации используйте альтернативный метод. Потребуется фрагмент кода, который можно найти в кабинете Search Console в разделе «Подтверждение прав на сайт».
Вставьте этот код в поле для верификации Google Verification Code.
Google Search Console в плагине All in One SEO Pack в WordPress
Google Search Console в WordPress
Останется сохранить настройки плагина с помощью кнопки «Подтвердить».
В качестве плагинов для микроразметки можно использовать следующие:
- плагин WPSSO и его расширение JSON. С их помощью можно реализовать разметки Open Graph или Schema.org. При этом используется формат JSON-LD, который лучше всего подходит для разметки Schema.org;
- плагин WP SEO Structured Data Schema. Работает с различными типами разметки, используя формат передачи данных JSON-LD. Сюда входят Article, BlogPosting и Review;
- плагин Schema App. Здесь тоже много типов разметки, которые работают по JSON-LD. К отличительной особенности можно отнести онлайн-генератор, который пригодится опытным пользователям.
Когда вы установите WPSSO и расширение JSON, переходите в раздел Essential Settings. Здесь укажите название сайта, его описание и информацию для разметки Open Graph. Остальные параметры лучше не трогать.
Плагин WPSSO и JSON-LD в WordPress
Плагин WPSSO в WordPress
Нажмите на вкладку Schema Markup. Запишите в соответствующих полях адрес баннера и логотипа. Их могут показывать в поисковой выдаче.
SSO Schema Markup плагин WordPress
Schema Markup в WordPress
Если у вас на главной странице отображаются последние записи, в меню укажите тип Blog. Если же у вас статическая страница, выбирайте Website.
Публикации имеют разный формат. Поэтому и тип разметки может отличаться. Например, Article и BlogPosting используйте для страниц записей.
При этом BlogPosting сам является частью Article. Если нужно разместить, например, новость, для этого есть соответствующий тип разметки, который называется News Article.
Когда вы используете простые записи, выбирайте BlogPosting. Для крупных статей, обзоров и инструкций подходит Article. Если страница является статической или относится к медиафайлам, стоит обратить внимание на формат WebPage.
Настройка микроразметки на сайте WordPress
Микроразметка WordPress
После того как вы выберете нужные настройки, сохраните их. Плагин создаст разметку на существующих страницах, а также автоматически будет добавлять её на новые записи. Если вы хотите наглядно убедиться в правильной работе плагина, используйте сервис от Google Search Console.
Проверить правильную микроразметку в Google
Проверка структурированных данных в Google
С одним типом записей обычно проблем не возникает. Но что делать, если вы используете разные форматы материалов? Например, у вас чередуются новости с обзорами и короткими заметками. Тогда для каждой записи придётся выбирать отдельную разметку. Справиться с этим поможет плагин WP SEO Structured Data Schema.
Установите и активируйте его. Теперь заходите в раздел редактирования записей, где вы увидите дополнительную колонку. С её помощью вы можете изменять тип разметки.
Настройка формата записей через плагин WordPress
Формат записей WordPress
Плагин самостоятельно не определяет формат записей. Поэтому разметку для каждого поста придётся прописывать вручную. А если нужны другие типы, можно перейти на платную версию.
Плагины для улучшения функциональности и юзабилити
Мы уже говорили о том, что многие новички часто устанавливают большое количество плагинов. Это в любом случае негативно сказывается на работе сайта, даже если речь идёт о повышении функциональности и юзабилити. Но их всё равно приходится повышать, поэтому сначала следует определиться с решением важных задач, а уже потом искать нужные плагины.
Например, вы заметили, что навигация на сайте не совсем удобная, или хотите создать интернет-магазин. Или добавить форму обратной связи. Только после того, как вы определите задачу, начинайте искать плагины для её реализации. Электронная коммерция, «хлебные крошки» для посетителей и многие другие функции легко решить. Но сначала задумайтесь, насколько это важно.
Сначала обратите внимание на адреса страниц. Стандартные настройки WordPress создают их на кириллице. Хотя лучше использовать латинские символы.
Кириллица в адресной строке
Русские символы в адресной строке
Кажется, что в этом нет смысла, ведь кириллица удобнее. Но попробуйте скопировать адрес страницы и куда-нибудь вставить, хотя бы в текстовый редактор.
Вы увидите, что вместо нормального адреса появились какие-то непонятные символы. Пользователи не любят переходить по таким ссылкам, а уж тем более – делиться ими. Соответственно, страдает продвижение сайта.
Исправить эту ситуацию можно с помощью плагина WP Translitera. Здесь нет никаких настроек, просто скачайте его и установите, или выберите другой похожий плагин.
Ещё одним важным фактором в продвижении являются социальные сети. Чтобы добавить кнопки шеринга, можно установить плагин Head, Footer and Post Injections. Он хорош тем, что позволяет размещать коды на каких-то отдельных страницах или на всех сразу. И это не только кнопки социальных сетей, но и любой другой программный код.
Кнопки предоставляют сервисы шеринга. Можно использовать, например, Pluso. Заходите в «Настройки», затем нажмите «Header and Footer». Если вы хотите, чтобы кнопки социальных сетей появлялись у каждой записи, перейдите во вкладку «Posts». Вы можете выбрать вставку до или после записи, а также мобильный формат.
Настройка Header and Footer для WordPress
Header and Footer в WordPress
Теперь внизу у вас всегда будут кнопки социальных сетей.
Шаг 6. Как работать с сервисами аналитики в WordPress
Кое-что вы уже подключили, когда устанавливали плагины. Например, All in One SEO Pack работает с сервисом Google. С помощью плагина Head, Footer and Post Injections можно подключить и остальные сервисы.
Сначала нужно зарегистрировать сайт в каждом из них. Или только в том, с каким планируете работать. Это могут быть «Google.Аналитика», «Яндекс.Вебмастер» или «Метрика».
После регистрации вам предоставят коды для добавления на сайт. Переходите в «Настройки», затем «Header and Footer» и выбирайте первую вкладку. Поле ввода могут быть Head или Body.
Сервисы Яндекс и Google для отслеживания в WordPress
Сервисы отслеживания в WordPress
С помощью этого плагина код отслеживания будет установлен на всех страницах сайта. Точно так же подключаются и другие сервисы.
Шаг 7. Как создать запись или страницу
В WordPress уже давно используют визуальный редактор, который по внешнему виду и функционалу напоминает конструктор сайтов. Но всё же функций у него гораздо больше, чем у простого редактора.
Во-первых, можно создавать страницы с любой структурой. Во-вторых, в записи можно добавлять самый разнообразный мультимедийный контент или виджеты.
Помимо этого, работать с визуальным редактором очень просто. Любой новичок за считанные минуты поймёт, как и что делать. Создавать можно страницы и публикации.
Как создать страницу
Слева в консоли выберите «Страницы – Добавить новую». Или вверху нажмите на «+ Добавить» и выберите «Страницу».
Создать новую страницу на сайте WordPress
Добавить страницу WordPress
Добавляйте заголовок и начинайте писать текст. Чтобы вставить какой-то новый тип блока, например, таблицу, список или изображение, нажмите «+».
Настройка страницы WordPress
Заголовок на странице WordPress
Допустим, вы захотели добавить картинку. Для этого листайте вниз до раздела «Мультимедиа» и нажмите «Изображение».
Блок изображения на странице WordPress
Добавление изображения на WordPress
Вам предложат загрузить файл с компьютера, выбрать его из библиотеки или вставить с сайта.
Добавление изображения на страницу сайта WordPress
Загрузка изображения WordPress
Помимо изображений и других мультимедийных вставок, визуальный редактор предлагает различные кнопки, теги, столбцы, цитаты и многое другое. Можно подобрать различные блоки, чтобы красиво оформить страницу.
Когда закончите редактирование, нажмите «Запланировать» в правом верхнем углу. В разделе «Опубликована» можете выбрать дату и время, когда нужно разместить страницу. Если хотите сделать это сейчас, то выберите «Немедленно».
Опубликовать страницу на сайте WordPress
Запланировать публикацию страницы WordPress
Вам сразу же предложат её посмотреть. Исправьте какие-нибудь элементы, если это необходимо. Обычно ссылки на страницы появляются автоматически. Если их слишком много, WordPress создаст выпадающее меню. Но всё зависит от выбранной темы и её настроек.
Как создать запись
Добавлять новую запись можно так же, как и создавать страницу. Визуальный редактор здесь тоже ничем не отличается, поэтому можете его использовать.
Придумайте заголовок и напишите нужный текст. С помощью блоков оформите запись так, как вам нужно.
Создание записи на сайте WordPress
Как создать пост WordPress
Справа нажмите на вкладку «Запись». Здесь вы увидите меню, в котором можно выбрать постоянную ссылку, рубрики, добавить изображение, отрывок, настроить обсуждение и так далее. Если нужно, создайте новую рубрику. Если вы не будете её указывать, все статьи автоматически будут попадать в категорию «Без рубрики».
Добавление статьи WordPress в рубрику
Рубрики WordPress
Внизу вы можете настроить метатеги для записи и другие параметры All in One Seo Pack.
Настройки All in One SEO Pack в записи WordPress
Настройка записи WordPress
Шаг 8. Как настроить SSL-шифрование
Существуют протоколы HTTP и HTTPS. Второй является защищённым, поэтому поисковики отдают предпочтение именно таким сайтам. Для пользователей тоже плюс, так как они больше доверяют подобным ресурсам. Подключить протокол можно с помощью SSL-сертификата. И тогда рядом с адресной строкой напишут, что соединение защищено.
Соединение на сайте через SSL-шифрование
Защищённое соединение сайта
SSL-сертификат нужен, для того чтобы обеспечить защищённое соединение. Он шифрует конфиденциальные данные, которые записывают пользователи на сайте. Например, информацию о банковских картах. Это позволяет избежать потери данных при взломе. Злоумышленники просто не смогут воспользоваться ими.
Сертификаты бывают платными и бесплатными. Но даже платный стоит не особо дорого, поэтому лучше его установить.
Но сначала спросите у своего хостинг-провайдера, предоставляет ли он бесплатные сертификаты. Если нет, то воспользуйтесь Let’s encrypt. С ним можно работать 3 месяца, а потом продлить. Платить ничего не придётся.
Часто задаваемые вопросы
Несмотря на всю простоту работы с WordPress, у начинающих пользователей часто возникают одни и те же вопросы. Давайте разберём самые популярные.
Нужно ли разбираться в языках программирования и разметки, чтобы работать в WordPress?
Мы только что с вами создали сайт без каких-либо знаний программирования и дизайна. Остаётся только добавлять новый контент и следить за продвижением. Но если вы хотите сами вносить какие-либо изменения в функционал, то без навыков программирования не обойтись.
В бесплатной теме появились какие-то ссылки на сторонние ресурсы. Означает ли это, что мой сайт взломали?
Нет, с вашим сайтом всё в порядке. Просто разработчики бесплатных тем часто дают рекламу или указывают ссылки на свои ресурсы. Такова цена использования. Убрать ссылки можно после покупки платной версии. Или придётся самостоятельно править код.
Можно ли создать сайт на WordPress так, чтобы его вначале не посещали поисковые роботы?
Конечно, это сделать можно. Например, использовать локальный сервер, в котором отсутствует доступ в Интернет.
Можно ли с помощью WordPress создать полноценный интернет-магазин?
Для этого используют плагины электронной коммерции. Самым популярным из них является WooCommerce. Он предоставляет широкий функционал, с помощью которого появляется полноценный интернет-магазин. Но стоит помнить, что популярность этого плагина не всегда идёт на пользу. Ведь для хакеров он тоже популярен, потому что они знают все его уязвимости. Если вы не хотите переживать за утрату данных или финансов, уделяйте много внимания безопасности.
Мне говорили, что для WordPress нужно выбирать хостинг с большим дисковым пространством, потому что он много весит. Это правда?
Здесь лучше увидеть наглядно. Распакованный архив весит чуть больше 50 Мбайт.
Размер распакованного архива WordPress
Сколько весит WordPress
А теперь самое главное
Вы создали сайт на WordPress, настроили его, добавили дизайн и полезные плагины. Теперь вам предстоит самая ответственная и тяжелая работа. Речь идёт о регулярном обновлении контента, создании новых страниц и публикаций. Возможности этой платформы очень обширные, поэтому вы можете создать самый простой сайт или превратить ресурс в многофункциональный глобальный проект.
Чтобы познакомиться с WordPress, потребуется несколько минут. Но чтобы полностью разобраться в функционале, нужно время. О самых главных моментах вы узнали из этой инструкции. А всё остальное зависит только от вашего воображения.
Как создать сайт на WordPress: руководство для новичков
WordPress — первая в мире по популярности CMS, бесплатная и с открытым исходным кодом. CMS — это система управления содержимым, готовое программное ядро для разработки сайта. WordPress стала популярна за счет своей простоты: в основном функционале можно разобраться за один день. При этом, WordPress более функциональный и гибкий в настройках, чем конструкторы сайтов.
В этом материале мы покажем буквально на пальцах, как сделать сайт на базе WordPress без опыта в веб-разработке.
Также можно пойти более простым путем: обратиться к веб-разработчику на WordPress. На сайте Workspace представлено более 1 600 исполнителей, которые могут сделать сайт на данной CMS под ключ. Возможно, будет выгоднее поручить создание сайта на WordPress опытному специалисту, чем пытаться разобраться самому.
Установите WordPress на хостинг
Купите хостинг
Чтобы сайт работал в интернете и был доступен пользователям, для него потребуется создать сервер. Для большинства пользователей предпочтительнее будет приобрести хостинг. Так называют услугу по предоставлению готового сервера для сайта, либо приложение, которое требует связи с интернетом.
Создание своего сервера — неоправданное решение для пользователя без опыта в веб-разработке. Сервер будет тратить ресурсы компьютера, а еще компьютер должен быть постоянно включен и подключен к интернету, иначе сайт будет недоступен. Проще арендовать специально подготовленный сервер у хостинг-провайдера — подобная услуга сейчас будет стоить в районе пары тысяч рублей в год. Существуют бесплатные хостинги, но это плохое решение для коммерческого сайта — они медленные и без техподдержки со стороны хостинг-провайдера.
Мой личный опыт связан с размещением сайта на хостинге от REG.RU. По этой причине я покажу, как устанавливать WordPress на хостинг этой компании. Это не реклама, вы можете выбрать услуги любого другого хостинг-провайдера. Процесс установки WordPress на хостинг будет во многом схож вне зависимости от выбора провайдера.
Если вы решили делать сайт самостоятельно, скорее всего он не будет большим и сложным. Для небольшого сайта можно приобрести недорогой тариф хостинга. Если хостинг будет замедлять работу сайта при большом количестве посещений, вы всегда сможете договориться с техподдержкой, чтобы переехать на более быстрый хостинг.
Важно: покупайте хостинг с установленными PHP и MySQL. На том же REG.RU есть самый дешевый тариф, который не включает в себя поддержку этих технологий. Предустановленный PHP нужен для работы WordPress, который написан на этом языке программирования. MySQL — популярная система управления базами данных, с которой работает WordPress.
Для написания статьи я взял хостинг от REG.RU на тестовый период до 14 дней по этой ссылке. Хостинг можно взять бесплатно, но доменное имя в любом случае придется покупать, также понадобится его привязать к хостингу. Это простая задача — у хостинг-провайдеров есть справочные материалы о настройке их услуг. Также есть техническая поддержка, которая может помочь и настроить все самостоятельно.
Личный кабинет тестового хостинга, к которому нужно привязать домен
Купите и настройте доменное имя
Вам также понадобится купить доменное имя, по которому сайт будет доступен. Обязательно включайте в заказ SSL-сертификат — он бесплатный. Без сертификата ваш сайт не будет открываться по протоколу HTTPS и будет помечаться в большинстве браузеров как вредоносный.
Мне повезло: нашелся свободный домен с неплохим именем
После покупки доменного имени его нужно настроить. В моем случае, понадобилось выбрать DNS-серверы от REG.RU, которые выбраны по умолчанию. Также я привязал доменное имя к своему личному профилю, в котором указаны паспортные данные и место прописки. Подобные требования помогают уменьшить количество мошеннических сайтов, также без них невозможна выдача SSL-сертификата.
Свяжите доменное имя с хостингом
Далее требуется связать доменное имя с хостингом. На REG.RU новое доменное имя помечено плашкой «Не подключен к сайту» и рядом есть кнопка «Настроить». Если бы сайт уже существовал, а мы бы купили новый домен, мы бы подключили новый домен к сайту. Но так как сайта у нас нет, аналогичная процедура будет являться привязкой к хостингу. У REG.RU есть вспомогательная статья про привязку доменного имени к хостингу — ссылка вам в помощь.
Привязка доменного имени к сайту, либо хостингу
Важно: DNS-серверы обновляются раз в сутки, поэтому сайт может быть недоступен 24 часа. В это же время к доменному имени должен привязаться SSL-сертификат. Подождите немного, потом продолжайте разработку.
До того, как данные DNS-сервера не обновятся, переход по доменному имени будет отображать такую ошибку: DNS_PROBE_FINISHED_NXDOMAIN. Это код уведомления о несуществующем доменном имени, потому что данные о его владельце и привязке к хостингу еще не обновились. Ошибка исчезнет — это знак, что данные обновились и сайт будет доступен пользователям.
Установите WordPress на хостинг
Хостинг-провайдеры могут предустановить WordPress на сайт — тогда процесс установки займет пару кликов. Представим, что у нас такой возможности нет.
Для установки CMS понадобится:
- скачать архив WordPress с официального сайта,
- закачать его на хостинг и там распаковать,
- установить WordPress и авторизоваться в нем.
Скачайте WordPress
Скачать WordPress можно по ссылке с официального сайта — без регистрации и смс. После того, как вы скачали ZIP-архив с WordPress, его нужно закачать на хостинг, в корневую папку будущего сайта.
Загрузите архив с WordPress на хостинг и распакуйте его
Для легкого управления файлами на хостинге, на серверы устанавливаются панели управления хостингом. Это программы со встроенным файловым менеджером, который похож на «Проводник» в Windows и позволяет управлять файлами на хостинге. Я выбрал хостинг с предустановленной ISPmanager — популярной панелью управления хостингом.
Переход в файловый менеджер хостинга со страницы хостинга
Панель ISPmanager, в которой нужно перейти в менеджер файлов
Системные файлы, которые хранятся на хостинге и необходимы для поддержки работы над сайтом
Далее потребуется закачать архив с WordPress в корневую папку сайта через панель ISPmanager. Корневая папка сайта будет располагаться по адресу: www — (названиесайта.ru).
Корневая папка сайта в ISPmanager. Вверху красным выделен адрес корневой папки, ниже — кнопка для загрузки ZIP-архива с WordPress
После загрузки файла с WordPress его нужно распаковать.
После загрузки архива его нужно выделить, нажать кнопку «Извлечь». В выпадающем меню нужно будет выбрать корневую папку сайта и подтвердить действие нажатием кнопки «Распаковать»
Когда файлы WordPress будут извлечены, архив можно удалить за ненадобностью. Файлы в WordPress распакуются в отдельную папку, одноименную названию архива, то есть WordPress.
Архив, распакованный в отдельную папку
Нужно будет перейти в папку, выделить все файлы и переместить их в корневую папку сайта, в которой расположена папка WordPress.
Нужно выделить все файлы «галочками», после чего нажать на кнопку «Копировать», чтобы отправить все файлы CMS в корневую папку сайта
Выберите корневую папку, которая будет соответствовать доменному имени вашего сайта. Также можете выбрать функцию «Переместить файлы», чтобы не копировать их лишний раз
После переноса файлов пустую папку можно удалить. Файлы WordPress будут находиться в корневой папке сайта.
Файлы WordPress находятся в корневой папке сайта
Установите WordPress
Для установки нужно перейти по адресу сайта (в нашем случае это wordpresstest.ru) и связать сайт с базой данных MySQL.
Приветственное окно установщика WordPress при переходе по доменному имени сайта
Для связи сайта и MySQL понадобится ввести учетные данные.
Поля для ввода информации, чтобы подключить WordPress к MySQL
Данные, которые запрашивает WordPress, предоставляет хостинг-провайдер. Они могут быть в личном кабинете управления хостингом, также их могут высылать на электронную почту.
Данные для связи MySQL и WordPress в личном кабинете REG.RU
Далее нужно будет пройти регистрацию в системе WordPress. Логин и пароль, которые вы укажете в этом окне, будут вашими данными для входа в административную часть сайта. Никому не передавайте эти данные, чтобы контроль над сайтом был только у вас.
Если при работе с сайтом возникнут критические ошибки, оказать помощь в устранении может техподдержка хостинга — у них есть доступ к файлам на сервере. В некоторых ситуациях устранение неполадок может быть платным или вообще невозможным — будьте внимательны.
Регистрация в системе WordPress
После установки, нужно будет авторизоваться на сайте с помощью ввода логина и пароля, которые вы придумали.
Окно авторизации в WordPress
После этого вы попадаете в административную часть, где можете работать над сайтом.
Административная панель WordPress
Вверху слева есть кнопка с «домиком» и доменным именем — она отправляет на публичную часть сайта. Можете открыть ее в новой вкладке, чтобы посмотреть, как выглядит ваш сайт для других пользователей. На момент работы над статьей, была установлена версия WordPress 6.1.1 с темой Twenty Twenty-Three.
Начинать работу со стандартной темы не так легко — в них нет готового меню и ряда полезных настроек в административной панели. Проще создать сайт на основе одной из популярных тем, которые есть в маркетплейсе WordPress. Большинство из них идет с дополнительным платным функционалом, но для большинства задач хватит бесплатной версии.
Установите тему для сайта из маркетплейса WordPress
Для перехода в маркетплейс с темами для сайта, перейдите в раздел «Темы» в боковом меню, после нажмите на кнопку «Добавить».
Маркетплейс с темами сайтов на WordPress
Новичкам проще создать сайт из сторонней темы, поскольку она будет содержать готовое меню сайта — то самое меню, в которое добавляют разделы сайта и страницы. Стандартные темы WordPress требуют вывода меню, а для этого нужно лезть в код. Также сторонние темы содержат дополнительные настройки, с которыми будет проще кастомизировать сайт.
Чтобы выбрать понравившуюся тему, нужно кликнуть на нее мышкой. После этого ее можно изучить, нажав на кнопку «Просмотреть». Если тема понравилась, выходите из предпросмотра, жмите на кнопку «Установить», а потом на кнопку «Активировать».
Для дальнейшей работы над сайтом я выбрал тему Astra, поскольку уже знаком с ней. Не пугайтесь, если после активации тема будет непохожа на результат, который был на предпросмотре. Дело в том, что на вашем сайте все еще нет контента, а тема не «подтягивает» контент из предпросмотра. При этом, контент темы может загрузиться на сайт, если вы так ничего и не добавите на главную страницу, но зайдете в настройки темы.
Слева «красивая» тема в режиме предпросмотра, справа — установленная «голая» тема в режиме редактирования
В меню административной части сайта появился раздел Astra, при нажатии на который открывается дашборд с настройками темы. В дашборде размещены ссылки на настройки, которые используют чаще всего. Часть из функций платные — они будут недоступны, но кастомизировать сайт можно и без них.
Дашборд с настройками темы
Настройте установленную тему
Чтобы зайти в настройки темы, нажмите под разделом «Astra» на подраздел «Настроить».
Меню настройки темы
Поскольку на сайте все еще нет контента, вместо визуальной части вашего сайта в предпросмотре появился макет темы Astra. Когда вы добавите на сайт страницы с вашим контентом, в предпросмотре будут отображаться они.
Меню настройки темы содержит базовые настройки WordPress, а также настройки, которые установились вместе с темой. Попробуйте изучить меню, опробовать разные опции и посмотреть, как они влияют на содержимое в шаблоне. Чтобы сохранить настройки, жмите кнопку «Опубликовать» в левом верхнем углу. При работе с сайтом, вы еще не раз вернетесь в это меню для точечных настроек.
Покажем для наглядности на паре примеров, как работать с настройками.
Для начала уберем копирайт с названием темы в футере — нижнем меню сайта.
Красным выделено нижнее меню — в нем удалим копирайт с названием темы
Чтобы удалить копирайт, нажмите на раздел «Конструктор футера» в левом меню. Этот конструктор позволяет изменять содержимое нижнего меню. Здесь можно добавить текст с юридическими данными вашей организации или гиперссылки на другие страницы вашего сайта.
Конструктор футера в настройках темы. Сверху красным выделен контент копирайта, снизу — блок, который отвечает за вывод копирайта
Чтобы удалить копирайт в футере, нажмем на крестик на блоке «Copyright» в конструкторе. После жмем на синюю кнопку «Опубликовать» в левом верхнем углу.
Результат манипуляции с блоком «Copyright»
Мы удалили копирайт и футер пропал, потому что в нем нет никакого содержимого. Когда мы добавим в конструкторе нужный нам блок, на сайте появится футер с его содержимым. Добавим один из доступных элементов: например, иконки со ссылками на соцсети.
Для этого наведем мышкой на свободный слот в конструкторе, выберем значок «Social» из выпадающего меню и кликнем на него. После этого на сайте снова появится футер с кнопками для ссылок на социальные сети.
Процесс добавления иконок социальных сетей в футер сайта
Примерно так и происходит настройка темы сайта: у вас есть некоторые опции и вы их кастомизируете под свои нужды. К сожалению, в некоторых случаях вы ограничены. Например, кнопка смены языка на сайте есть только в платной версии темы. Зато вы можете установить любую другую тему, которая может содержать подобную кнопку. С открытым кодом WordPress такую кнопку можно вообще написать самому — но для этого нужно знать устройство WordPress и язык программирования PHP.
Не будем заострять внимание на способах решения отдельных задач по кастомизации сайта — в зависимости от выбранной темы настройки могут быть разными. Изучите настройки самостоятельно, посмотрите, как их применение влияет на отображаемый контент.
Перейдем к созданию новой страницы сайта.
Создайте новую страницу и добавьте ее в верхнее меню
Создайте новую страницу в административной части сайта
Вернитесь в административную часть сайта и перейдите в раздел «Страницы». В разделе нажмите на кнопку «Добавить страницу».
Добавление новой страницы на сайт
При нажатии на кнопку вас отправит в блочный конструктор Gutenberg.
Gutenberg — конструктор, который в 2018 году появился в WordPress как отдельный плагин. Позднее конструктор стал основным редактором страниц. Благодаря Gutenberg в WordPress можно собирать сайт из блоков, как в конструкторах Wix или Tilda. Благодаря Gutenberg WordPress стал бесплатным и интуитивно понятным конструктором сайтов. В этом преимущество WordPress перед SaaS-решениями — у него безграничные возможности для кастомизации и нет ежемесячной абонентской платы.
Заполните страницу контентом
Чтобы добавить новый блок, нажмем на синюю кнопку с плюсом в левой верхней части меню конструктора.
Меню блочного конструктора Gutenberg. Кнопка для добавления новых блоков выделена красным
Нам откроется выпадающий список с блоками, которые доступны для добавления. Разные блоки обладают разным функционалом, своими уникальными настройками и дизайном. WordPress можно «прокачать» с помощью плагинов, которые включают себя дополнительные блоки — о них расскажем позднее.
Попробуем добавить на сайт блок «Таблица» — кликнем на него в меню.
Меню доступных блоков, красным выделен блок «Таблица»
При нажатии на кнопку «Таблица» на страницу добавится блок, в котором понадобится указать параметры будущей таблицы.
Красным выделен блок с будущей таблицей
Не будем ничего менять в параметрах таблицы и нажмем на кнопку «Создать таблицу».
Блок с пустой таблицей
Появилась таблица, в которую можно ввести необходимые данные и добавить подпись. Таблицу можно кастомизировать в меню настроек блока. Меню находится в правой части рабочего пространства Gutenberg.
Попробуем поработать с таблицей: заполним ее для примера какими-нибудь данными и улучшим ее внешний вид, поэкспериментировав с настройками блока. Работать с контентом страницы в конструкторе так же просто, как в текстовом редакторе. Кликаете мышкой на нужный раздел, вписываете что вам нужно, либо копируете и вставляете горячими клавишами.
Таблица с контентом и оформлением, настроенным в меню блока
Для наглядности добавим контента на страницу: впишем заголовок и напишем какой-нибудь текст под таблицей. Новые страницы изначально содержат в себе пустой блок для заголовка, поэтому можем сразу вписать текст туда. Это главный заголовок, который содержит HTML-атрибут H1, — учитывайте это при поисковой оптимизации сайта.
Для написания дополнительного текста на странице снова нажмем на кнопку добавления блока, после которой нам откроется меню с доступными блоками. Нажмем на кнопку «Абзац», чтобы на странице появился дополнительный блок для текста. Вставим туда какой-нибудь текст.
Страница с добавленным заголовком и текстом
Теперь попробуем поменять блоки таблицы и текста местами. Мы можем кликнуть на блок с текстом и переместить его с помощью функции «Переместить вверх» из меню, которое появилось после клика.
Красным выделена кнопка «Переместить вверх» в меню, которое появляется при клике на любой из блоков страницы
Мы переместили блок с текстом наверх, благодаря чему он расположился выше блока с таблицей.
Теперь текст находится под заголовком, а таблица — под текстом
Далее попробуем сделать какую-нибудь фоновую подложку для текста и таблицы. Для этого добавим блок с названием «Обложка». Для использования в качестве фона можно загрузить картинку. Также обложку можно окрасить в подходящий цвет, либо градиент.
Добавили блок «Обложка»
Теперь окрасим обложку в какой-нибудь градиент из меню настроек блока. Как и прочие блоки, «Обложка» обладает уникальными настройками, среди которых есть функция окраски в градиент.
Добавили градиент в обложку
Теперь нужно переместить текст и таблицу в обложку. Для этого потребуется открыть список блоков на странице. Это можно сделать с помощью комбинации горячих клавиш Shift+Alt+O, либо нажав на кнопку «В виде списка» в меню Gutenberg.
Кнопка «В виде списка» выделена красным
В полученном списке видно элементы: «Абзац», «Таблица» и «Обложка». Элемента «Заголовок» в списке нет, потому что заголовок H1 идет в каждой странице по умолчанию и не отображается в этом списке.
Менять блоки местами можно и в списке. Для этого нужно кликнуть на нужный блок, задержать его мышкой и перетащить его вверх или вниз. Можно перемещать сразу несколько блоков, если выделить несколько блоков подряд с зажатой кнопкой Shift.
Блок «Обложка» может вмещать в себя другие блоки. Мы можем выделить блоки «Абзац» и «Таблица» и переместить их в блок «Обложка».
Перенесли текст и таблицу в обложку
Теперь наш контент находится в обложке. Там остался пустой блок для заголовка, с которым по умолчанию идет блок «Обложка». Он нам не нужен, мы можем его удалить. Для этого кликнем на этот блок и найдем в выпадающем меню кнопку «Удалить».
Кнопка для удаления лишнего блока выделена красным
В итоге мы получили страницу с нужным нам контентом, которую можем подготовить к публикации. Напишем для нее корректный URL-адрес, потому что текущий повторяет название заголовка и написан на кириллице — это плохо для SEO. Для этого перейдем в боковое меню для редактуры всей страницы, найдем там раздел «URL» и напишем название страницы на английском.
Поля для изменения URL страницы
После изменения URL-адреса, страницу можно опубликовать. Для этого нажмем в правом верхнем углу на синюю кнопку «Опубликовать» и подтвердим изменения в выпадающем меню.
Красным выделена кнопка «Опубликовать»
После публикации страницы будет предложен ее просмотр на публичной части сайта.
Страница опубликована с указанным URL-адресом
Тестовая страница выглядит неказисто — на ее примере мы показали работу с конструктором блоков Gutenberg. Мы не описали и 5 % всех функций Gutenberg, но теперь у вас есть понимание, как в нем работать. Попробуйте попрактиковаться, добавлять разные блоки и оптимизировать их в настройках. Ничего страшного, если результат не понравился — он не сохранится, пока вы не опубликуете страницу.
Дополнительно оставляю ссылку на официальный гайд по Gutenberg от WordPress — правда, он на английском языке. Он может пригодиться в работе над сайтом. Также на сайте WordPress есть демонстрационная версия Gutenberg — можете опробовать конструктор, если вы только планируете создать сайт на WordPress.
Добавьте новую страницу в верхнее меню
Чтобы добавить новую страницу в основное меню, нужно вернуться в административную часть сайта. Для этого нажмите на значок с логотипом WordPress, который расположен в левом верхнем углу. Далее в разделе «Внешний вид» перейдите в подраздел «Меню».
В этом разделе можно редактировать все меню, которые есть на сайте, а также создавать новые меню. При редактировании определенного меню можно добавлять нужные страницы, удалять ненужные, а также вставлять анкорные ссылки, которые будут отправлять на определенный подзаголовок сайта. Анкорные ссылки часто используются в лендингах — одностраничных сайтах, в которых верхнее меню используется для навигации между подразделами.
Подраздел «Меню», где красным выделена наша новая страница и кнопка, чтобы ее добавить в меню
Чтобы добавить в меню новую страницу, кликнем на нашу страницу, которая называется «Тестовый заголовок», а после на кнопку «Добавить в меню». Потом нажмем на кнопку «Сохранить меню», которая находится в правом нижнем углу. Далее перейдем на публичную часть сайта, чтобы увидеть изменения: для этого нажмем на кнопку с нашим доменным именем в верхнем левом углу.
В хедере главной страницы появилась ссылка на нашу страницу
Таким образом, вы можете создавать страницы с различным контентом и добавлять их в меню. Чтобы отредактировать контент на главной странице, достаточно нажать на кнопку «Редактировать страницу» в верхнем меню WordPress — вы перейдете в Gutenberg.
Расширьте функционал сайта с помощью дополнительных плагинов
Скачиваем плагин с маркетплейса WordPress и устанавливаем его
WordPress славится большой базой плагинов, которые устанавливаются буквально в пару кликов. Плагины обладают совершенно разным функционалом. К примеру, один плагин содержит дополнительные блоки для Gutenberg, а другой содержит настройки для ускорения сайта за счет кэширования его файлов. Подобно темам, плагины могут иметь бесплатную и платную версию.
Важно: рекомендуем устанавливать только проверенные плагины, с большим количеством положительных отзывов. Ищите информацию о необходимых плагинах в интернете, чтобы не скачать некачественное или вредоносное расширение.
Чтобы установить плагин, кликните в административной части на раздел «Плагины» и перейдите в подраздел «Добавить новый». Плагины можно загружать на сайт в виде файла, но такой способ подойдет только опытным пользователям. Дело в том, что можно скачать плагин с вирусом из некачественного источника и причинить ущерб сайту.
Маркетплейс с плагинами в WordPress
Далее вы можете найти подходящий плагин в поисковой строке по функционалу или названию. Введем в поиск «WP Fastest Cache» — так называется плагин для кэширования файлов.
Поиск выдал нужный нам плагин, а также его аналоги. На маркетплейсе WordPress есть большое количество плагинов, схожих по функционалу, которые конкурируют между собой
Установка плагина производится в один клик — достаточно нажать на плагине кнопку «Установить». После установки на месте кнопки «Установить» появится кнопка «Активировать» — жмем на нее.
Настраиваем плагин для своих задач
Далее расширение будет доступно для работы в разделе «Плагины». Чтобы начать работать с плагином, найдите нужный плагин в списке и нажмите на кнопку «Настройки» рядом с ним. Некоторые плагины будут появляться в главном разделе меню административной части сайта — можно кликать туда.
Плагин WP Fastest Cashe доступен как в разделе «Плагины», так и в главном меню административной части сайта. Разработчики плагинов стараются сделать свой продукт более заметным. Они могут запрограммировать свой плагин так, чтобы он попадал в главное меню, а также оставлять висячие уведомления на дашборде
При переходе в настройки плагина откроются его опции, которые позволят настроить работу плагина. Работа с плагинами осуществляется так: в зависимости от задачи вы находите нужный плагин, а потом настраиваете его под свои нужды.
Меню настроек плагина — у каждого плагина оно будет своим
Если перед вами возникла какая-либо задача, вполне вероятно, что ее можно решить с помощью плагина. Ищите информацию в интернете — популярные плагины могут скачиваться сотни тысяч раз. По ним точно будут англоязычные мануалы, а также видео на YouTube.
Подборка полезных плагинов для сайта на WordPress
Собрали для вас подборку из плагинов, которые востребованы среди разработчиков на WordPress. Почти все плагины платные — часть функций не будет доступна без покупки, но бесплатные версии тоже сильно расширяют функционал сайта.
Плагины для технической оптимизации
- WP Fastest Cache — на его примере мы показали, как устанавливать плагины на WordPress. Задача плагина — кэшировать файлы сайта, чтобы он работал быстрее даже при большом количестве посетителей.
- Wordfence Security — брандмауэр для сайта на WordPress с большим количеством защитных функций. Например, он умеет сравнивать файлы вашего сайта с файлами чистого WordPress из официального репозитория, чтобы выявить возможное заражение системы.
- Jetpack — многофункциональный плагин, который умеет защищать сайт от спама, а также создавать резервные копии сайта.
Читайте также: Как ускорить скорость загрузки сайта: бесплатные сервисы, аналитика, способы
Плагины с дополнительными блоками для конструктора Gutenberg
- Kadence Blocks — плагин, который содержит 21 дополнительный блок, среди которых есть продвинутая галерея, таймер с обратным отсчетом и аккордеонное меню.
- CoBlocks — плагин от GoDaddy — известного зарубежного хостинг-провайдера с одноименным конструктором сайтов. Содержит полезные дополнительные блоки.
- Otter Blocks — еще один плагин, который содержит ряд полезных блоков, анимированных и статичных.
После установки плагинов, дополнительные блоки появились в Gutenberg
Плагины для поисковой оптимизации сайта
Есть два популярных SEO-плагина для WordPress — All in One SEO и Yoast SEO. Оба плагина обладают широким набором функций даже в бесплатной версии. Например, с их помощью удобно прописывать мета-теги, также можно сразу генерировать корректные URL-адреса страниц. Плагины умеют проводить SEO-аудит страниц, оценивать их оптимизацию и давать рекомендации по улучшению.
Плагины для аналитики сайта
- Site Kit by Google — плагин для удобной интеграции сайта на WordPress с сервисами Google. Позволяет не только быстро привязать сервисы Google, но и подтягивает аналитическую информацию от своих сервисов прямо в WordPress.
- «Яндекс Метрика» — аналогичный плагин от другого поисковика.
Плагин для создания интернет-магазина
WooCommerce — безоговорочный лидер, является самым популярным плагином для создания интернет-магазина на базе WordPress. Помогает в работе с большими каталогами, а также позволяет подключить платежную систему и способы доставки товара. У плагина более 5 миллионов активных установок.
Вспомогательные материалы для изучения WordPress
Оставили для вас полезные ссылки, которые помогут найти информацию при разработке:
- Официальный справочник WordPress — базовый мануал, переведен на русский язык.
- Официальный русскоязычный форум WordPress. На форуме можно найти ответы на популярные вопросы, а также создать обсуждение самому, чтобы помогли разобраться более опытные разработчики.
- WordPress Russian Community — Telegram-канал, в котором состоит более 6000 разработчиков на WordPress. Здесь можно по-быстрому обратиться за советом к более опытным специалистам.
Workspace.LIVE — мы в Телеграме
Новости в мире диджитал, ответы экспертов на злободневные темы, опросы, статьи и многое другое. Подписывайтесь: https://t.me/workspace
Вакансии
- SMM-менеджер
UnyBrands Удаленная работа 100 000 – 160 000 - Специалист для настройки VDS-сервера
WISPO Удаленная работа от 2 500 - Administrative Support Manager
F`ART Удаленная работа 70 000 – 150 000 - Технический специалист по контекстной рекламе
Склифосовский ПРО Удаленная работа 20 000 – 30 000 - Специалист по контекстной рекламе
Склифосовский ПРО Удаленная работа 50 000 – 90 000