tema_wp

Предисловие к Уроку 4. Как выбрать тему для WordPress ?

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

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

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

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

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

Минимум сложностей !

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

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

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

Адаптивность

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

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

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

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

Кроссбраузерность

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

Стоит отметить, что многие разработчики предварительно тестируют созданную ими тему на предмет кроссбраузерности, об этом практически всегда можно найти упоминание в описании к теме. Но будет не лишним проверить данную информацию самостоятельно, хотя бы на популярных браузерах Opera, Mozilla FireFox, Google Chrome, Яндекс Браузер.

Совместимость с плагинами

Сама по себе CMS WordPress имеет достаточный функционал для создания сайта, но с растущими потребностями организации SEO, оптимизацией и устройством динамического контента без дополнительных плагинов просто не обойтись. Поэтому одним из важных критериев в выборе темы является совместимость с популярными плагинами ( например Elementor, Yoаst Seo и др.).

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

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

Оптимизация для поиска.

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

Для того, чтобы самостоятельно проверить свой сайт на наличие ошибок можно воспользоваться сервисом W3C Markup Validation. Данный инструмент позволяет увидеть почти все ошибки и недочеты, но на большинство из них не стоит обращать внимания. Так же рекомендуется установить плагин оптимизации, сегодня самый популярный из возможных это Yoast SEO, о нем поговорим отдельно.

Рейтинги и отзывы.

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

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

Выводы

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

tags

Урок 3. Отличие записей и страниц, рубрик и меток.

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

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

В этой статье я расскажу Вам об отличиях записей и страниц, рубрик и меток. Рассмотрим что это ? Для чего нужно ? И как используется на практике.

Отличие записей и страниц в WordPress.

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

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

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

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

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

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

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

В общем все выглядит следующим образом :

ЗаписиСтраницы
Неотъемлемая часть блогаНе имеют хронологии
Обязательно принадлежат одной из рубрик и имеют меткиРубрики и метки для них не назначаются
Часть блогаСодержат статичный контент (о сайте, контакты …)
Имеют опрееленную хронологиюИз страниц удобно создавать иерархию.
Основные фнкции записей и страниц в WordPress.

Отличие меток от рубрик в WordPress.

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

Рубрики — другими словами категории. Это основные составляющие кирпичики блога, которые формируют структуру сайта.

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

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

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

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

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

С метками нужно работать точечно, и не допускать основные ошибки :

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

Давайте рассмотрим что же в совокупности у нас получилось :

РубрикиМетки
Из рубрик можно создать иерархиюНет возможно построить иерархию
Каждой записи желательно присваивать одну категориюЗаписи может быть присвоено несколько меток
Присваивание категории записи обязательноНе являются обязательными для записей.
Основные отличия рубрик и меток в WordPress.

Заключение.

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

setting_word

Урок 2. Основные настройки WordPress.

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

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

Настройки WordPress.

Общие настройки.

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

Урок 2. Основные настройки WordPress.
Начнем с общих настроек WordPress.

Сама система WordPress достаточно детально описывает каждый пункт настроек, но рассмотрим в отдельности :

  • Название сайта — Здесь необходимо прописать название Вашего сайта, это название будет отображаться в теме и в вкладке браузера, что позволяет удобно идентифицировать Ваш сайт пользователю и поисковым системам.
  • Краткое описание — Это поле можно оставить пустым, но можете в нескольких словах описать суть Вашего ресурса, отображается под Названием сайта в шапке сайта, все зависит от темы.
  • Адрес WordPress (URL), Адрес сайта (URL) — как правило имеют одинакое значение, если потребуются специфические настройки, то можете изучить информацию перейдя по ссылке расположенной под полем Адрес сайта.
  • Административный адрес email — здесь нужно указать Ваш почтовый адрес куда будете получать обратную связь с форм обратной связи и системные сообщения.
  • Членство — Установив галочку в чек-боксе Вы разрешите регистрацию для пользователей, полезно для крупных порталов или интернет-магазинов.
  • Роль нового пользователя — В данном пункте Вы определяете основную роль зарегистрированного пользователя. Всего есть пять ролей пользователя, по умолчанию Подписчик, в дальнейшем сможете определять роли для каждого пользователя индивидуально, если это потребуется.
  • Язык сайта — Определяет основной язык расположенного контента.
  • Часовой пояс — Определяет часовой пояс сайта согласно стандарта UTC.
  • Формат даты — Выберите необходимый формат даты для отображения на сайте.
  • Формат времени — Здесь задается формат отображения времени на сайте.
  • Первый день недели — Здесь нужно установить первый отсчетный день недели.

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

Настройки публикации.

Урок 2. Основные настройки WordPress.
Страница настроек публикации WordPress.

С первым пунктом настроек будет полезно разобраться более детально, и этому будет посвящена отдельная тема. Здесь нужно четкое понимание чем отличается Рубрика от Метки. Все публикуемые записи на сайте изначально попадают в рубрику «Без рубрики», благодаря этой настройке процесс можно оптимизировать, но для кажной Записи можно выбрать рубрику самостоятельно.

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

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

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

1. http://rpc.pingomatic.com/

2. http://ping.blogs.yandex.ru/RPC2

3. http://blogsearch.google.ru/ping/RPC2

4. http://www.blogsearch.google.com/ping/RPC2

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

Урок 2. Основные настройки WordPress.
Настройки чтения являются одними из главных настроек WordPress/

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

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

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

Так же здесь можно задать количество отображаемых записей и количество записей в RSS-ленте.

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

Урок 2. Основные настройки WordPress.
Страница настройки комментариев WordPress.

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

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

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

Настройки медиафайлов.

Урок 2. Основные настройки WordPress.
Настройка медиафайлов в WordPress.

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

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

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

Настройки постоянных ссылок.

Урок 2. Основные настройки WordPress.
Настройки постоянных ссылок в WordPress.

Настройки URL-адресов являются важным фактором взаимодействия с пользователем и SEO оптимизации. WordPress позволяет создать ссылку практически любого формата.

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

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

Приватность.

С 2006 года введен в действие федеральный закон №152 «О персональных данных», в данном раделе Вы можете установить страницу с текстом политики конфиденциальности. Если Вы уже удалили стандартную страницу, то здесь Вы сможете создать новую.

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

Заключение

В данной статье рассмотрели основные настройки CMS WordPress. Такие настройки необходимо производить сразу после установки системы.

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

inst_word

Урок 1. Установка WordPress на локальный веб-сервер

В первом уроке рассмотрим как установить WordPress на локальный сервер XAMPP. Естесственно нам необходима сама CMS, т.к локальный веб-сервер мы уже установили. Скачать дистрибутив CMS WordPress можно по этой ссылке, или посетив оффициальный сайт : https://ru.wordpress.org/. После скачивания архива с CMS его будет нужно распаковать.

Создаем рабочую папку и копируем CMS WordPress.

Первым делом заходим в папку с установленным XAMPP по следующему пути : …:\xampp\htdocs\ , и создаем в папке htdocs еще одну папку с именем Вашего проекта, в моем случае это папка sitework.

Урок 1. Установка WordPress на локальный веб-сервер
Это будет рабочая папка проекта.

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

Урок 1. Установка WordPress на локальный веб-сервер
Вся файловая структура CMS WordPress должна находиться в папке с проектом.

Запускаем XAMPP и создаем базу данных.

Все готово, теперь пора запускать веб-сервер, для этого находим фаил xampp-control.exe в корневой папке XAMPP и запускаем его. Из контрольной панели нажимаем Start напротив модулей Apache и MySQL, ожидаем полный запуск сервера. После запуска открываем в браузере консоль базы данных нажав на кнопку Admin в модуле MySQL.

Урок 1. Установка WordPress на локальный веб-сервер
После нажатия кнопки Admin у Вас откроется страница в браузере с Админ панелью баз данных MySQL.

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

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

Устанавливаем и проверяем CMS WordPress.

Вот и все готово к установке WordPress на локальный компьютер. Теперь нам потребуется браузер. В адресной строке браузера нужно написать следующее : localhost/имя_проекта (localhost/sitework в моем случае), и в баузере появится приветственное окно инсталлятора CMS WordPress.

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

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

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

Дальнейшие поля на пока не интересны, и их нужно оставить как есть.

Урок 1. Установка WordPress на локальный веб-сервер
После внесения данных смело жмем отправить, произойдет проверка подключения к БД.

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

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

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

Урок 1. Установка WordPress на локальный веб-сервер

Заключение.

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

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

xampp

Локальный сервер: Для чего он ? Ставим XAMPP.

Начнем с того, что уже усвоены основные понимания о создании сайтов, как дать ему имя, что такое SSL, что такое хостинг. Уже определились с CMS. Встает вопрос покупки домена и хостинга. И вот тут у многих встает вопрос, «А можно это все попробовать бесплатно ?». И вот здесь можно сказать что нужно !.

Теперь нужно понять, как правильно установить у себя дома локальный сервер, обязательно с php, базами данных, и прочей атрибутикой стандартного хостинга с правами root. Именно для удобства установки всего необходимого программного обеспечения и были созданы XAMPP, Denver и некоторые другие системы. Мы рассмотрим XAMPP в виду его популярности, и полной автоматизации установки.

Что содержит в себе пакет XAMPP и какие требования к системе.

XAMPP достаточно продвинутый пакет установки локального сервера. Он разработан под операционные системы симейства Windows (XP SP3, 2008, Vista, 7, 8), Linux, OS X. Скачать пакет установки можно здесь. Официальный сайт : https://www.apachefriends.org/ru/index.html.

Пакет XAMPP это аббревиатура. Сам пакет содержит в себе универсальность (X), устанавливаются Apahe, MySQL, PHP (AMP), и дополнительно устанавливается Perl (P). То есть устанавливая XAMPP Вы получаете кроссплатформенную сборку локального сервера.

Скачиваем и устанавливаем XAMPP.

В отличии от некоторых аналогичных систем XAMPP нет необходимости долго искать. У разработчиков есть официальный сайт, с которого Вы можете абсолютно бесплатно скачать любую актуальную для Вас версию пакета. Официальный сайт : https://www.apachefriends.org/ru/index.html. Скачать можно перейдя здесь.

Рассмотрим установку пошагово.

Шаг 1.

После запуска скачанного пакета у Вас может появиться предупреждение следующего содержания :

Локальный сервер: Для чего он ? Ставим XAMPP.
Важно! Поскольку в вашей системе активирован контроль учетных записей пользователей (UAC), некоторые функции XAMPP могут быть ограничены. При использовании UAC избегайте установки XAMPP в C: \ Program Files (отсутствуют права на запись). Или отключите UAC с помощью msconfig после этой настройки.

UAC отключить конечно можно, но не рекомендуется. Просто достаточно использовать отдельную папку для установки пакета. Можно даже использовать диск отличный от C:\.

Жмем ОК и попадаем на первый экран программы установки.

Локальный сервер: Для чего он ? Ставим XAMPP.
Экран приветствия установщика пакета XAMPP.

Шаг 2.

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

Локальный сервер: Для чего он ? Ставим XAMPP.
Выбираем настройки по умолчанию и следуем дальше.

Шаг 3.

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

Локальный сервер: Для чего он ? Ставим XAMPP.
Нужно выбрать папку установки.

Шаг 4.

Здесь нам предлагают перейти на страницу Bitnami. Это компилятор для автоматической установки популярных CMS, умеет ставить различные CMS на локальный сервер XAMPP. Нам он не нужен. По одной простой причине : если учиться создавать сайты на WordPress, то CMS нужно уметь устанавливать ручками. Это значительно облегчит перенос созданного Вами творения на хостинг.

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

Шаг 5-6.

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

Локальный сервер: Для чего он ? Ставим XAMPP.
Здесь жмем Next и продолжаем установку пакета XAMPP.
Локальный сервер: Для чего он ? Ставим XAMPP.
Ждем пока распакуются файлы и установится менеджер сервера.

Шаг 7.

Финишная прямая. После установки Вы можете сразу запустить контрольную панель сервера.

Локальный сервер: Для чего он ? Ставим XAMPP.
Жми Finish. Локальный веб-сервер установлен.

Первый запуск веб-сервера XAMPP.

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

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

Локальный сервер: Для чего он ? Ставим XAMPP.
Контрольная панель веб-сервера XAMPP.

Панель разбита на несколько частей. Рассмотрим подробнее :

Локальный сервер: Для чего он ? Ставим XAMPP.
Панель управления модулями сервера.

На это панели происходит запуск и остановка модулей веб-сервера. Для нас пока нужны модуль Apache и MySQL. Поэтому для запуска и проверки сервера нажимаем Start и ожидаем запуска. После успешного запуска брандмауэр Windows спросит разрешение на запуск, установите галочку в чек-боксе «частные сети». Название модуля должно поменять фон на зеленый цвет.

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

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

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

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

Локальный сервер: Для чего он ? Ставим XAMPP.
Журнал процессов на сервере.

Справа расположены дополнительные кнопки :

Локальный сервер: Для чего он ? Ставим XAMPP.

Config — здесь можно установить многие параметры. Например запуск вместе с запуском Windows, блокнот по умолчанию, браузер по умолчанию, порты и множество других настроек.

Netstat — Монитор процессов. Полная информация по занятым портам и процессам.

Shell — установка среды пользователя XAMPP.

Explorer — Открывает папку установки сервера.

Services — здесь можно посмотреть полную информацию о различных протоколах, процессах, службах и прочее.

Help — Содержит ссылки на страницы помощи.

Проверка локального веб-сервера.

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

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

CMS

Обзор CMS(Content Management System). Что выбрать ?

Перед тем, как начать создавать сайт без особых навыков программирования, нужно разобраться в ассортименте CMS (Content Management System). Проще говоря «Система управления Контентом», то есть некая группа разработчиков уже подумала за Вас, и создала универсальную систему, которая позволяет создавать сайты и управлять ими. Из всего разнообразия я рассмотрю три самых популярных CMS. Приступим.

CMS WordPress.

Описание.

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

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

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

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

Обзор CMS(Content Management System). Что выбрать ?

Требования к хостингу :

  • PHP версии не ниже 7.4.
  • Базы данных MySQL ( v.5.6 и последующие) или MariaDB (v.10.1 и выше)
  • Операционные системы Unix, Windows
  • Сервер Nginx, Apache

Основные преимущества :

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

Недостатки CMS :

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

CMS Joomla.

Описание.

Joomla была создана более 10 лет назад, и в то время наверное каждый, кто сталкивался с сайтостроением, о ней как минимум слышал. Если в те, давние времена, поставить вопрос «Какую CMS использовать ?», то наверняка 90% ответили бы Joomla.

Создание площадок с этой системой управления контентом так же прост, как и в WordPress. Но структура у этой CMS несколько сложнее. Система так же может легко и гибко настраиваться, в панели администратора можно настраивать абсолютно все.

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

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

Обзор CMS(Content Management System). Что выбрать ?

Требования к хостингу :

  • PHP версии 5.3 и выше
  • Базы данных MySQL(v.5.5.3 и выше), Postrage SQL (v.9.1 и выше), MS SQL(v.10.50.1600.1 и выше)
  • Операционная система Windows, UNIX
  • Сервер Nginx, IIS, Apache

Преимущества CMS :

  • Периодические обновления и доработки
  • Удобно структурированный контент
  • Корректно работает на большинстве современных хостингов
  • Множество бесплатных расширений и модулей для решения различных задач

Недостатки CMS :

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

CMS Drupal.

Описание.

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

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

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

Обзор CMS(Content Management System). Что выбрать ?

Требования к хостингу :

  • PHP 7.2 и выше
  • Базы данных MySQL(v.5.5.3 и выше), SQLite(v.3.4.2 и выше), Postrege SQL(v.9.1.2 и выше)
  • Операционаня система Windows, UNIX
  • Сервер IIS, Nginx, Apache

Преимущества CMS :

  • Полностью бесплатна
  • Множество различных шаблонов и расширений
  • Огромные возможности для продвижения
  • Можно создавать быстрые ресурсы любой сложности

Недостатки CMS :

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

Что же выбрать для своего сайта ?

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

ssl

Что такое SSL сертификат, и для чего он ?

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

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

SSL сертификат. Что это ?

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

Установив на сайт сертификат SSL данные начинают передаваться по протоколу HTTPS. Это защищенный криптографией вариант протокола HTTP. В этом варианте данные пользователя зашифровываются и передаются на сервер через транспортный протокол TCP. В общем вся информация скрыта от стороннего доступа.

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

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

Другими словами SSL сертификат это некая уникальная цифровая подпись сайта.

Сертификат может содержать много различной информации, например :

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

Довереные и недоверенные сертификаты.

Источником SSL сертификатов являются доверенные центры сертификации. Такие организации имеют неоспоримый авторитет на рынке IT. Пользуются открытым криптографическим ключем. Сертификат такого центра доказывает подлинность компании которой принадлежит доменное имя. Такие сертификаты называют доверенными.

Недоверенными сертификатами являются :

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

Какие есть типы сертификатов SSL ?

Сертификаты можно разделить на несколько типов :

  • EV(Extended Validation) Проверяется комерческая и налоговая деятельность фирмы. Наличие такого сертификата подтверждает выделение зеленым адресной строки. К таким сайтам неоспоримое доверие. Получить можно примерно за пять дней.
  • OV(Organization Validation) Так же является подтверждением подлинности компании, но для верификации необходимо всего лишь подтвердить свой контактный номер. На получение уходит обычно около трех дней.
  • DV(Domain Validation) Подтверждение домена. Выдается юридическим и физическим лицам. Создается быстро, не более суток.

Есть так же дополнительные типы :

  • WildCard SSL Нужен для защиты большого количества субдоменных имен в корне одного сайта.
  • UC(Unified Communications), SAN(Subject Alternative Name) Берут под защиту не только субдомены, но и дополнительные домены, как внутренние, так и внешние.
  • SGC (Server-Gated Cryptography) Обеспечивают поддержку 40 битных расширений.
  • CS (CodeSigning) Необходимы для программных продуктов, которые пользователь скачивает с сайтов разработчиков.

Какой выбрать SSL сертификат ?

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

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

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

dns

Прописываем DNS серверы для домена.

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

Что же такое DNS-серверы ?

Это раветвленная система, расположенная по всему миру для получения информации о доменах (Domain Name System). Задача такой системы закрепить IP адрес за каждым конкретным доменом. В браузере мы привыкли набирать различные доменные имена, но за каждым таким именем скрывается IP адрес, который состоит из цифр (IPv4 протокол), или цифр и букв (IPv6 протокол и последующие).

Например, набирая в строке браузера google.com, за доменом скрывается IP адрес 142.250.185.78. Согласитесь гораздо удобнее написать имя сайта, чем набор цифр.

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

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

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

Где взять адреса NS-серверов ?

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

Таких NS серверов должно быть минимум 2. Эти данные нужно прописать у регистратора домена в соответствующем разделе управления доменом. Выглядят данные адреса следующим образом :

  • ns1.name_server.доменная_зона
  • ns2.name_server.доменная_зона

Доменная зона может быть разной (например .ru, .com, .biz и др.). После того, как пропишете у регистратора домена NS сервера обязательно сохраните изменения. Важный момент. Смена NS происходит как правило в течении 24 часов, поэтому не стоит паниковать, если Вы все прописали и ввели в адресной строке имя Вашего сайта, а у Вас выскочила ошибка.

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

domen_i_hosting

Что такое домен и хостинг ? Простыми словами.

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

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

Домен, или доменное имя.

Домен (Domain) — правильнее сказать доменное имя, это понятный для человека адрес интернет ресурса. Как правило доменное имя содержит буквы, цифры или их сочетание, так же обязательным атрибутом любого домена является доменная зона (например .com,.ru,.biz,.shop,.рф и др.). Такое имя может с легкостью быть интерпретировано в реальный IP при помощи серверов DNS, но это отдельная тема которая нам не нужна.

Доменные имена могут быть разного уровня, например в качестве основного домена будет site.ru, такой домен может иметь поддомены, и выглядят они как site1.site.ru. Сейчас на рынке доменных имен имеется множество доменных зон, они могут быть общими (например .net,.org и др.), национальными (например .uk,.uz,.ru и др.), и зарезервированными. Зарезервированные доменные зоны нельзя использовать в реальных адресах — test, invalid, example и localhost.

Как происходит взаимосвязь между браузером клиента и хостингом ? Рассмотрим цепочку :

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

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

Хостинг. Что это …

Хостинг (Hosting) по своей сути просто услуга, предоставляемая дата центром. Другими словами, приобретая хостинг Вы оплачиваете некоторые вычислительные ресурсы, или арендуете кусочек сервера с уже установленным програмным обеспечением, необходимым для работы сайта. Такой сервер постоянно подключен с интернет, что обеспечивает бесперебойную работу сайта.

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

Виды хостингов и их описание.

Рассмотрим наиболее популярные виды хостингов и их преимущества.

  • Виртуальный (Shared) — самый дешевый и распространенный вариант среди владельцев сайтов. Такой хостинг всего лишь часть физического сервера, имеет готовые конфигурации. Вам необходимо приложить минимум усилий чтобы запустить свой сайт, достаточно залить файлы в нужную папку и подключиться к базе данных (при необходимости)
  • Хостинг адаптированный для CMS — на таком хостинге очень удобно размещать различные CMS. (Content Management System — система управления контентом). На таком хостинге удобно размещать различные CMS (например Joomla, WordPress и др.). Такой хостинг как правило обладает необходимыми ресурсами и настроен для корректной работы такой системы.
  • Виртуальный сервер (VPS) — это хостинг с получением гарантированных ресурсов от физического сервера. С таким хостингом Вы получаете гарантированные мощности от основного сервера путем гибкого распределения ресурсов, такой хостинг можно настроить самостоятельно для выполнения специфических задач.
  • Облачный хостинг — идеальный вариант для «тяжелых проектов», таких как магазины, системы для обработки больших информационных потоков, телефония и пр.. В данном виде хостинга ресурсы могут добавляться «на лету» при росте потребности.

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

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

В свое время мне пришлось опробовать множество хостингов, как расположенных в РФ, так и за рубежом. Из расположенных на территории РФ были опробованы Ucoz, Reg.ru, Beget, но я так и не понял за что они берут столько денег ??? С зарубежными хостингами было все банально просто, в случае возникновения технических проблем, полная игнорация русскоязычного пользователя. Я конечно не говорю за всех провайдеров, но с теми, с кем имел дело, все происходило именно так !!!

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

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