Пошаговое создание сайта на wordpress для чайников: Как создать сайт на WordPress с нуля 👔 пошаговая инструкция 2021

Содержание

Пошаговое создание сайта на wordpress для чайников

 

 

Бесплатный курс «Пошаговое создание сайта на wordpress для чайников».

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

Для кого этот курс?

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

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

Создание сайта для чайников.

Часто, когда задаёшь вопрос «С чего начать создание сайта?» Советчики рекомендуют, начни с html, потом php и тд. Но они не говорят, сколько нужно потратить времени и сил, чтобы освоить всё это, сколько нужно сделать ошибок, сколько головных болей  пережить, чтобы получить хоть какой – то результат. Но зачастую технически подкованным быть мало, нужно ещё стать дизайнером. Люди, послушав этих специалистов, обо всём об этом узнают лишь в процессе и тратят на создание своего сайта месяцы и даже годы.

Всё гораздо проще чем вы думаете

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

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

В чём преимущества конструкторов сайтов?

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

Достоинства конструкторов очевидны. 70% всех сайтов созданы на базе конструкторов таких как WordPress, Joomla, Drupal и т.д.

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

На чём же основана такая бешенная популярность?

  • Над этим конструктором работают профессионалы мирового уровня. Движок часто обновляется и совершенствуется в сторону простоты и удобства
  • Более 2000 плагинов (специальные программы для расширения возможностей) делают его самым функциональным конструктором по всему миру. Над плагинами работают сотни людей по всему миру. Постоянно появляются новые
  • Широта применения. Функционал WordPress позволяет создавать  сайты визитки, блоги, интернет магазины, новостные порталы.
  • Богатые дизайнерские решения. Для этого конструктора созданы более 500 000 профессиональных шаблонов, которые устанавливаются и меняются в несколько кликов.
  • Конструктор Бесплатный. За все эти возможности, функционал вам не надо платить денег.

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

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

Пошаговое создание сайта  на wordpress Занятие №1

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

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

Далее на ваш домен установим конструктор сайтов WordPress. На этом этапе у вас уже будет свой сайт в интернете.

Пошаговое создание сайта  для чайников. Занятие №2

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

Пошаговое создание сайта  на wordpress. Занятие №3

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

Полезная функция, в основном её используют для увеличения посещаемости и с целью продаж.

Пошаговое создание сайта  для чайников. Занятие №4

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

Пошаговое создание сайта  на wordpress. Занятие №5

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

Пошаговое создание сайта  для чайников. Занятие №6

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

Неужели всё это бесплатно?

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

 

СОЗДАНИЕ САЙТА WORDPRESS. Самоучитель WordPress

  • Автор: Н. Дроздев
  • год издания: 2011
  • язык: русский
  • учебник объемом: 31стр
  • формат: pdf
  • размер файла: 2.6Mb

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

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

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

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

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

скачать самоучитель WordPress: DepositfilesTurbobit

Сайт на движке WordPress-5

Видеокурс по новой версии движка WordPress-5 — это пошаговая инструкция по созданию сайта с нуля на понятном и доступном языке.

подробнее…

Курсы Евгения Попова

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

подробнее…

Интернет-магазин Opencart 2.0 в примерах

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

подробнее…

10 легких шагов к освоению Joomla 3 (PDF)

Учебник по Joomla 3 пошагово поможет освоить движок и его установку. Детально изложены возможности его настройки и дальнейшая работа с сайтом.

подробнее…

Joomla 2.5. Руководство пользователя (PDF)

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

подробнее…

Сайт на Joomla для новичков

Для новичков вопрос: как сделать сайт на Joomla — является не самым простым. И вообще, стоит ли его делать именно на Joomla, или выбрать другой способ?

подробнее…

Сайт на Drupal с нуля

Наглядная демонстрация того, как делается сайт Drupal с нуля. Уроки дадут полное понимание работы CMS, но еще и расскажут о нюансах работы сайта в сети.

подробнее…

Как создать сайт на движке Вордпресс

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

подробнее…

Создание темы (шаблона) WordPress

Это главная страница руководства по созданию тем (шаблонов) для WordPress. Основная информация взята из официального руководства и из личного опыта.

Ищем WP-разработчика! Фулл-тайм, удаленка, хорошая зарплата, соц. пакет. Подробности.
Компания Boosta.

Что такое тема?

Тема WordPress — это набор css, js, php файлов, которые в связке с WordPress и плагинами выводят информацию из базы данных на экран в красивом и удобном виде (дизайне). Ну или в некрасивом и неудобном, тут смотря какую тему выбрать… В других движка тему еще называют «шаблоном», но в WordPress принято говорить именно тема — theme, а не шаблон — template. Хотя и то и другое по сути одно и тоже…

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

Необходимые файлы

Чтобы создать тему необходимы лишь два файла:

  1. index.php — главный файл темы, отвечает за вывод содержимого
  2. style.css — главный файл стилей, отвечает за css стили

Но ни одна тема по факту не состоит всего из двух файлов. Их больше: PHP, языковые файлы, файл CSS и JS, текстовые файлы. Тему начинают с двух файлов, а затем, чтобы было удобнее, её расширяют, добавляя такие файлы как:

  • header.php — отвечает за вывод шапки
  • footer.php — отвечает за вывод подвала
  • sidebar.php — отвечает за вывод боковой панели
  • page.php — отвечает за вывод отдельной страницы (записи)
  • и т.д. смотрите полный список.

Возможности темы

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

Таким образом, тема может:

  • Отвечать за вывод содержимого сайта под разные типы устройств: мониторы и смартфоны. Такие темы называются адаптивные. Также темы могут быть фиксированные, одноколоночные, двухколоночные и т.п.;
  • Тема может выводить любое содержимое;
  • Может указать, какой контент будет отображаться для разных пользователей;
  • Может использовать любые элементы дизайна (картинки, видео).

Как и на любом сайте, тема — это не только цветовое решение, макет и красивая картинка. По-настоящему качественные темы еще и очень функциональны. Функциональность темы, заключается в её гибкой настройке. Т.е. она не добавляет ничего нового на сайт, но отлично настраивается по вкусу владельца. Например: устанавливается фоновая картинка, меняется цвета элементов, настраивается меню и блоки с контентом (виджеты).

Чем тема отличается от плагина?

С точки зрения кода, можно сказать, ничем — в теме можно создать полноценный плагин. А вот с точки зрения логики — всем! Задача плагина, добавить что-то новое на сайт, например добавить опрос. Задача темы — вывод содержимого, в том числе, этого опроса…

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

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

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

Где скачивать темы?

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

Есть и другие источники, но там темы обычно платные. Например, темы можно скачать на: Creative Market.

Старт

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

  1. настроить локальную среду разработки.
  2. Затем можно посмотреть примеры WordPress-тем.
  3. Ну и начать разработку своей первой темы.

Этот раздел в процессе разработки… И вообще, я его начал писать и забросил, неинтересное занятие получается. Будет время, желание продолжу…

Создание темы WordPress

Урок 2

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

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

Ну что, погнали! 💪

Что будет в видеоуроке?

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

В видеоуроке мы сразу же начнём работать с готовой вёрсткой, которая выглядит вот так:

Для доступа к файлам вёрстки необходимо приобрести курс.

Сделаем первые шаги по натяжке этой вёрстки на WordPress, заменим статичные данные в HTML на динамичные при помощи таких функций WordPress, как wp_head(), wp_footer(), get_stylesheet_directory_uri(), get_stylesheet_uri(), bloginfo(), wp_get_document_title(), language_attributes(). Объясняю принцип действия каждой функции.

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

Cтартовые темы. Что это такое и для чего они нужны?

Когда мы создаёт тему с нуля, мы ручками создаёт директорию, в ней потом создаём два файла – index.php и style.css – смотрите следующий шаг.

Возможно стартовые темы придумали те люди, которые, так же как и я, не умеют создавать файлы на MacOS 😅

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

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

Тем не менее, если вдруг вы приноровитесь к использованию какой-либо стартовой темы в своей работе – круто, молодцы! Я ничего не имею против, к тому же самую популярную стартовую темы Underscores разработали ребята из Automattic (компания, которая стоит за WordPress.com). Если вы почувствовали некоторый эмоциональный подтекст в моих словах, это только потому что я встречал людей, которые считают, что разрабатывать нужно ТОЛЬКО на стартовых темах, и обучаться тоже на них.

Приступаем к созданию темы. Файлы index.php и style.css

Для начала создайте какую-нибудь папку в /wp-content/themes — это и будет ваша будущая тема, я например создал kurs (очень оригинально). Каждая тема должна содержать по крайней мере 2 файла — это index.php и style.css — создаём их внутри этой папки.

Если вы забыли/забили на style.css, то в админке во Внешний вид > Темы ожидайте такую ошибку:

Если же отсутствует файл index.php, то:

Тут WordPress ещё что-то болтает про дочерние темы, не обращайте внимания, вам про них ещё рано читать.

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

До тех пор, пока мы ещё не изучили другие файлы шаблона, index.php у нас будет отвечать за вывод любой страницы сайта, а style.css, понятное дело, содержать стили (хоть это и не обязательно), но главное, чтобы в файле style.css вы добавили метаданные и описание темы.

Параметры (метаданные) темы

Если вы не хотите, чтобы ваша тема так и отображалась в админке без названия и описания, давайте добавим немного информации в style.css, поместив её в комментарии CSS /* */.

/*
 * Theme name: Тема для курса
 * Author: Миша
 * Author URI: https://misha.agency
 * Version: 1.0
 */

Но дело в том, что существуют и другие параметры темы, которые вы можете использовать, вот их список:

Theme name
Название темы.
Description
Описание темы, которое будет отображаться в админке.
Version
Версия темы, например 1.0
Author
Тут можете указать себя и тех людей, которые вам помогали.
Author URI
URL на сайт автора, позволит превратить имя автора в ссылку в админке WordPress.
License
Если вы создаёте под WordPress, рекомендую почитать немного про лицензию GPL
License URI
А в этом параметре указывается ссылка на страницу с лицензией.
Text Domain
Идентификатор локализации темы, полагаю сейчас нам это не понадобится, но позже рекомендую почитать про правильную локализацию плагинов и тем WordPress.
Tags
Если эта тема станет вашим будущим сайтом или сайтом вашего клиента, наиболее вероятно вам можно пропустить этот параметр, если же вы будете в дальнейшем публиковать свою тему в официальном репозитории WordPress, тогда уделите ему особое внимание. Со списком поддерживаемых тегов можно ознакомиться на официальном сайте.
Template
Параметр только для дочерних тем, подробнее тут.

Изображение темы

Для того, чтобы в качестве изображения темы не отображался «фотошоповский фон», мы создадим файл screenshot.png и отправим его прямиком в папку с темой (рекомендуемое разрешение 1200px на 900px).

Что касается расширения файла, то сгодится и jpg и gif, и jpeg, но в официальной документации WP рекомендуется всё же использовать screenshot.png.

Вот что у меня получилось:

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

  1. Добавить функцию wp_head() перед закрывающим тегом </head>,
  2. Добавить функцию wp_footer() перед закрывающим тегом </body>.

Что-то типо этого:

<!DOCTYPE html>
<html>
	<head>
 
		<?php wp_head() ?>
	</head>
<body>
 
	<?php wp_footer() ?>
	</body>
</html>

Это обязательное условие для всех тем WordPress, благодаря этим функциям работают плагины (даже банально плагин для вставки кода Google Analytics на сайт), подключаются различные дополнительные CSS и JS в тему и так далее. Чуть более подробно описываю предназначение этих функций на видео.

functions.php

Трудно представить тему для WordPress, в которой отсутствует файл functions.php, он используется для включения каких-либо функций темы, например:

Также он сам может содержать какой-то дополнительный функционал, ну либо файлы, подключенные в него через include() / require().

Главное правило по functions.php — сам по себе файл не должен ничего выводить! 💀 То есть никогда не оставляем первую строку пустой! 👿

И никогда не обрываем PHP-код пустыми строками где-то посередине кода! 👿

Это очень распространённая ошибка. Очень!

Пока что можете создать пустой файл functions.php в папке с вашей темой.

Пример работы с functions.php. Что делать, если админ-панель наехала на вёрстку сайта?

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

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

В видеоуроке я решил не заморачиваться и просто скрыл админ-панель при помощи этой строки кода в functions.php:

add_filter( 'show_admin_bar', '__return_false');

Также я показал, как это делать через настройки сайта. Однако, как поступить, если она вам нужна и вы не хотели бы её скрывать?

В этом случае нужно сделать некоторые небольшие изменения в CSS вёрстки, когда у нас фиксированное меню, оно имеет CSS-свойство top:0, верно?

  • Высота админ панель для десктопа 32px, значит мы меняем упомянутое выше свойство на top:32px.
  • Высота админ бара для мобайл (менее 782px) 46px, а значит меняем свойство меню на top:46px.

После добавления соответствующих CSS-стилей вы можете заметить, что изменения применяются даже тогда, когда админ-панель не отображается на сайте! (например для незарегистрированных пользователей). Что делать?

  1. Добавьте к тегу <body> функцию body_class() примерно так: <body <?php body_class() ?>> – суть этой функции в том, что она добавляет различные CSS-классы в зависимости от того, зареган пользователь или нет, от того, на какой странице мы находимся и так далее.
  2. Используйте появившийся класс в теге <body> – .admin-bar, для того, чтобы применять соответствующие стили только для ситуаций, когда админ бар отображается на сайте.

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

Что делать, если в процессе создания темы WP у вас всё сломалось и отображается белый экран?

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

  1. Открываем файл wp-config.php, который лежит в корне вашей установки WordPress
  2. Ищем там параметр WP_DEBUG и устанавливает его равным true (таким его и можно оставить до конца нашего курса).
  3. После этого вместо вашего белого экрана у вас будет отображаться, какие ошибки возникли в процессе с указанием того, на какой строке и в каком файле находится ошибка в коде.
  4. Исправляете и продолжаем 😁

Купить курс

  • 18 видеоуроков
  • Можно скачать готовый код после каждого урока
  • Уроки актуальны под последние версии WordPress
  • Можно начать проходить курс сразу же после оплаты
  • Достаточно базовых знаний HTML и CSS, чтобы пройти курс
  • Доступ навсегда
  • Единоразовый платёж

5000 р3500 р

Скидка 30% до 24 ноября

Создание сайтов на платформе WordPress

Создание сайта на платформе WordPress: пошаговая детальная инструкция для обычных «чайников»!

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

uKit — облегченный способ создания сайта!

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

В чём плюсы сайта на WordPress?

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

Хостинг, а также домен для платформы WordPress!

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

Установка WordPress

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

Выбор темы для бесплатной платформы WordPress

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

Бесплатные темы для Вашего сайта!

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

Премиум шаблоны для создания сайта!

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

Настройка WordPress

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

Общие настройки для сайта

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

Настройки написания многочисленных публикаций

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

Настройки чтения на сайте

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

Настройки обсуждения

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

Медиафайлы

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

Постоянные ссылки

Рекомендовано обозначение того, каким образом будет осуществляться формирование URL страниц. Ссылка может содержать даже дату добавления.

Настройка темы

Тема обладает огромным значением. Для ее настраивания рекомендуется перейти в раздел «Настройки обсуждения».

Свойства сайта

Здесь обозначается описание и название созданного сайта.

Изображение заголовка

Можно установить, как фоновый вариант, так и добавить собственное изображение.

Фоновое изображение

При наличии необходимости фон может быть настроен дополнительно.

Меню

Речь идет о необходимости создания главного меню. Оно будет видно на всех без исключения страницах.

Виджеты

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

Статистическая главная страница

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

Теперь у меня есть свой сайт?

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

WooCommerce: пошаговое руководство для начинающих

Приветствую, друзья!

Наконец то свершилось!

Наконец то я добрался до этой темы — Woocommerce. Давно собирался, но все то времени на него не хватало, то хотелось написать про что-то другое. Но не сегодня. Сегодня у нас тема поста: руководство по Woocommerce для абсолютных новичков. Да, оно написано именно для новичков.

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

Даже известные бренды, знаменитости и компании поддерживают WordPress в интернете.

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

Наиболее известным и безусловно самым популярным решением для электронной коммерции WordPress является WooCommerce.

Мало того, что плагин имеет рейтинг 4,5 звезды при более чем 4 миллиона активных установок, он также сделал волну в мае 2015 года, когда Automattic приобрела материнскую компанию WooCommerce — WooThemes.

Приобретение было определенно хорошим ходом. В то время WooCommerce уже обслуживал 30 процентов всех интернет-магазинов и был явным фаворитом в сообществе WordPress.

Итак, для тех, кто еще не знаком с плагином, самое время, чтобы мы посмотрели его поближе, не так ли?

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

Давайте начнем.

WooCommerce по номерам

WooThemes, создатели WooCommerce, была основана в 2008 году.

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

Только по оценкам прошлого года их годовой доход превысил 10 миллионов долларов, а Automattic потратила где-то около 30 миллионов долларов на то, чтобы WooThemes свернулась.

Довольно впечатляет для одного плагина, верно? Итак, что делает WooCommerce таким успешным?

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

Упакован с функциями

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

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

Варианты оплаты включают кредитные карты, PayPal, банковские переводы и наличные, и он работает с платежными шлюзами, такими как Stripe, Authorize.net и Amazon Payments.

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

Разработан дружелюбным и безопасным

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

При желании вы также можете использовать официальную начальную тему WooCommerce «Storefront» или другую, если она имеет множество дочерних тем.

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

Кроме того, безопасность WooCommerce также регулярно проверяется и обновляется.

Расширяемый

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

Поиск по WooCommerce только в каталоге WordPress дает более 1000 результатов, и в том числе:

Есть даже плагин для соединения WooCommerce с Genesis Framework. И это только верхушка айсберга.

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

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

WooCommerce — установка и настройка

Как и любой другой плагин, вы можете скачать и установить WooCommerce с помощью кнопки «Добавить новый» в меню плагинов.

Ищите «WooCommerce», нажмите «Установить сейчас» и активируйте после того, как это будет сделано.

Первое, что вы увидите после активации, это мастер установки:

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

Таким образом, нажмите Let’s Go!

1. Создание страниц

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

2. Настройка локали магазина

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

3. Настройка доставки и налогов

На следующем шаге вы можете настроить стоимость доставки и включить ли налог с продаж в ваши цены.

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

4. Настройка платежных шлюзов

Здесь вы сможете настроить параметры оплаты. Решите, принимать ли PayPal (плюс, вводить свои учетные данные), а также оплату чеком, наличными или банковским переводом. Как уже упоминалось, они могут быть расширены с помощью дополнений.

5. Завершение

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

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

По возвращении на панель инструментов вы увидите два новых метабокса.

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

Вы также заметите два новых подпункта в главном меню под названием «WooCommerce» и «Товары».

Это наша следующая остановка.

Как создавать продукты и управлять ими с помощью WooCommerce

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

Добавление продукта

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

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

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

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

Есть также несколько других вариантов, которые очень похожи на найденные для постов и страниц:

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

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

Настройка данных о продукте

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

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

  • Простой продукт
  • Сгруппированный товар
  • Внешний/Партнерский товар
  • Вариативный товар

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

  • Виртуальный/физический. Если вы продаете не реальный продукт, а какое-то программное обеспечение, нажмите эту кнопку. Также будут удалены варианты доставки.
  • Скачиваемый: кроме того, вы можете определить, доступен ли ваш продукт для скачивания, «Скачиваемые файлы» и добавить информацию, а также условия скачивания.
  • Общие сведения: укажите для своего продукта единицу учета запасов (уникальный идентификатор, обязательно), укажите URL-адреса продуктов и текст кнопки для партнерских продуктов, цену и цену продажи (если применимо), а также диапазон дат для любых предстоящих продаж. Вы также можете указать, является ли это продуктом, облагаемым налогом, а также его налоговым классом.
  • Запасы: определите, есть ли товар на складе и — если это физический продукт — запишите доступное количество и принимаете ли вы заказы на возврат.
  • Доставка: вес, размеры и классы доставки настраиваются здесь.
  • Сопутствующие продукты: в этом меню вы можете включить связанные продукты, которые будут рекомендованы как продаваемые или перекрестные продажи, и создать группы продуктов.
  • Атрибуты: здесь вы определяете пользовательские атрибуты продукта, такие как цвет, размер и т. д.
  • Варианты: если вы настроили атрибуты, это меню позволяет предлагать варианты ваших товаров.
  • Дополнительно: здесь можно добавить пользовательскую заметку о покупке, которая будет отправлена покупателям после покупки, изменить заказ продукта в меню и определить, разрешать ли отзывы.

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

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

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

Другие настройки продукта

Другие пункты в меню «Продукты» довольно просты.

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

Также следует обратить внимание на два других меню для дополнительных данных о продуктах, которые называются «Классы» и «Атрибуты доставки».

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

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

Все ясно до сих пор? Тогда давайте перейдем к другим вещам.

Управление WooCommerce

С этого момента мы рассмотрим меню, доступные в разделе «WooCommerce». Я объясню каждый пункт меню один за другим, чтобы вы точно знали, что там происходит.

Заказы

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

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

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

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

Купоны

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

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

Очень просто.

Отчеты

Вот где это становится действительно интересным. По моему личному мнению, раздел отчета является одним из основных моментов WooCommerce.

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

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

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

Настройки

В этом разделе вы контролируете буквально все аспекты вашего интернет-магазина WooCommerce.

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

Основные
  • Настройки местоположения: контролируйте базовое местоположение вашего магазина, выбирайте страны, в которых вы продаете или устанавливаете их по всему миру, и создавайте примерные данные адресов для клиентов
  • Уведомление магазина: отображение текста уведомления для всех клиентов
  • Настройки валюты: установите валюту, в которой вы будете получать деньги, измените формат валюты, разделитель тысяч, разделитель десятичных знаков и количество знаков после запятой, отображаемых после запятой.
Товары
  • Общие сведения: измените единицы измерения веса и размеров, а также настройки для обзоров продуктов, оценок и того, кто может их оставить.
  • Отображение: определение страницы магазина и возможность отображения категорий, изменение дизайна архива категорий, а также порядка продуктов, поведения корзины покупок и размеров изображений.
  • Инвентаризация: включение или отключение управления запасами, как долго хранить неоплаченные заказы, уведомления о низкокачественных запасах и их получателях, а также пороговые значения запасов и отображение запасов на странице.
  • Загружаемые продукты: способ доставки файлов и ограничение доступа для загружаемых файлов.
Налог
  • Параметры налога: включение и отключение налогов по всему миру, определение использования чистых или брутто-цен, настройка метода расчета налогов на товары и доставку, настройка метода округления, добавление классов налогов, настройка отображения цены в магазине и способ отображения налога общих данных
  • Стандартные ставки: установите различные налоговые ставки для использования в вашем магазине
  • Снижение тарифов: то же самое для предметов с пониженным тарифом
  • Норма ставки: то же самое для беспошлинных товаров
Платежи
  • Параметры оформления заказа: включение и настройка купонов, будь то включение гостевых проверок и SSL, настройка страниц оформления заказа, включая условия и положения, определение конечных точек проверки для обработки и доступных платежных шлюзов
  • Прямой банковский перевод: включение и отключение банковских переводов и настройка пользовательских сообщений, а также банковских подключений.
  • Чековые платежи: проверить варианты оплаты, включая описание и инструкции
  • Оплата наложенным платежом: определите, следует ли принимать наложенный платеж, для каких способов доставки, и дайте инструкции для клиентов, оплачивающих наличные.
  • PayPal: варианты оплаты PayPal, учетные данные, тестирование и отладка, расширенные параметры и настройки API
  • Simplify Commerce: настройки для платежного шлюза Simplify Commerce
Доставка
  • Параметры доставки: определите, как рассчитать стоимость доставки, установить адрес доставки/выставления счета, а также места и способы доставки.
  • Единая ставка: настройка доставки с фиксированной ставкой
  • Бесплатная доставка: варианты и требования к бесплатной доставке
  • Международная фиксированная ставка: предложите и настройте доставку с фиксированной ставкой для зарубежных покупателей
  • Местная доставка: стоит ли предлагать местную доставку?
  • Местный пикап: клиенты, которые имеют право на местный пикап
Аккаунты
  • Параметры учетной записи: определите, где пользователи могут проверить информацию о своей учетной записи, определите уникальные идентификаторы для различных действий на странице учетной записи, включите регистрацию клиентов в разных местах и укажите, нужно ли автоматически генерировать имена пользователей и пароли клиентов.
Сообщения электронной почты
  • Параметры электронной почты. Определите получателей и содержимое различных важных уведомлений по электронной почте, имена отправителей и адреса электронной почты и настройте шаблон электронной почты (изображение заголовка, текст внизу письма и цветовую схему).
API

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

Состояние системы (Статус)

Разделы состояния системы предоставляют вам обзор состояния и производительности вашего интернет-магазина.

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

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

Дополнения (Расширения)

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

Готовы перейти на WooCommerce?

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

Плагин интернет-магазина предлагает мощное и бесплатное решение для создания обширных интернет-магазинов для цифровых и физических продуктов.

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

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

Вы уже пользовались WooCommerce и хотите поделиться своим опытом? Что-нибудь добавить к вышеупомянутому или конкретным расширениям, которые вы рекомендуете? Дайте мне знать в комментариях ниже!

Надеюсь это руководство будет вам полезно. Ну а на этом все.

До скорых встреч!


Навигация по записям

Юрич:

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

Не забудьте подписаться на обновления:

Похожие записи

Оставить свой комментарий

Пошаговая инструкция для запуска нового сайта 📝

25 июня 2019

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

2 092

Время чтения ≈ 8 минут

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

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

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

Функциональность

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

  • Веб-форма исправно функционирует, ведь через нее вы будете получать персональные данные клиента.
  • После отправки формы посетитель увидит страницу с благодарностью.
  • Формы обязательно отправляются получателю на e-mail или сохраняются в базе данных сайта.
  • Правильная работа внутренних ссылок. Они влияют на ранжирование, делают проще навигацию по сайту и заставляют посетителей задержаться на вашем ресурсе.
  • Внешние ссылки функционируют корректно и открываются в отдельной вкладке. Это важно, потому что в ином случае посетитель перейдет на сторонний ресурс и, соответственно, покинет ваш.
  • Логотип сайта размещается в верхнем левом углу и позволяет пользователю переходить с любой страницы на главную.
  • Оптимизация времени загрузки портала. Еще один важный пункт, от которого зависит, останется ли пользователь на вашей площадке или нет.
  • Правильный ответ сервера после переадресации со страницы 404 — html-код должен быть именно 404, а не 200.
  • Корректная интеграция с CRM и другими сторонними инструментами электронной коммерции.

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

Вёрстка и дизайн

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

 

  • Веб-сайт совместим с самыми известными браузерами — Windows Internet Explorer, Google Chrome, Firefox, Safari и др.
  • Совместимость со всеми типами устройств — планшеты, смартфоны, ПК.
  • Проверка валидации CSS/HTML. Корректный код влияет на релевантность сайта.
  • Оптимизация скриптов на всех страницах, что обеспечивает ускоренную загрузку содержимого.
  • Изображения оптимизированы, то есть грамотно вписаны в текст, имеют атрибуты, корректный размер, вес и высокое качество.
  • Оптимизация CSS  — языка, описывающего оформление внешнего вида веб-страниц. Этот пункт влияет на скорость загрузки страниц на сайте.
  • Правильное расположение и отображение Favicon, то есть иконки сайта.

Безопасность

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

  • Проверяем работу скрипта или другого специализированного сервиса, с помощью которого можно проверить доступность сайта 24/7.
  • Создание бекапа финальной версии сайта. Он станет «исходной точкой», к которой можно будет всегда вернуться, после неудачных правок и дополнений.
  • Регулярность создания резервного архива (бекапа) с копиями страниц и их хранение по мере наполнения сайта.
  • Создавать пароли, отличающиеся сложностью в целях защиты от хакеров.
  • Хранение всех паролей и учетных записей в защищенной базе данных.

Контент

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

  • Наличие орфографических, грамматических и прочих ошибок. Тексты должны быть хорошо вычитаны, так как это влияет на эффективность контента.
  • Правильное форматирование — наличие абзацев, заголовков и списков — сделает текст удобочитаемым.
  • Наличие точной контактной информации.
  • Отсутствие контентных «заглушек», которые часто называются «рыба» или «lorem ipsum». Даже, если контент на страницу ещё не готов, не стоит заполнять пустое пространство текстовой бессмыслицей, которая не несет никакой пользы и лишь напрасно отвлекает внимание посетителя.
  • Качественные изображения, которые отображаются на всех устройствах.
  • То же самое касается и видео-контента. Ролики должны быть хорошего качества и открываться как на компьютере, так и на портативном устройстве.
  • Правильный подбор формата и приемлемое качество используемых аудио-файлов.
  • Верное указание копирайта. Изображения, шрифты и другой контент лицензированы или процитированы.

SEO

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

  • Мета-заголовок страницы (Title) уникальный и имеет вхождения ключевых запросов. Заголовок должен быть менее 70 символов и нести информационную, рекламную и поисковую смысловые нагрузки.
  • Уникальное мета-описание (Description) также влияет на ценность сайта в глазах поисковика. Мета-описание содержит не более 156 символов, включая «ключи».
  • Ключевые слова (Key words) соответствуют смыслу текста, что также влияет на ранжирование.
  • Для каждой страницы прописаны метаданные — заголовки, изображения, гиперссылки или описания. Для RSS-каналов и социальных сетей они имеют корректный вид.
  • Все метаданные написаны без грамматических и орфографических ошибок.
  • Изображения имеют атрибуты Alt — краткое описание иллюстрации, созданное в помощь поисковым ботам.
  • Создание XML-файла карты сайта (Sitemap) и его отправка ботам. Перечень ссылок на разделы и страницы помогает ускорить индексацию.
  • URL отражают информационную архитектуру портала в строгой последовательности. Наилучший вариант в плане поисковой оптимизации – применение ЧПУ или человекопонятного URL.
  • Корректное применение элементов HTML-разметки, касающихся индексации — тега <noindex> и атрибута rel=»nofollow».

Аналитика

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

  • Подключены статистические сервисы Google Analytics и Яндекс.Метрика.
  • Правильно настроены цели в Яндекс.Метрике и воронки продаж в Google Analytics .
  • Проведена синхронизация аккаунтов сервисов аналитики. Это нужно для того, чтобы получать полную информацию из двух источников в одном отчете.

Соответствие нормам

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

  • Соблюдены требования по обработке персональных данных, согласно 152-ФЗ. Это поможет избежать штрафа или блокировки сайта.
  • Посетители получают уведомлений о том, что сайт использует файлы cookie.
  • Соблюдены права на использование контента с внешних площадок: видео, изображений, шрифтов.
  • Политика конфиденциальности сайта доступно доносится его посетителям.

Заключение

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

Полностью готовы к запуску? Самое время обеспечить новый ресурс выгодной стартовой площадкой! Виртуальный сервер Eternalhost обеспечит уверенное конкурентное преимущество и гарантированный ресурс для развития сайта!

Оцените материал:

[Всего голосов: 5    Средний: 4.8/5]

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

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

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

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

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

Больше после прыжка! Продолжить чтение ниже ↓

Содержание

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

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

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

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

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

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

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

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

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

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

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

Журнал

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Виртуальный хостинг,
  • VPS хостинг,
  • управляемый хостинг WordPress.

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

Виртуальный хостинг

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

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

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

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

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

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

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

Хостинг VPS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

хостов WordPress становятся все более популярными. Самые известные и самые рейтинговые:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Установка WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Форумы

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

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

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

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

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

Выбор темы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все в одном пакете SEO

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

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

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

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

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

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

Dropbox Backup & Restore в действии. (Просмотр большой версии)

VaultPress

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

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

Планы

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

Панель управления VaultPress. (Просмотр увеличенной версии)

Akismet

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

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

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

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

W3 Total Cache

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

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

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

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

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

Jetpack

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

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

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

Ninja Forms

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

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

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

iThemes Security

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

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

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

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

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

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

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

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

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

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

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

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

В

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

Основные страницы

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

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

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

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

О странице

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

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

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

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

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

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

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

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

  • условия обслуживания,
  • Политика возврата
  • ,
  • Политика конфиденциальности
  • ,
  • контактные данные.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сводка

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

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

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

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

(dp, ml, al, jb)

Учебное пособие по использованию WordPress [2021]

Как дела!

Более читающий тип?

Хотите создать сайт?

Сообщение:

WordPress — определенно хороший выбор для создания классных профессиональных веб-сайтов.

Теперь вам нужно понять, как использовать WordPress…

Хорошие новости: как всегда, мы тебя вернули!

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

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

Хорошо, поехали!

Примечание: вам понадобится дешевый хостинг WordPress, чтобы следовать этому «un, возьмите его здесь, чтобы получить до 60% от наших друзей на HostGator!»

Что такое WordPress и как он работает?

Краткий ответ: WordPres может бесплатно использовать программное обеспечение с открытым исходным кодом, называемое «системой управления контентом» (CMS), которое позволяет вам создавать свой веб-сайт и делиться им со всем миром, не зная, как кодировать.

Благодаря помощи и поддержке огромного сообщества веб-разработчиков и дизайнеров со всего мира, это одна из самых популярных платформ для публикации веб-сайтов в мире (примерно 30% Интернета работает на WordPress, и это чертовски впечатляющее достижение. в нашей книге).

Длинный ответ: посмотрите видео выше и наше полное письменное руководство по вопросу о WordPress!

Теперь о сегодняшнем , как создать веб-сайт на WordPress учебное пособие…

Шаг 1: Как получить доменное имя и веб-хостинг

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

Быстрое напоминание / низкое доменное имя — это адрес, который люди вводят, чтобы перейти на ваш веб-сайт (пример: createaprowebsite.com), а веб-хостинг — это просто способ «арендовать» место в Интернете, чтобы вы могли размещать все изображения , текст, видео и код на вашем веб-сайте.

Более подробную информацию о том, что такое доменное имя и веб-хостинг, можно найти в наших публикациях, ссылки на которые приведены в этом предложении для вашего удобства (о, как удобно!).

Теперь в этом руководстве мы используем HostGator для получения и доменного имени, и хостинга.

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

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

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

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

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

Но все будет точно так же, работаете ли вы с нашими друзьями в большом HG или не начиная с шага 3 (как войти в WordPress).

Хорошо, поэтому с HostGator мы рекомендуем план Hatchling, потому что он самый дешевый и более чем достаточный, когда вы только начинаете работу со своим первым сайтом.

При этом вы получите один веб-сайт / доменное имя, установку WordPress в один клик, неограниченную пропускную способность и бесплатный сертификат SSL.

Пресловутый «полный пакет».

Итак, нажмите кнопку «Купить сейчас», и вы попадете на страницу, где сможете выбрать свое доменное имя.

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

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

Просто введите один в строку поиска, в этом примере мы используем «beginnerwptutorials.com».

Нажмите Enter и…

Бум, этот был в наличии, так что мы его купим!

Если было выбрано ваше доменное имя №1 (а, к сожалению, часто так и было), вы увидите красное предупреждение и вам придется попробовать другое доменное имя.

Вы, вероятно, увидите другие варианты выбранного вами доменного имени, например «[yourdomain] .club» или «[yourdomain] .site», но мы настоятельно рекомендуем придерживаться «.com» или «.co» — это наиболее профессионально для большинства сайтов (хотя бывают случаи, когда «.org» или «.io» также являются правильным выбором).

Теперь, когда выбрано доступное доменное имя, при прокрутке вниз вы увидите некоторые другие рекомендуемые варианты, но пока мы можем просто проигнорировать их (вам нужно только одно доменное имя для веб-сайта, и мы рекомендуем вам не начинать процесс создания веб-сайта с покупкой доменные имена, которые кажутся классными, но вы, вероятно, никогда не будете использовать #beentherelol).

«Добавить конфиденциальность доменного имени» должна быть автоматически проверена, убедитесь, что вы оставите это так.

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

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

Прокрутив еще немного вниз, вы увидите несколько вариантов тарифного плана:

План для выращивания птенцов да, 36-месячный платежный цикл, вероятно, нет.

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

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

Затем введите имя пользователя и защитный PIN-код:

Затем введите свои платежные данные, как и для любой другой вещи, которую вы покупаете в Интернете:

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

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

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

Затем вы будете перенаправлены на страницу с благодарностью / «Настройка учетной записи» (это займет всего пару минут).

А теперь мы готовы к…

Шаг 2: Как установить WordPress

Хорошо, так что через несколько минут вы попадете на страницу, на которой может быть всплывающее окно «Расскажите нам о себе», просто нажмите на него (вы можете ответить на него, если хотите, но это не поможет вам с установка WordPress lol).

Затем перейдите на вкладку Marketplace.

Оттуда просто прокрутите вниз, пока не увидите большую синюю кнопку «Установка в один клик» и… нажмите этого плохого парня!

Затем просто нажмите «WordPress», удобно, о, так удобно, расположенный вверху страницы.

Затем просто выберите свой домен и нажмите кнопку «Далее».

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

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

Теперь, если вы откроете новую вкладку и перейдете к своему доменному имени, вы увидите страницу, которая выглядит примерно так:

Почему? Ну, потому что ваше доменное имя должно «распространяться» — по сути, HostGator должен рассказать миру о вашем новом доменном имени, чтобы люди повсюду (включая вас) могли получить к нему доступ из Интернета.

HG сообщит вам, что процесс может занять до 24 часов, что технически так …

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

Шаг 3: Как войти в WordPress

Итак, как только вы вернетесь после перерыва в 20-30 (надеюсь, время перекусить было отличным), самое время проверить свой сайт и найти страницу входа в панель управления WordPress.

Для начала просто введите свое доменное имя еще раз / обновите страницу (если вы ждали на краю своего места #beentherelol), и вы должны увидеть страницу, которая выглядит так:

Это означает, что распространение закончено!

Мы проигнорируем эту кнопку WordPress «Admin Login», потому что, как только вы опубликуете свой сайт, она исчезнет.

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

Для этого просто добавьте «/ wp-admin» в конец своего URL-адреса.

В будущем, если вы уже вошли в систему, это автоматически приведет вас прямо к панели инструментов WordPress!

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

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

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

Давайте продолжим и нажмем «x» на всех них, мы помогли вам в этом руководстве.

Шаг 4: Как перемещаться по панели инструментов WordPress

Теперь, когда мы на панели инструментов, приступим к изучению!

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

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

Доступно только вам / людям, для которых вы создаете учетные записи WordPress.

Есть также некоторые параметры «настройки», когда вы просматриваете свой основной сайт (и вошли в систему), мы рассмотрим их ниже.

Во-первых, давайте рассмотрим наиболее важные части панели инструментов WordPress.

Эти иголки в пресловутой стоге сена кнопок, страниц и опций, которые WordPress только что бросил на вас.

Во-первых, вы найдете название своего сайта в верхнем левом углу — наведите указатель мыши на него и нажмите «Посетить сайт», чтобы увидеть, как ваш сайт выглядит в данный момент (и каждый раз, когда вы делаете обновления и изменения):

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

Любой веб-сайт WordPress будет включать следующие инструменты:

  • Обновления — это место, где вы сможете найти и установить обновления для платформы WordPress, а также любые установленные плагины и темы.
  • Сообщения — это место, где вы можете создавать новые сообщения в блоге или обновлять существующие — например, «10 главных секретов WordPress» или «Как использовать учебник WordPress». Здесь вы также можете просматривать и создавать категории и теги, которые помогут организовать ваши сообщения.
  • Медиа , где вы можете добавлять или обновлять все картинки, изображения или другие файлы на вашем сайте.
  • Страницы — это место, где вы можете создавать или обновлять страницы, которые не являются частью вашего блога, такие как важнейшие «О нас» и «Свяжитесь с нами».
  • Комментарии — это место, где вы можете читать, одобрять, удалять или отвечать на все комментарии, которые люди оставляют к вашим сообщениям и страницам.
  • Внешний вид имеет множество опций, для наших целей главное, что вы можете здесь сделать, это установить темы.НО вы также можете управлять виджетами, меню, редактировать заголовок своего блога и многое другое в зависимости от устанавливаемой темы.
  • Плагины — это место, где вы можете устанавливать различные фрагменты кода, которые добавляют приложения и функции на ваш сайт.
  • Пользователи — это место, где вы можете создавать или обновлять учетные записи для других людей на своем сайте, а также изменять свой профиль WordPress (имя, пароль и т. Д.)
  • Инструменты по умолчанию, здесь вы сможете импортировать и экспортировать контент блога; плагины могут добавлять сюда другие параметры.
  • Настройки имеет… настройки для целого ряда вещей, таких как ваш блог, редактор страниц / сообщений WordPress, комментарии, медиа и постоянные ссылки.

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

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

Например, в нашем руководстве HostGator автоматически установил несколько дополнительных вещей:

  • WP Forms фактически из плагина; если вы устанавливаете WordPress через HostGator, они автоматически добавят этот плагин для вас, если вы выбрали другой хост, который не включил его, вы можете добавить это позже — это в основном упрощает создание контактных форм для вашего сайта (проверьте из этого учебника здесь).
  • Marketplace также устанавливается специально HostGator, это место, где можно получить премиальные темы. Мы используем другие сайты, поэтому обычно это игнорируется.

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

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

Панель управления WordPress: более глубокое погружение

Обновления

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

В наши дни WordPress автоматически устанавливает небольшие обновления самостоятельно и предлагает вам сделать крупные обновления (потому что они иногда могут сломать плагины и темы, и они достаточно умны, чтобы не делать этого с вами ради общего уровня стресса).

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

Посты

Меню «Сообщения» позволяет вам контролировать контент, который вы добавляете в свой блог, здесь есть несколько вариантов:

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

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

Здесь вы найдете несколько вариантов:

  • Библиотека позволяет просматривать и редактировать все медиафайлы, загруженные на ваш сайт.
  • Добавить новый — это как звучит… быстрый способ загрузить новые медиафайлы на ваш сайт!
Страницы

В отличие от сообщений блога, которые отображаются на странице «блога», где перечислены все сообщения вашего блога в обратном хронологическом порядке (то есть последнее, что вы опубликовали, находится вверху), страницы — это места на вашем сайте, которые не сильно меняются; такие вещи, как «О нас», «Контакты», «Наши услуги» и т. д.

Обычных подозреваемых по вариантам:

  • Все страницы — это, по сути, страничная версия опции «Все сообщения» выше (вы можете быстро редактировать все свои страницы или глубоко погрузиться в редактирование одной).
  • Добавить новый позволяет создать новую страницу. Да здравствует это!
Комментарии

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

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

Внешний вид

Этот пункт меню содержит множество вариантов изменения дизайна вашего сайта (но не все из них — см. Ниже!).

Здесь много опций (это то, что есть на любом сайте WordPress, если вы установите определенные темы и плагины, вы найдете больше):

  • Темы — это место, где вы можете искать и устанавливать новые темы из каталога тем WordPress или загружать и устанавливать темы, которые вы нашли где-то еще в Интернете.
  • Настроить этот сильно меняется в зависимости от выбранной вами темы. Основные параметры — это заголовок и слоган вашего сайта, цвет, фоновое изображение, а также наличие у вас статической домашней страницы (или той, на которой отображаются ваши последние сообщения в блоге). Темы / плагины добавят к этому списку массу других опций.
  • Виджеты — это блоки со специальным кодом, которые вы можете добавить в различные места вашего сайта, например, на вашу домашнюю страницу, верхний / нижний колонтитулы или боковую панель. Что означает «специальный код»? Все, что угодно: от календарей, ссылок в социальных сетях и недавних публикаций до видео, аудиоплееров и контактных форм.
  • Меню — это списки ссылок на страницы / сообщения на вашем сайте; любой веб-сайт WordPress будет иметь меню верхнего и нижнего колонтитула, некоторые темы будут иметь больше.
  • Заголовок предоставит опции для настройки меню заголовка; эти параметры зависят от установленной вами темы, но обычно включают изменение цвета фона и загрузку вашего логотипа.
  • Редактор тем предназначен для опытных пользователей, поскольку для его использования вам нужно хотя бы немного знать о кодировании.По сути, это дает вам доступ к файлам внутреннего кода, которые WordPress использует для создания вашего сайта, поэтому вы можете добавлять CSS, HTML, JavaScript и PHP для изменения внешнего вида и функциональности вашего сайта.
Плагины
Плагины

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

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

Варианты здесь:

  • Установленные плагины — это версия плагина «Все страницы / сообщения», позволяющая управлять уже установленными плагинами и обновлять их.
  • Добавить новый позволяет находить и устанавливать новые плагины.
  • Редактор подключаемых модулей похож на редактор тем — только для опытных пользователей, безусловно, требует навыков программирования.
Пользователи

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

Вариантов, которые вы найдете:

  • Все пользователи позволяет вам управлять всеми учетными записями пользователей на вашем сайте.
  • Добавить новый … мы дадим вам угадать.
  • Ваш профиль — это место, где вы можете обновить настройки своей учетной записи (адрес электронной почты, пароль, изображение профиля и т. Д.).

И каждый новый пользователь, которого вы добавляете, может иметь следующие роли:

  • Администраторы могут делать в вашем блоге все, от добавления новых страниц / сообщений / пользователей до установки плагинов и тем и редактирования всего.
  • Редакторы могут получить доступ ко всем сообщениям, страницам, комментариям, категориям и тегам, но не могут редактировать внешний вид, темы, плагины или добавлять новых пользователей.
  • Авторы могут публиковать и редактировать сообщения, а также загружать медиафайлы.
  • Соавторы могут писать и редактировать свои собственные сообщения, но не могут публиковать их или редактировать другие сообщения / страницы.
  • Подписчики могут комментировать сообщения и страницы (по умолчанию комментировать может кто угодно, но вы можете включить в настройках параметр «комментировать могут только люди, которые вошли в систему»).
Инструменты

Tools — это своего рода универсальное ведро для внутренних функций.

Плагины

добавятся в этот список, но по умолчанию у вас есть три варианта:

  • Доступные инструменты переводит вас на страницу со списком инструментов из определенных плагинов.
  • Import позволяет импортировать данные с других платформ веб-сайтов (либо другой CMS, либо конструктора веб-сайтов) в WordPress.
  • Экспорт Позволяет экспортировать контент, чтобы вы могли импортировать его в другую установку WordPress.
  • Site Health показывает статистику, советы и информацию о вашем сайте, чтобы вы могли убедиться, что он работает оптимально.
  • Экспорт личных данных позволяет экспортировать любую личную информацию о пользователях, имеющих учетные записи на вашем сайте.
  • Удалить личные данные позволяет удалить любую личную информацию о пользователях, имеющих учетные записи на вашем сайте.
Настройки

Это меню содержит большинство общих параметров настройки вашего сайта WordPress.

Плагины

добавят больше параметров, по умолчанию:

  • Общие — который позволяет вам настраивать основные параметры, такие как часовой пояс, формат даты, имя сайта, URL-адрес и т. Д.
  • Writing — который позволяет вам устанавливать категории по умолчанию и формат публикации.
  • Чтение — позволяет установить на домашней странице статическую страницу или последнее сообщение в блоге, а также количество сообщений, отображаемых на странице вашего блога.
  • Обсуждение — в котором есть настройки для управления работой комментариев на вашем сайте.
  • Медиа — позволяет изменять размеры загружаемых изображений по умолчанию.
  • Постоянные ссылки — который позволяет настраивать структуру URL-адресов на вашем сайте.

Шаг 5: Как установить темы WordPress

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

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

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

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

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

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

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

Безусловно, наша любимая тема «WordPress для начинающих» — это Hestia, которую вы можете найти, просто набрав ее в строке поиска темы рядом с параметрами, которые мы упомянули выше.

Hestia великолепна, потому что она очень чистая, простая в использовании и легко настраиваемая.

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

Astra + Elementor также является постоянным поставщиком для нас.

Если ни то, ни другое не для вас, ознакомьтесь с нашими 5 лучшими бесплатными темами WordPress для начинающих и 10 лучшими и отзывчивыми темами WordPress!

После того, как вы выбрали тему (в нашем руководстве по WordPress для начинающих мы используем Hestia), просто нажмите кнопку «Установить», а затем нажмите эту же кнопку еще раз, когда она станет «Активировать».

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

Бум, готово, готово, хорошая работа, тема установлена!

Шаг 6: Как добавить плагины в WordPress

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

Плагины

WordPress позволяют расширить функциональность сайта.

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

Большой объем работы по настройке, выполненный за вас примерно за 4 секунды при установке плагина WooCommerce.

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

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

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

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

Итак, мы просто ищем это в строке поиска плагина:

Нажмите «Установить сейчас»:

Затем еще раз активируйте, когда кнопка установки изменится:

После этого вы сможете найти его в списке установленных плагинов, а также в меню «Плагин» на панели инструментов WordPress.

Если вы перейдете туда сейчас, то увидите, что там установлено множество плагинов по умолчанию, и, как новичку WordPress, они вам не нужны.

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

Перейдите к раскрывающемуся меню «Массовые параметры» и нажмите «Деактивировать»:

Затем нажмите кнопку «Применить».

Затем, чтобы удалить их, просто следуйте той же процедуре флажка, просто нажмите «Удалить» в раскрывающемся списке вместо «Деактивировать».

Ааа, теперь стало намного чище!

Плагины

для WordPress: несколько из лучших

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

Существует более 100 000 плагинов, поэтому не пытайтесь найти и изучить их все.Пожалуйста. Ради всего нашего.

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

У нас есть для вас большая статья о лучших плагинах WordPress.

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

Плагины с функциями
Плагины оптимизации веб-сайтов
  • Yoast SEO — плагин для поисковой оптимизации WordPress.
  • WP Rocket — помогает ускорить загрузку вашего сайта (хорошо как для SEO, так и для посетителей).
  • Autoptimize — ускоряет работу вашего сайта за счет оптимизации CSS, JavaScript, изображений, шрифтов и многого другого.
Плагины безопасности

Шаг 7: Как настроить тему WordPress

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

Мы выбрали Hestia и Orbit Fox для этого урока, потому что они предоставляют вам множество опций и их легко настроить.

Если вы выбрали другую тему, например Divi (которая является лучшей, только премиум), или другой плагин настройки, например Elementor (также победитель, когда дело доходит до настройки WordPress), у вас будет много похожих вариантов, но некоторые из них могут быть другой / отсутствует.

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

Когда вы окажетесь там, начните настройку, нажав кнопку «Настроить» вверху страницы.

Бам, сайт меняется, чтобы показать все крутые вещи, которые Гестия включает по умолчанию.

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

И мы сделаем все это еще круче!

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

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

Итак, если мы хотим изменить заголовок или изображение заголовка, все, что вам нужно сделать, это щелкнуть этот маленький синий значок:

. С левой стороны откроются параметры для внесения этих изменений.

Так что, если мы изменим заголовок здесь на «Учебники WordPress для начинающих», он сразу же обновится на странице!

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

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

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

Нажмите «Сохранить черновик»

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

Итак, теперь, когда мы в безопасности от демонов «Интернет не работает», давайте заменим изображение в нашем заголовке (это раздел за заголовком страницы, который мы изменили ранее).

Найдите это изображение на боковой панели.

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

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

Загрузите изображение, нажмите «Выбрать изображение» после того, как оно будет загружено, и стрелка

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

И вы получите несколько вариантов макета, чтобы переместить это влево, вправо или в середину.

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

Затем перейдите к «Настройки внешнего вида», затем «Цвета».

И вы можете изменить этот розовый цвет акцента на все, что захотите. Мы любим синий!

Теперь давайте изменим наши шрифты и размеры шрифтов, снова нажмите ту же кнопку «Назад», чтобы выйти из настроек «Цвет» и перейти к «Типографии.”

Здесь вы можете изменить «семейство шрифтов» для заголовков и основного текста (это текст, который не слишком велик в заголовках).

Как и размер шрифта, когда вы нажимаете на, как вы уже догадались, вкладку «Размер шрифта».

Шаг 8: Как добавить страницы в WordPress

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

Вернитесь в старый добрый дашборд WordPress, спуститесь к Pages и затем Add New.

Это откроет новую страницу для редактирования / создания.

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

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

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

Начнем с выбора заголовка из списка.

Затем введите заголовок, нажмите Enter, и вы можете начать вводить основной текст для своей страницы.

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

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

Сделайте это, дважды щелкнув кнопку «Опубликовать» рядом с кнопкой предварительного просмотра (WP хочет, чтобы вы были уверены, спасибо за нашу поддержку WordPress!).

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

Угадайте, что мы будем делать?

Ага.Щелкните этого плохого парня.

На левой боковой панели появятся пункты меню.

Это наше «Основное меню», поэтому мы собираемся нажать на ссылку «Изменить меню» под ним.

Затем «Добавить элементы».

Затем, в случае этого руководства WordPress для начинающих, щелкните «Наша миссия» в разделе «Страницы», чтобы добавить его.

Донзо.

Некоторые ключевые страницы, которые вы, вероятно, захотите иметь

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

Вы, вероятно, захотите несколько страниц для вашего сайта (если только это не одностраничный дизайн, который в наши дни).

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

Шаг 9: Как создать сообщение в блоге в WordPress

Сообщения в блоге. Это то, для чего был создан WordPress.

Практические руководства.

10 лучших советов.

Ниже мы покажем вам, как добавить их на свой сайт.

Сначала краткое объяснение…

постов в блогах WordPress по сравнению со страницами

Ну, и посты, и страницы будут:

Посты, страницы, в чем разница?

  • Имейте заголовок / заголовок (например, «Как использовать учебник WordPress» или «5-дневный бесплатный электронный курс»).
  • Имейте основной контент (как и все слова и изображения в этом сообщении).
  • Имейте мета-информацию (автор, публикация дата и т. д.
  • Можно добавлять, редактировать и удалять.
  • Видны всем или защищены паролем, поэтому их могут видеть только определенные люди.
  • Может содержать текст, видео, авто, ссылки и изображения.
  • Можно улучшить визуально и функционально с помощью плагинов и тем.

Разница вот в чем:

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

У вас может быть страница с информацией о компании, страница контактов и домашняя страница, и все (в дополнение к сообщениям в блоге).

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

Если вы помогаете людям с помощью учебного пособия (например, этого ‘un‘ ere), делясь историей путешествия, рецептом или своими мыслями о правильной форме становой тяги, это, вероятно, будет публикацией.

А теперь вернемся к учебным материалам…

Снова в тире, Записи -> Добавить.

И у вас будет что-то похожее на страницу, которую мы создали ранее.

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

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

Чтобы добавить категорию к сообщению, просто найдите эту опцию на правой боковой панели.

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

Вы также можете использовать различные типы блоков, такие как изображения, галереи, списки, цитаты и т. Д. (Вы также можете добавлять их на страницы!).

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

Еще одна вещь, которую вы можете сделать с вашими сообщениями немного иначе, — это иметь несколько размеров заголовков, чтобы вы могли иметь разделы своей страницы (например, «Шаг 8: Как создать сообщение в блоге WordPress»), а также разделы внутри разделов (например, у нас может быть подраздел «Как изменить размер заголовка» внутри этого раздела).

Размеры заголовков в WordPress помечаются от h3 до h5 (h2 зарезервирован для заголовка страницы / сообщения), просто щелкните блок заголовка и щелкните одну из этих меток, чтобы изменить размер заголовка.

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

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

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

Итак, как только вы создали страницы своего веб-сайта WordPress, перейдите к «Внешний вид», а затем «Меню» на боковой панели.

Если вы создаете веб-сайт на WordPress на 100% с нуля, у вас не будет здесь меню (хотя иногда такие темы, как Hestia, или конструкторы страниц WordPress, такие как Elementor, добавят их автоматически).

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

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

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

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

Шаг 11: Как опубликовать свой сайт на WordPress

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

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

После того, как вы заблокированы, загружены, готовы взорвать его (есть причина, по которой мы не профессиональные рэпперы)…

Раздавите ссылку «щелкните здесь» и позвольте искрам полететь!

Шаг 12: Как ускорить WordPress

Ага, но мы еще не закончили!

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

НО. МЫ. НЕТ. СОБИРАЕТСЯ. К. ОСТАВЛЯТЬ. ТЫ. ПОВЕСИТЬ В’. ТАМ. FAM.

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

Запуск со скоростью сайта.

Это важно по 2 причинам:

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

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

Чем больше у вас есть, тем больше времени потребуется на загрузку в целом.

НО есть способы оптимизировать свой веб-сайт WordPress, чтобы ваши страницы загружались быстрее, чем у олимпийского 100-метрового спринтера (намного быстрее, если ваш сайт загружается за 9,58 секунд, как наш мальчик Усэйн запускал, никто вас не посетит).

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

Вот ваши основные инструменты и методы оптимизации скорости WordPress.

Плагины кеширования WordPress

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

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

Плагины кэширования

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

Некоторые из самых популярных плагинов кеширования WordPress включают в себя:

Плагины оптимизатора изображений для WordPress

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

А большие файлы означают медленную загрузку.

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

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

  1. Ваши изображения слишком большие

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

  1. Ваши изображения не полностью сжаты

Допустим, вы выполнили описанную выше работу и получили то же изображение в уменьшенном масштабе 500 × 500. В полном разрешении без сжатия это может быть файл размером 3 МБ. Затем вы можете сжать это изображение — возможно, потеряв немного качества, которое никто не заметит, возможно, с сохранением полного качества — и уменьшить этот размер файла до 2 МБ. Файл меньшего размера = более высокая скорость загрузки.

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

Но это занимает много времени, когда вы создаете много контента!

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

Включить сжатие gzip для WordPress

Включение сжатия gzip увеличивает скорость вашего сайта WordPress за счет уменьшения размера кода и текста.

Он делает это, находя похожие фрагменты текста в файлах и заменяя их (временно, когда ваша страница загружена, все будет отображаться так же, как вы ее написали, lol), что, поскольку файлы HTML и CSS содержат так много повторяющихся фрагментов текста, может уменьшить размер страницы WordPress на 50-75%.

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

А пока давайте воспользуемся такими плагинами, как:

Да, плагины кеширования, которые мы рекомендуем, прежде всего, имеют встроенное сжатие gzip!

Отложить анализ JavaScript в WordPress

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

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

Уловка для этого: сначала загрузите визуальные элементы, чтобы люди, посещающие ваш сайт, что-то увидели, а затем загрузите JavaScript, чтобы ваша страница работала в полном объеме.

Плагины, которые сделают это для вас:

Используйте CDN WordPress

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

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

Потребуется время, чтобы файлы вашего веб-сайта были отправлены из Лос-Анджелеса через пруд в веселую старую Англию (мы говорим о миллисекундах, но это имеет значение).

Было бы намного быстрее, если бы эти файлы уже находились на сервере в Лондоне; с CDN они могли бы быть.

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

Плагины:

CDN WordPress:

Плагины отложенной загрузки для WordPress

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

Это называется «нетерпеливой загрузкой».

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

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

Еще один скоростной взлом WordPress!

Плагины, позволяющие ленивую загрузку изображений:

Шаг 13: Как защитить свой сайт WordPress

Определенно не хочу, чтобы ваш новый блестящий сайт взломали!

А поскольку WordPress поддерживает около 30% Интернета, множество хакеров (десятки тысяч или миллионы?) Пытаются взломать сайты WordPress 24/7.

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

Это означает несколько вещей:

Используйте уникальные имена пользователей и пароли

«Admin» — это имя пользователя, установленное по умолчанию для первого пользователя, созданного во всех установках WordPress.

Определенно хочу изменить это, создав новую учетную запись администратора с уникальным именем и паролем.

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

Если это так, и вы все еще используете имя пользователя «admin», что ж, эта часть уравнения входа сделана за них.

Если ваше имя пользователя WordPress является чем-то нереальным, например, «donthackmebro69», то им будет труднее добраться до него.

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

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

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

Ограничьте доступ к вашей админке WordPress

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

Как мы показали выше, вы можете получить доступ к своей панели управления WordPress, которая позволяет вам изменять практически все на вашем сайте, перейдя в «[yourdomain] .com / wp-admin».

На самом деле можно ограничить доступ к этой странице на вашем сайте только людям с определенных компьютеров!

Для этого вам нужно сначала найти свой домашний IP-адрес, посетив whatsmyip.com.

Затем вы можете отредактировать файл .htaccess в папке WordPress и добавить следующий код, заменив «xx.xxx.xxx.xxx» своим IP-адресом.

<Файлы wp-login.php>

запретить заказ, разрешить

Запретить со всех

Разрешить от xx.xxx.xxx.xxx

Если вам нужен доступ с нескольких компьютеров (для себя или для людей, с которыми вы работаете), вы можете просто добавить «Разрешить с xx.xxx».xxx.xxx »снова с другими IP-адресами.

Впрочем, все это может быть немного удобно и технически.

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

Плагины безопасности WordPress

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

  • Активный мониторинг безопасности (для проверки на наличие взломов в режиме реального времени)
  • Уведомления при обнаружении угрозы безопасности (чтобы вы могли быстро защитить свой сайт)
  • Сканирование вредоносных программ (для проверки на вредоносный код)
  • Сканирование файлов ( чтобы убедиться, что ничего не заражено)
  • Мониторинг черного списка (для защиты вашего сайта от посещений людьми с IP-адресов, которые, как известно, используются для взлома)
  • Помощь после взлома (для восстановления вашего сайта в случае взлома)
  • Брандмауэры ( для ограничения доступа к файлам вашего веб-сайта)
  • Защита от атак грубой силы (также известная как «ограничение попыток входа в систему»)

Несколько лучших плагинов безопасности:

Поддерживайте актуальность своего сайта и создавайте резервные копии

Что мы освещаем… сейчас!

Шаг 14: Как обновить свой сайт WordPress

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

С WordPress вам нужно будет постоянно обновлять три вещи:

  1. Сам WordPress
  2. Ваши темы
  3. Ваши плагины

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

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

В любом случае проще всего перейти на вкладку «Обновления».

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

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

Шаг 15: Как сделать резервную копию вашего сайта WordPress

Настроить резервное копирование WordPress очень просто, но это ключевая часть вашей игры по безопасности.

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

Когда они это сделают, вы захотите быстро вернуться к работе.

Вот для чего нужны резервные копии.

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

Советы, хитрости для сайта WordPress

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

Давайте нырнем.

  1. Обязательно настройте свою домашнюю страницу и проводите здесь немного больше времени, чем на других страницах.Скорее всего, это будет самая посещаемая страница вашего сайта, поэтому вы должны быть уверены, что у вас есть вся важная информация о том, о чем ваш сайт, и чтобы она выглядела очень привлекательно, чтобы произвести сильное первое впечатление.
  2. WordPress имеет отличную онлайн-поддержку в виде документации и форумов, на которые можно положиться, когда вы застряли. Мы также рекомендуем Stack Overflow по техническим вопросам (с WordPress, хостингом и всем, что связано с веб-разработкой).
  3. В настройках «Чтение» в разделе «Настройки» обязательно установите для «Для каждой статьи в ленте показывать» значение «Сводка», чтобы людям не приходилось прокручивать каждое сообщение целиком, когда они попадают на страницу вашего блога.Вместо этого они просто получат первые несколько предложений, а затем смогут щелкнуть «подробнее», чтобы получить полную информацию.
  4. Используйте изображения и видео, чтобы разбить текст на ваших страницах и сообщениях! (Этот пост — достойный пример этого, хотя мы, вероятно, могли бы включить еще больше визуальных элементов, лол).
  5. Ваша страница «О нас», вероятно, будет одной из самых посещаемых на вашем сайте, поэтому обязательно расскажите историю и миссию своего сайта здесь убедительно.
  6. Мы настоятельно рекомендуем использовать настройку постоянной ссылки «Название публикации» (на странице «Постоянная ссылка» в разделе «Настройки») — это чище и лучше для SEO, чем включение дат публикации в URL-адреса ваших публикаций.
  7. Убедитесь, что ваш сайт WordPress хорошо выглядит на мобильных устройствах; почти гарантировано, что большинство посетителей будут заходить на ваш сайт со своих телефонов.
  8. Включите самые важные страницы (и, возможно, сообщения) в меню заголовка.
  9. Отключить комментарии на таких страницах, как «О нас» и «Контакты», поскольку они вам там не нужны; это можно сделать, отредактировав страницу, вы найдете возможность включить / отключить комментарии в разделе «Обсуждение» на правой боковой панели редактора.
  10. Если вы используете боковую панель на своем сайте, держите виджеты там организованными и как минимум.Вы хотите, чтобы люди концентрировались на основном содержании вашей страницы / публикации, не отвлекаясь.
  11. Узнайте, как добавить Google Analytics в WordPress в нашем руководстве здесь!

Учебное пособие по WordPress Часто задаваемые вопросы

Остались вопросы?

TBH, мы много работали над тем, как создать веб-сайт на WordPress, но у нас это получилось — надо еще кое-что знать.

Вот несколько вопросов относительно вопросов, которые могут у вас остаться:

Является ли использование WordPress единственным способом создания веб-сайтов?

Определенно нет, есть масса конструкторов веб-сайтов, таких как Wix и Squarespace, которые вы можете использовать.

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

Что мне нужно для создания веб-сайта на WordPress?

Всего три вещи (две из которых вы можете получить у наших друзей на HostGator):

  1. Хостинг (где файлы вашего сайта WordPress будут храниться / с которого будут осуществляться доступ)
  2. Доменное имя (имя, которое люди будут использовать для перехода на ваш сайт)
  3. 60 минут вашего времени и внимания (ресурсы, которые вы будете использовать для выполните / выполните шаги, описанные в этом руководстве, используя руководство по WordPress 🙂

Нужно ли мне знать кодирование (HTML / CSS) при создании веб-сайта с помощью WordPress?

НЕТ!

Знание этих языков программирования полезно… в конце концов.

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

А использование темы перетаскивания, такой как Divi, или плагина для дизайна сайта, такого как Elementor, позволит вам глубже настраивать себя, не зная ни малейшего кода!

Создание веб-сайта на WordPress бесплатно?

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

Потому что?

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

Сколько стоит создание сайта на WordPress?

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

При этом HostGator (наш рекомендуемый хост WordPress) предоставит вам бесплатное доменное имя и годовой хостинг за 5 долларов.95 в месяц при оформлении годовой подписки по нашей ссылке!

Как мне получить бесплатное доменное имя для моего сайта WordPress?

Зарегистрируйтесь как минимум на один год хостинга на HostGator, используя эту ссылку!

Могу ли я зарабатывать деньги на своем веб-сайте WordPress?

Конечно, можно!

Четыре основных способа, которые используются в наши дни:

  1. С медийной рекламой, такой как Google Adsense (люди посещают ваш сайт, вам платят, когда они видят вашу рекламу)
  2. С партнерскими ссылками (например, теми, которые мы используем на этом сайте — когда вы нажимаете ссылку на одну из наши партнеры, мы получаем небольшую комиссию без каких-либо дополнительных затрат для вас; иногда вы даже получаете специальные скидки !!)
  3. Продавая услуги (например, создание веб-сайта WordPress 🙂
  4. Создавая интернет-магазин, как мы покажем вам, как сделать в этом посте!

Чтобы узнать больше о бизнес-идеях в Интернете, ознакомьтесь с нашим большим постом по этой теме!

Первые шаги с WordPress | WordPress.org

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

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

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

Войти # Войти

Начните с входа в административную или внутреннюю часть вашего веб-сайта. Посетите страницу входа на свой сайт, поместив wp-admin после имени домена (например, http://example.com/wp-admin). Некоторые темы также предоставляют ссылку для входа или форму в интерфейсе пользователя. Теперь войдите в WordPress, используя имя пользователя и пароль, которые вы создали во время 5-минутной установки.

Вверх ↑

Старт с вершины # Старт с вершины

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

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

Наверх ↑

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

Макет, который вы смотрите, определяется темой WordPress. Это внешний вид вашего веб-сайта, стилизация внешнего вида сайта и оформление содержимого. Тема WordPress Twenty Twenty-One имеет «заголовок» вверху с заголовком и слоганом для вашего сайта. Ниже ваше меню, если оно у вас есть. Основная средняя часть страницы — это область содержимого.

Прокрутите страницу вниз, и вы увидите окно поиска, последние сообщения и недавние комментарии.Это так называемые виджеты.

Обратите внимание на полосу в конце страницы. Это называется «нижний колонтитул». Там написано: «Сайт работает на WordPress».

Наверх ↑

Совершите быстрое путешествие # Совершите быстрое путешествие вокруг

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

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

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

Наверх ↑

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

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

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

Различные пункты меню следующие:

Наверх ↑

Начнем с экрана пользователя # Начнем с экрана пользователя

Щелкните вкладку Пользователи . Экран изменится, и вы увидите экран «Все пользователи», на котором отображается список всех ваших пользователей; отсюда вы можете добавлять или изменять существующие учетные записи пользователей и авторов. В меню навигации щелкните пункт меню «Ваш профиль». Здесь вы вводите информацию о себе, авторе и администраторе сайта.Введите информацию и нажмите Обновить профиль , когда закончите.

Теперь давайте посмотрим на некоторые другие мощные функции администратора WordPress.

Наверх ↑

Изменение внешнего вида # Изменение внешнего вида


Экран «Внешний вид, темы» позволяет изменять внешний вид вашего сайта с помощью различных тем. Темы — это стили презентации, которые полностью меняют внешний вид вашего сайта. Созданные разработчиками и пользователями, вам доступны сотни тем на выбор.На экране внешнего вида вы увидите список установленных на данный момент тем, включая тему WordPress Twenty Twenty-One. Чтобы быстро изменить тему, просто нажмите кнопку «Активировать» под одной из перечисленных тем, затем нажмите на название своего сайта на верхней панели инструментов, чтобы посмотреть, как он выглядит. Вау, вы еще посмотрите. Это так просто. Вернитесь к Внешний вид> Тема и нажмите кнопку «Активировать» под темой WordPress Twenty Twenty-One, чтобы вернуть дизайн к тому, что у вас было. Чтобы увидеть это снова, щелкните название своего сайта на панели инструментов, и вот оно.

Наверх ↑

Создание поста # Создание поста

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

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

Добавьте заголовок статьи в отведенное место. Затем напишите текст в разделе « Начните писать или введите /, чтобы выбрать блок ». Это просто для теста, так что вы можете написать все, что захотите.Когда вы закончите, нажмите кнопку Опубликовать в правом верхнем углу страницы, затем нажмите второй раз, чтобы подтвердить публикацию. Теперь, когда вы научились писать сообщения, вы можете просматривать их, щелкнув название своего сайта на панели инструментов в верхней части экрана.

Наверх ↑

Часть удовольствия от WordPress — это возможность заставлять зрителей оставлять комментарии на вашем сайте. Это создает динамический обмен между вами и зрителем. Вы хотите комментарии к своим сообщениям? Комментарии к сообщениям бывают самых разных форм: от похлопывания по спине, ( Хорошая работа! Нравится пост! ) до обширных обсуждений и комментариев к сообщениям.Или, может быть, вы ищете комментарии, которые дополняют опубликованную вами информацию. Ответ на комментарии и их модерирование также может занять много времени. Если они имеют решающее значение для вашего сайта, включите их и подумайте, как вы хотите, чтобы они были представлены. Вы можете сами прокомментировать созданный вами пост. Посмотрите, как они устроены, и подумайте, как вы хотите, чтобы они выглядели, чтобы они вписывались в дизайн и макет вашего сайта. Когда вы приняли решение о том, как вы хотите обрабатывать комментарии, найдите время, чтобы прочитать статью о комментариях и параметрах обсуждения WordPress, которые помогут вам настроить эти функции.

Предотвращение спама # Предотвращение спама

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

Наверх ↑

Создать категории # Создать категории

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

ПРИМЕЧАНИЕ: Вы можете добавить любую новую категорию в любое время, но обратите внимание на тот факт, что категории можно сортировать в WordPress двумя способами: по имени (в алфавитном порядке) или по идентификационному номеру.Когда вы вводите категории, им присваивается идентификационный номер. Это сложно изменить, поэтому, если вы не хотите, чтобы ваши категории были отсортированы в алфавитном порядке, введите их в том порядке, в котором они должны отображаться на экране.

Наверх ↑

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

  • Компьютерные подсказки
  • Интернет-новости
  • Дизайн веб-страниц
  • WordPress

Наверх ↑

Поместить сообщения в категории # Поместить сообщения в категории

Давайте разберем несколько ваших тестовых сообщений по категориям, чтобы вы могли увидеть, как это работает.На экране Сообщения> Категория щелкните вкладку Все сообщения . Вы должны увидеть введенные здесь тестовые сообщения. Когда вы наводите указатель мыши на заголовок каждого сообщения под заголовком, вы должны увидеть Edit | Быстрое редактирование | Корзина | Просмотр ссылок. Нажмите «Изменить», чтобы отредактировать одну из публикаций. В правой части экрана редактирования сообщения вы увидите свои категории. Выберите один из них, щелкнув поле рядом с ним. Затем в модуле публикации выше нажмите кнопку Обновить .Повторите это для других ваших тестовых сообщений, поместив каждый в отдельную категорию. Теперь просмотрите свою страницу, щелкнув имя своего сайта на панели инструментов в верхней части экрана администрирования. Вы сейчас видите категории, перечисленные на боковой панели? Большой. Если вам не хватает категории, это обычно означает, что в ней нет сообщений. Это функция WordPress по умолчанию, так что не беспокойтесь. Когда вы добавляете сообщение в категорию «отсутствующих», оно появляется на ваших веб-страницах. Щелкните одну из категорий, и вы попадете на страницу именно этой категории.Вы должны увидеть сообщения, которые попали в эту категорию. Это сгенерированная страница категории . Теперь щелкните Архивы для текущего месяца. Теперь вы посещаете сгенерированную страницу ваших сообщений, перечисленных в хронологическом порядке за этот месяц — ну, конкретно только за сегодня. Два метода поиска одинаковой информации.

Наверх ↑

Что дальше # Что дальше

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

Наверх ↑

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

Наверх ↑

Создание собственной темы # Создание собственной темы

Если вы знакомы с CSS, HTML и даже с PHP и MySQL, подумайте о том, чтобы настроить тему под свои нужды или создать свою собственную тему.

Наверх ↑

Плагины

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

Вверх ↑

Создание собственного подключаемого модуля # Создание собственного подключаемого модуля

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

Наверх ↑

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

История изменений
  • Обновлено 01.01.2021
    • Добавлен список изменений
    • Обновлены все скриншоты до WordPress 5.6
    • Добавлены ссылки на WordPress Code Reference and Learn WordPress
    • Заменяет все ссылки с темы Twenty Nineteen на Twenty Twenty-One
    • Переработанный язык о виджетах и ​​удален язык на боковой панели для согласования с темой Twenty Twenty-One.
    • Обновлено Ссылка на получение дополнительной помощи
    • Добавлена ​​информация об учебнике по редактору блоков
    • Исправлена ​​некоторая грамматика

Как создать сайт на WordPress за 5 простых шагов

Почему стоит выбрать WordPress для создания своего сайта?

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

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

  1. Выберите доменное имя.
  2. Выберите хостинг-провайдера и пакет услуг.
  3. Установите WordPress и выберите свою тему.
  4. Изучите панель управления WordPress и выберите плагины WordPress.
  5. Настроить сайт.

Вы решили создать веб-сайт и хотите использовать WordPress в качестве платформы для своего веб-сайта. Что теперь?

Вот как создать веб-сайт на WordPress за пять быстрых шагов.

Шаг первый: начало работы и выбор доменного имени

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

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

Например, « bobsmithwelding.com » лучше, чем «bobdoesmetalwork.com », потому что поисковики, которые ищут Боба по имени или для сварочных услуг, с большей вероятностью найдут его.

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

Шаг второй: выберите пакет и настройте учетную запись хостинга

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

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

Шаг третий: выберите тему WordPress

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

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

Шаг четвертый: Изучите свою панель управления WordPress

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

Шаг пятый: настройка тем и страниц

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

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

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

Не забудьте настроить Google Analytics для сбора данных о посетителях, приходящих на ваш сайт, и свяжите Google Search Console, чтобы убедиться в отсутствии ошибок.

Эти пять шагов позволят вам запустить веб-сайт WordPress для вашего малого бизнеса в кратчайшие сроки — хорошо, около 30 минут. Готовы начать? Получите свое доменное имя и пакет услуг для самостоятельного размещения в Bluehost уже сегодня!

Как создать веб-сайт WordPress (Руководство для начинающих) 2021

Обновлено: 17 сентября 2021 Автор: Dessign Team


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

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

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

В этом пошаговом руководстве для начинающих мы рассмотрим подход «сделай сам», поэтому не потребуется никакого кодирования, просто простой бюджетный подход к созданию вашего первого простого веб-сайта WordPress, которым вы можете гордиться, а затем продолжайте обновлять его с помощью лучших практик SEO. чтобы вы могли занять более высокое место в поиске Google и получить уведомление о своей компании. Если вам нужно зарегистрировать доменное имя, обязательно проверьте лучших регистраторов дешевых доменов в 2021 году

Для создания веб-сайта WordPress вам понадобится несколько вещей, прежде чем вы начнете:

  1. Выберите WordPress в качестве веб-сайта CMS
  2. Выберите надежный хостинг WordPress и доменное имя — мы рекомендуем Bluehost
  3. Установите WordPress через панель управления Bluehost с установкой в ​​1 клик
  4. Выберите и установите тему WordPress — (бесплатно или премиум)
  5. Установите несколько плагинов безопасности и плагин SEO
  6. Создайте базовую страницу или сообщение с помощью конструктора блоков Gutenberg

Когда вы будете готовы начать работу и выберете Bluehost в качестве хостинга WordPress, вы заплатите $ 2.95 / месяц по сравнению с 8,99 $ / месяц по обычной цене, так что это сэкономит вам деньги. Мы также можем помочь вам настроить и установить любую тему WordPress, если вам нужна дополнительная помощь, чтобы вы могли начать работу еще быстрее и работать над своей страницей или контентом сообщений.

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

Мы рассмотрим 6 шагов, чтобы сделать ваш новый веб-сайт WordPress как можно более простым, чтобы вы не запутались со всеми шагами, которые необходимо выполнить. Наиболее важно выбрать WordPress в качестве CMS (системы управления контентом). Если вы зарегистрируетесь в Bluehost, вам потребуется всего лишь 1 щелчок, чтобы активировать ваш сайт и установить WordPress.

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

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

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

1. Выберите WordPress в качестве платформы своего веб-сайта.

WordPress.org поддерживает более 40% всего веб-сайта, так что это отличный выбор для вас, чтобы выбрать лучшую платформу. Мы любим WordPress, так как в нем так много бесплатных плагинов, и он отлично подходит для веб-сайтов или блогов, поэтому, если вашему веб-сайту нужен блог, у вас уже есть оба лучших. WordPress — это ваша CMS (система управления контентом), куда вы можете загружать новые темы или плагины. WordPress также имеет множество плагинов безопасности, которые вы можете установить, чтобы обеспечить безопасность вашего сайта.

Самое лучшее в WordPress — это то, что его бесплатный открытый исходный код, его готовность к поисковой оптимизации, его поддерживает компания Automattic, тогдашняя компания с более чем 1500 штатными сотрудниками и тысячами добровольцев, что делает его безопасным и бесплатным для всех. С помощью WordPress вы можете создать простой сайт для своего бизнеса или очень большой VIP-сайт для организации большого трафика. Поэтому, если вы начнете с малого и решите перейти на более крупный веб-сайт, вам не нужно будет менять CMS, поскольку WordPress будет обрабатывать все ваши потребности и трафик.

2.Выберите надежный хостинг WordPress и доменное имя

Bluehost — это веб-хостинговая компания, принадлежащая Endurance International Group, основанной в 2003 году Мэттом Хитоном и расположенной в Солт-Лейк-Сити, Юта. Это один из 20 крупнейших веб-хостов, на котором в совокупности размещено более более 2 миллионов доменов . Если вы ищете креативные идеи для своего нового доменного имени, мы составили список из лучших бесплатных генераторов доменных имен , чтобы выбрать идеальное доменное имя для вашего онлайн-бизнеса.

Они являются официальным хостинг-провайдером, рекомендованным «WordPress.org» с 2005 года. Bluehost предлагает лучшую платформу WordPress. Настроенный для пользователей WordPress, мы предлагаем ориентированные на WordPress информационные панели и инструменты, а также установку в 1 клик, БЕСПЛАТНОЕ доменное имя, электронную почту, FTP, БЕСПЛАТНЫЙ сертификат SSL и многое другое. Легко масштабируется и поддерживается легендарной круглосуточной поддержкой в ​​чате более 700 штатными специалистами по хостингу , которые всегда готовы позаботиться обо всех ваших потребностях и решить любые ваши проблемы.

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

  • Удобство для пользователя — его легко настроить WordPress с помощью установки WordPress в один клик.
  • Безопасность — лучшая безопасность на основе Cloudflare, Sitelock и двухфакторной аутентификации
  • 99.99% Uptime — при 99,99% времени безотказной работы вы хотите быть уверены, что ваш веб-сайт портфолио всегда в сети и работает
  • Возврат денег — 30-дневная гарантия возврата денег
  • БЕСПЛАТНО — Бесплатное доменное имя и бесплатная безопасность SSL & $ 200 Маркетинговый кредит
  • Поддержка — Круглосуточная поддержка клиентов через чат, телефон или электронную почту — Bluehost предлагает одну из лучших доступных служб поддержки

Какой план хостинга Bluehost WordPress выбрать?

Итак, какой план хостинга Bluehost мне больше подходит? Простой ответ — Basic Plan , так как его всего 2 доллара.95 / месяц помните, что вы всегда можете перейти на другие планы позже. Поскольку вы только начинаете, у вас, вероятно, не будет большого трафика, поэтому вам не нужен дорогой тарифный план.

Базовый план включает бесплатный сертификат SSL , хранилище SSD на 50 ГБ, бесплатное доменное имя, 5 припаркованных доменов и маркетинговый кредит на сумму 200 долларов, чтобы вы начали продвигать свой блог. даст вам стартер по доступному бюджету. Итак, нажмите Select Button и перейдите на следующую страницу. Базовый план

Bluehost 2 доллара США.95 / месяц

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

  • Автоматическое обнаружение вредоносных программ
  • Сканирование неограниченного количества веб-страниц
  • Мониторинг черного списка Google
  • Автоматическое удаление вредоносных программ
  • Сканирование на уровне файлов
  • Защита сценариев XSS
  • Защита от инъекций SQL

Как выбрать и зарегистрировать доменное имя веб-сайта ?

Какое доменное имя выбрать для моего нового веб-сайта WordPress? Доменное имя — это имя вашего веб-сайта, например: www.mybestwebsite.com, если у вас уже есть несколько идей для имени вашего веб-сайта, вы можете увидеть, доступно ли оно, или, может быть, у вас уже есть доменное имя, которое вы хотите использовать и перенести на Bluehost, если не , не беспокойтесь, вы можете выбрать свое бесплатное доменное имя позже.

Просто нажмите на ссылку Я создам свой домен позже и перейду к информации об учетной записи и оплате.

Bluehost выберите доменное имя веб-сайта

Как настроить учетную запись Bluehost?

Информация об учетной записи и информация о пакете

Как настроить учетную запись Bluehost и информацию о платеже? На этом этапе вам нужно будет заполнить всю информацию о своей учетной записи.

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

Раздел информации об учетной записи Bluehost

Как установить WordPress на Bluehost?

Как создать новый сайт WordPress в Bluehost? Когда вы зарегистрируетесь в Bluehost, вы получите несколько писем от Bluehost с вашим Bluehost с информацией для входа my.bluehost.com .

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

Bluehost WordPress Установить установку в 1 клик

После того, как вы нажмете на WordPress, появится новое окно — «Как бы вы хотели создать наш веб-сайт» Нажмите Использовать кнопку WordPress ?

Bluehost Создать новый сайт WordPress

Затем вы увидите страницу « Создайте новый сайт WordPress », введите имя вашего сайта : и Слоган сайта : помните, что вы всегда можете изменить это позже. Нажмите Далее

Bluehost Выберите домен

На следующем экране вы увидите Выберите домен — в раскрывающемся меню выберите свой домен или временный домен, а затем нажмите Кнопка «Далее»

WordPress успешно установлен

Следующий экран WordPress успешно установлен! Поздравляю, , вы просто установили WordPress и теперь можете нажать «Войти в WordPress»

Как легко войти на свой веб-сайт WordPress через панель администратора Bluehost?

Войти на сайт WordPress? После входа в панель управления Bluehost нажмите на себя Мои сайты — найдите свой сайт и нажмите Войти в WordPress или Управление сайтом

Bluehost Управление сайтом или вход в WordPress

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

Когда вы нажимаете Мои сайты — Управление сайтом , вы можете изменить некоторые настройки там.

Добавьте БЕСПЛАТНЫЙ сертификат безопасности SSL, измените http: // на https: // безопасный веб-сайт

Как только вы войдете в Управление моим сайтом — нажмите Security и нажмите Free SSL Certificate ON

Bluehost FREE SSL Certificate Enable ON

Когда вы находитесь в Manage my Site — нажмите на Settings , где у вас есть дополнительные параметры настройки, такие как: URL сайта проверьте, теперь ли ваш сайт https: // secure , Under Automatic Updates не забудьте добавить основных обновлений WordPress на , и в комментариях мы рекомендуем отключить старые комментарии к сообщениям, иначе вы получите много спам-комментариев. Также на этой странице вы можете отключить страницу «Скоро появится» .

Параметры настроек моего сайта для Bluehost

4. Выбор и установка тем для веб-сайтов WordPress

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

Как установить новую тему веб-сайта WordPress? Когда вы перейдете в «Оформление», вы увидите несколько вариантов вверху: Премиум-темы, WordPress.org Themes и Загрузить . Все темы Premium — это темы Mojo Premium, спонсируемые Bluehost, тема WordPress.org — это бесплатные темы из каталога WordPress.org, а загрузка — это место, куда вы можете загрузить свою новую тему файла .zip.

Установить новую тему WordPress

Нажмите «Оформление » — «Темы» — «Загрузить тему» ​​- выберите файл — Найдите файл темы WordPress .zip , затем нажмите «Установить », а затем «Активировать ». Поздравляем, ваша новая тема активирована!

Тема загрузки WordPress

Как настроить новую тему веб-сайта?

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

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

WordPress Настройка темы веб-сайта

5. Установите лучшие плагины безопасности для веб-сайта WordPress!

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

Какие плагины безопасности WordPress я должен установить на моем новом веб-сайте WordPress? Безопасность — самый важный аспект вашего сайта, у вас всегда должно быть установлено несколько плагинов безопасности, так как они будут контролировать ваш сайт 24/7 на наличие вирусов, вредоносных программ, бэкдорных ссылок и т. Д.

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

Когда вы видите сообщение «Этот сайт может нанести вред вашему компьютеру», убедитесь, что вы следуете и запускаете плагин безопасности, чтобы удалить вредоносное ПО. Очень важно, чтобы перед тем, как вы начнете писать свой первый пост на веб-сайте, вы установите несколько подключаемых модулей безопасности, таких как: Sucuri, Wordfance и iThemes security , чтобы ваш сайт не был взломан и не подвергся панели безопасности Google.

Sucuri Security WordPress Plugin бесплатно

Sucuri Inc. — всемирно признанный орган по всем вопросам, связанным с безопасностью веб-сайтов, специализирующийся на безопасности WordPress.

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

Wordfence Security Plugin

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

iThemes Security

iThemes Security (ранее Better WP Security) дает вам более 30 способов защиты и защиты вашего сайта WordPress. В среднем каждый день взламывают 30 000 новых веб-сайтов. Сайты WordPress могут быть легкой мишенью для атак из-за уязвимостей плагинов, слабых паролей и устаревшего программного обеспечения.

6. Как создать простую страницу или сообщение с помощью конструктора блоков

Gutenberg ?

Как установить тему WordPress, совместимую с Гутенбергом?

В WordPress New Gutenberg Easy Page Drag and Drop Editor Вы легко и просто создаете любой пост или страницу

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

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

Объяснение панели администратора пользовательского интерфейса WordPress

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

Панель администратора пользовательского интерфейса WordPress
  • Сообщений — Все сообщения — Новое сообщение — Категории — Теги — Вы можете добавлять новые сообщения, создавать новые категории или просматривать все сообщения
  • Медиа — Библиотека — Добавить новое — Вы можете добавлять новые изображения , видео, PDF-файлы или любые другие файлы, связанные с мультимедиа
  • Страницы — Все страницы, Добавить новую — В этом разделе вы можете добавить новую страницу, такую ​​как «О нас», «Контакты», «Блог» и т. д., или просмотреть все свои текущие страницы
  • Комментарии — Просмотр или изменение ваших комментариев
  • Внешний вид — Темы, настройка, виджеты, меню, заголовок, фон, редактор тем — в этом разделе вы можете загрузить новую тему и настроить ее, а также добавить новые меню и виджеты и обновить тему код в редакторе темы
  • Плагины — Установить плагин, Добавить новый, Редактор плагинов в этом разделе вы можете добавить новый плагин или просмотреть все установленные плагины
  • Пользователи — Все пользователи, Добавить новый, Ваш профиль — в этом разделе yo Вы можете добавить нового пользователя или проверить всех текущих пользователей и изменить или обновить свой профиль
  • Инструменты — Доступные инструменты, Импорт, Экспорт, Состояние сайта, Удалить комментарии — В этом разделе вы можете импортировать или экспортировать все содержимое вашего веб-сайта
  • Настройки — Общие, Написание, Чтение, Обсуждение, Медиа, Постоянные ссылки, Конфиденциальность — в этом разделе в разделе Общие вы можете обновить контактную информацию всех строк тегов вашего сайта, а также в Постоянных ссылках вы можете изменить структуру ссылок.

Настройка постоянных ссылок в WordPress для улучшения структуры именования при поисковой оптимизации

В «Настройки» — «Постоянные ссылки» — измените структуру с «Обычное» на «Название сообщения». По умолчанию WordPress будет размещать ваши ссылки как простые с числовой структурой: например, Обычное — https://dessign.net/gutenberg-starter-wordpress-theme/?p=123 против Имя сообщения https: // dessign.net/gutenberg-starter-wordpress-theme/sample-post/, поскольку вы можете видеть, что SEO и Google лучше понимают страницы и сообщения вашего веб-сайта. p = 123 не имеет значения по сравнению с именем образца сообщения, поэтому читатель и Google могут понять, о чем ваше сообщение или страница.

Структура имени постоянных ссылок WordPress

Понимание видимости в поисковых системах

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

Видимость в поисковой системе WordPress

Как настроить заголовок и слоган сайта в WordPress?

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

Заголовок и слоган сайта WordPress

Выберите тему WordPress, совместимую с Гутенбергом

Темы, совместимые с Гутенбергом,

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

Выберите подключаемый модуль блока Gutenberg

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

WordPress Блокирует плагины Gutenberg

Установите тему Gutenberg WordPress

После того, как вы решите, какая тема вам нравится, перейдите в Внешний вид — Темы — Добавить новую тему — Найдите свой.zip-папка — Выберите файл — Установите и активируйте

Установите тему Gutenberg WordPress

Как настроить тему Gutenberg WordPress?

После того, как вы установите и активируете свою тему WordPress, убедитесь, что перейдите к Appearance — Customize , и вы увидите все параметры настройки с левой стороны.

WordPress Gutenberg Параметры настройки

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

  • Идентификатор сайта — Здесь вы также можете добавить свой слоган или заголовок сайта и, самое главное, Загрузите свой логотип
  • Цвета — Обновите цвет фона
  • Изображение заголовка — Загрузите изображение заголовка, если вы например
  • Фоновое изображение — Загрузите свое собственное фоновое изображение
  • Меню — Установите текущее местоположение меню
  • Виджеты — Добавьте виджеты боковой панели или нижнего колонтитула
  • Настройки домашней страницы — Вы можете выбрать, что будет отображаться на домашняя страница вашего сайта.Это могут быть сообщения в обратном хронологическом порядке (классический блог) или фиксированная / статическая страница. Чтобы установить статическую домашнюю страницу, вам сначала нужно создать две страницы. Одна станет домашней страницей, а другая — местом, где будут отображаться ваши сообщения.
  • Заголовок — Возможность сделать ваш заголовок фиксированным или статическим, Цвет текста заголовка, цвет раскрывающегося меню заголовка
  • Нижний колонтитул — Добавьте информацию об авторских правах
  • Социальные сети — Добавьте гиперссылки на социальные иконки
  • Дополнительный CSS — Добавьте сюда свой собственный код CSS, чтобы настроить внешний вид и макет вашего сайта

Как создать базовую страницу в WordPress Gutenberg?

Так как Гутенберг теперь является главным редактором страниц в WordPress, вы можете легко добавить новую страницу, такую ​​как страницы блога, контактов или информации.Перейдите на страницу — Добавить новый и добавьте заголовок новой страницы. Нажмите на маленький кружок плюс и продолжайте добавлять заголовки , изображения, абзацы и т. Д. С Gutenberg очень легко добавить новую страницу на ваш сайт WordPress.

Добавление простой страницы в тему WordPress Gutenberg

Создание базового сообщения в WordPress Gutenberg

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

WordPress Gutenberg Simple Post

Создайте простой блог WordPress

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

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

WordPress добавляет простой заголовок блога

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

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

WordPress Гутенберг мой первый пост в блоге

Заключение

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

Как создать сайт на WordPress?

Для создания веб-сайта WordPress вам понадобится несколько вещей, прежде чем вы начнете:

  1. Выберите WordPress в качестве веб-сайта CMS
  2. Выберите надежный хостинг WordPress — мы рекомендуем Bluehost
  3. Выберите имя для своего веб-сайта WordPress
  4. Установите WordPress на свой сайт с помощью Установка WordPress в один клик
  5. Войдите в свою панель управления WordPress
  6. Выберите тему WordPress — бесплатно или премиум
  7. Установите несколько плагинов безопасности и плагин SEO
  8. Создайте базовую страницу или разместите с помощью Конструктор блоков Gutenberg

Легко ли использовать WordPress для начинающего веб-сайта?

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

Требуется ли кодирование для WordPress?

Больше нет . С момента появления WordPress 5.0 Gutenberg page block builder вам не нужно использовать какой-либо код для проектирования и разработки новых сообщений или страниц в WordPress. Block Building — это новая эра WordPress , где вы добавляете или удаляете разделы для создания желаемого веб-сайта.

Пошаговое руководство по созданию блога WordPress в 2021 году

Я до сих пор помню, как впервые наткнулся на WordPress. Я решил, что собираюсь завести блог — до этого я едва прочитал блога, не говоря уже о том, чтобы создать свой собственный. Хотя у меня были некоторые старые школьные знания HTML и CSS, начиная с конца 90-х (когда я создавал веб-сайт только с блокнотом и программным обеспечением FTP), я был далеко не в своей глубине.

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

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

Содержание:

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

  1. Получить хостинг WordPress
  2. Установить WordPress и настроить параметры
  3. Выберите тему WordPress для создания блога
  4. Установите рекомендуемые плагины
  5. Начать блог

Шаг 1. Получите хостинг WordPress

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

Каждый из них — отличный вариант для нового блога. Bluehost предлагает бюджетные планы, которые более чем способны вести новый блог.Хотя, если вы можете позволить себе немного больше каждый месяц, мы настоятельно рекомендуем хостинг для WordPress от Flywheel или WP Engine (который мы используем), поскольку они полностью управляют вашим сервером и основными обновлениями за вас. Кроме того, оба предлагают резервное копирование и сканирование безопасности, чтобы сделать ваш сайт более безопасным.

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

Шаг 2. Установка WordPress и настройка параметров

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

  • Bluehost обеспечивает быструю настройку одним щелчком мыши при регистрации.Просто войдите в свою учетную запись и выберите опцию «Установить WordPress» на веб-сайте . Оттуда вы просто следуете инструкциям на экране, чтобы выбрать доменное имя и создать данные для входа в систему администратора WordPress. Вы можете узнать больше о том, как установить WordPress с Bluehost, в нашем руководстве.
  • Flywheel поставляется с предустановленным WordPress, готовым к работе. Поскольку планы хостинга Flywheel позволяют установить только один веб-сайт на каждый план хостинга, вам нужно либо добавить домен (и создать учетные записи администратора WordPress), либо перенести веб-сайт с помощью команды Flywheel (для начала.
  • WP Engine — это также управляемый план хостинга WordPress, поэтому вам не нужно устанавливать WordPress. Однако вам все равно нужно будет добавить новый домен или перенести свой веб-сайт (просто войдите в систему и перейдите к Install> Site Migration , если вы хотите переместить свой веб-сайт, то перемещаете ли вы веб-сайт или запускаете новый, перейдите на Установите> Домены , чтобы указать поверх вашего домена). Если вы выбрали план Pro или выше с WP Engine, вы можете установить несколько веб-сайтов на свой план хостинга.Чтобы добавить новый сайт, наведите указатель мыши на Installs и выберите опцию Add , затем повторите процесс добавления вашего домена.
  • Другие хосты: Если вы используете другой хост, нет проблем! Вы можете установить WordPress на любой хост (вам просто нужно вручную загрузить и установить WordPress).

После того, как вы установили и подготовили WordPress, вы можете перейти по своему URL-адресу и войти в WordPress . Должна быть ссылка на ваш логин WordPress из вашей учетной записи хостинга (обычно это your-url.com / wp-login или wp-admin или что-то подобное). Используйте имя администратора или адрес электронной почты и пароль, которые вы создали при настройке информации для своей учетной записи хостинга.

WordPress обладает широкими возможностями настройки (на самом деле он настраивается на 100%, поскольку это программное обеспечение с открытым исходным кодом), но для целей этого руководства я имею в виду настройки, доступные через вашу панель управления WordPress. Если вы наведете курсор на меню настроек «» на боковой панели, вы увидите несколько вариантов.

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

Общие настройки WordPress

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

Написание настроек WordPress

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

Чтение настроек WordPress

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

Обсуждение настроек WordPress

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

Медиа Настройки WordPress

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

Постоянные ссылки Настройки WordPress

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

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

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

Бонус: Ваш профиль

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

Детали, содержащиеся на этом экране, часто отображаются по темам (обычно в качестве автора сообщения), поэтому важно уделить время, чтобы убедиться, что введена правильная информация. Убедитесь, что в раскрывающемся списке Отображаемое имя публично задано имя, которое вы хотите показать миру. Это определяется выбором вашего имени пользователя, имени и фамилии или псевдонима. И если ваша тема включает поддержку bio , не забудьте добавить и это.

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

Шаг 3. Выберите тему WordPress для создания блога

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

По умолчанию на вашем сайте будет активна ежегодная тема WordPress. Automattic (люди, стоящие за WordPress) выпускают новый каждый год, и каждый из них ориентирован на блоггеров (последняя тема Twenty Seventeen, но Twenty Eighteen уже на подходе). Каждый год эта новая тема, как правило, более чем подходит для тех, кто только начинает работать с WordPress, чтобы создать блог.

Но в какой-то момент вы, вероятно, захотите переключиться на тему с большим количеством функций для вашего растущего веб-сайта.Переключиться легко — все, что вам нужно сделать, это установить новую тему. Просто перейдите к Внешний вид> Темы> Добавить новый через боковую панель. Нажмите на кнопку, чтобы загрузить свою тему. Затем выберите zip-файл темы для загрузки, установите тему и активируйте ее. Та-да! Вы только что установили прекрасную премиальную тему с большим количеством функций и опций, которые вы получите в бесплатной теме.

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

Премиум-тема WordPress для шикарного образа жизни и электронной коммерции

Chis — прекрасная и элегантная тема для блогов с полной поддержкой WooCommerce. Это означает, что легко писать на свои любимые темы и так же легко продавать свои товары. Аккуратно, да?

Тема WordPress для бесплатных блогов

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

Тема WordPress для блога Free Masonry

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

Total Drag & Drop Ultimate Многоцелевая тема WordPress для ведения блогов

Наконец, как мы могли не упомянуть Total? Тема Total — это полное решение для любого типа веб-сайта, особенно если вы хотите создать блог.Благодаря усовершенствованному конструктору страниц перетаскивания, неограниченным параметрам цвета, пользовательским шрифтам Google, встроенным портфолио и галереям, ползункам премиум-класса, форматам видео и аудио сообщений, конструктору заголовков, пользовательским виджетам и многому другому Total можно легко настроить. Создайте личный блог, управляйте корпоративным сайтом, публикуйте свои видеоблоги, делитесь рецептами и т. Д. Total ничего не может сделать!

Но это лишь некоторые из наших фаворитов, которые упростят вам создание блога. Теперь, когда вы выбрали свою тему, пора подумать о выборе плагинов!

Шаг 4: Установите рекомендуемые плагины

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

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

Примечание. Каждый из этих подключаемых модулей является бесплатным и может быть установлен, перейдя к Plugins> Add New через боковую панель.Затем либо используйте поле поиска, чтобы найти бесплатный плагин в репозитории (или нажмите, чтобы загрузить плагин, который вы скачали в другом месте).

Когда вы найдете нужный плагин, нажмите ссылку «Установить сейчас». После установки плагина вам будет предложено активировать новый плагин. Вот и все! Плагин установлен и активирован. Настройка каждого из этих рекомендуемых плагинов должна быть довольно простой, но если у вас есть какие-либо простые вопросы, вы можете задать их в разделе комментариев ниже или посетите страницу плагина в WordPress.org, чтобы открыть тему поддержки.

Для защиты от спама попробуйте Akismet

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

Чтобы добавить социальный обмен, рассмотрите AddThis

Вы хотите, чтобы люди делились вашим контентом? Поэтому, если ваша тема еще не поддерживает публикацию в социальных сетях, вам потребуется установить для этого плагин. Хороший бесплатный вариант — AddThis. Их бесплатный плагин для обмена в соцсетях добавляет опции для 200+ социальных сетей, множество стилей кнопок и множество локаций (боковая панель, заголовок, виджет, контент и т. Д.) — и все это бесплатно. Если вы хотите видеть свою аналитику или иметь более расширенные возможности обмена, вам понадобится премиум-аккаунт AddThis, но для большинства блоггеров достаточно плагина.

Оптимизируйте SEO с помощью Yoast

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

Добавьте Google Analytics с помощью MonsterInsights

Отличный способ узнать, как работает ваш сайт, — это отслеживать посещения вашего сайта с помощью Google Analytics.Ознакомьтесь с нашим руководством о том, как настроить Google Analytics для своего веб-сайта, но после того, как вы создали учетную запись и добавили код отслеживания на свой веб-сайт, вы можете начать мониторинг своего веб-сайта. Конечно, вы можете вручную проверять свою учетную запись Google Analytics каждый день, но WordPress, будучи гибкой CMS, предлагает множество простых в использовании плагинов, которые интегрируют вашу аналитику в вашу панель управления WordPress. Мы рекомендуем MonsterInsights, поскольку он хорошо работает с Yoast SEO — таким образом вы можете комбинировать свою стратегию SEO с мониторингом SEO для достижения гораздо лучших результатов.

Ведение резервных копий WordPress с помощью VaultPress

Всегда полезно планировать худшее, и одна из лучших безопасных ситуаций, когда вы начинаете блог с WordPress, — это регулярное резервное копирование. VaultPress — это бесплатный плагин, но для него требуется премиум-членство, чтобы вы могли создавать и поддерживать полные резервные копии сайта. Это часть премиальных планов Jetpack, которые начинаются всего с 3,50 долларов в месяц (всего 39 долларов в год), что является очень низкой ценой, чтобы быть уверенным в том, что на вашем веб-сайте есть план Б.Если вы не хотите использовать плагин для резервного копирования, не проблема. Есть несколько различных бесплатных методов, которые вы можете использовать для резервного копирования WordPress через ваш тарифный план или вручную.

Шаг 5. Начните вести блог

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

Удалить образец страницы и опубликовать

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

На данный момент вам не нужно создавать какие-либо новые страницы, хотя вы можете вернуться позже, чтобы в какой-то момент создать страницу «О себе» или «Контакты». В настоящее время мы сосредоточены на том, чтобы ваш блог работал, не требуя ничего, кроме сообщений. Итак, нажмите сообщений на боковой панели и, как и в случае со своими страницами, удалите образец сообщения с заголовком «Hello world!»

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

Создайте свой первый пост

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

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

  1. Создайте заголовок для вашего сообщения : Это находится в поле непосредственно под «Добавить новое сообщение.»Сделайте это ясным, лаконичным и запоминающимся. Также рекомендуется включить ключевое слово.
  2. Напишите свой контент : Это происходит в основном текстовом поле редактора, которое занимает большую часть экрана. Это редактор типа «что видишь, то и получаешь» (сокращенно WYSIWYG), что означает, что вы можете видеть изменения, которые вы вносите с помощью редактора, используя включенные параметры (полужирный, курсив, размеры шрифта, ссылки и т. Д. ) или вставка медиафайлов (изображений, ссылок на видео и т. д.).
  3. Рекомендуемое изображение, категория и теги : Если вы хотите добавить избранное изображение, самое время сделать это.Мы также рекомендуем использовать категории (широкие группы сообщений) и теги (конкретные, нишевые дескрипторы), поскольку они облегчают читателям просмотр вашего веб-сайта позже, когда в вашем блоге будут сотни сообщений.

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

Добавить дополнительные функции

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

Чего вы ждете? Иди, начни блог!

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

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

У вас есть вопросы о том, как создать блог? Или конкретно о блогах на WordPress? Мы будем рады помочь — оставьте комментарий ниже.

Создание веб-сайта на WordPress — 20-страничное пошаговое руководство в формате PDF

Это вторая версия начала работы с WordPress.

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

Эта версия также включает в себя некоторые из основных этапов установки, включенных в первую версию.

Скачать бесплатное руководство в формате PDF

Что отличает это руководство от других

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

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

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

Нет необходимости регистрироваться

Я не буду запрашивать адрес электронной почты для доступа к этой электронной книге.

Это совершенно бесплатно, без указания имени и контактной информации.

Распространение бесплатно

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

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

Уникальный

Я разработал это руководство на основе собственного опыта и не основывал его на исследованиях контента или идей других людей.

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

Я взял контент с сайтов WP и включил его в эту новую версию.

Простой

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

Основы

Включает:

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

Что не включено

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

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *