Изучение wordpress с нуля. Как создать тему для WordPress самому: уроки с видео

Итак, вы, наконец, решили создать свой собственный веб-сайт на вордпресс. Например, чтобы создать выгодный бизнес-блог в интернете. Это замечательные новости! Но, знаете ли вы, как создать сайт на wordpress и как его правильно настроить? Конечно же нет. Ведь иначе вы бы не читали эту статью:)

Итак, вы пришли в правильное место. Как только вы закончите работу с этим полным руководством, у вас будет собственный сайт WordPress, который будет работать правильно и уже через 60 минут. Да, это действительно так просто!

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

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

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

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

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

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

Именно поэтому мы решили создать этот новаторский Ultimate Guide с более подробными пошаговыми инструкциями по настройке собственного сайта на вордпресс.

Основные шаги по созданию сайта

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

На самом деле это простой процесс из пяти шагов:

  1. Выбрать CMS (система управления сайтом).
  2. Подобрать доменное имя будущего сайта.
  3. Выбрать хостинг и тарифный план.
  4. Выбрать тему для сайта.
  5. Установить сайт.

Поговорим о каждом шаге более подробно. Итак, приступим.

Что такое CMS?

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

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

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

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

Почему Стоит Выбрать WordPress?

Простота использования — не единственная причина, за что все любят WordPress. Это также мощное ПО, которое можно использовать для создания практически любого сайта, от простого личного блога до интернет-магазина или даже собственной социальной сети.

«WordPress используется в 27,4% всех сайтов в интернете». — по данным W3Techs

Даже некоторые из крупнейших корпоративных компаний в мире используют WordPress для включения своих официальных сайтов. Некоторые из этих крупных включают Quartz, Target, Bloomberg, Forbes, Bata и многие другие.

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

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

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

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

Найдите идеальное доменное имя

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

При выборе имени домена разумно получить доменное имя с расширением.ru для России, .ua для Украины, .kz для Казахстана и.by для Белоруссии. Они признаны как авторитетные расширения имени домена для этих стран, и мгновенно дают вашему сайту хорошую репутацию. Например в России, при прочих равных, сайты с зоной ru имеют преимущество. Но, в России это самое популярное расширение, поэтому подобрать имя в зоне.ru иногда непросто. Но, если вы достаточно креативны, найти отличное доменное имя не составит труда.

Например, если вы все названия уже заняты, попробуйте добавить дополнительное короткое слово к основному названию. Не используйте цифры, точки и прочие символы в названии. Если у вас нет выбора, вы можете проверить имя в друзой зоне, например.com, .biz или.Blog. Не используйте зоны для России такие как: .рф и.su.

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

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

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

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

Хостинг-провайдеры предлагают несколько различных типов хостинга для создания различных типов сайтов:

  1. Обычный (виртуальный) хостинг.
  2. Управляемый хостинг WordPress.
  3. Виртуальные частные серверы (VPS).
  4. Выделенный хостинг.

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

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

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

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

Вот как вы можете приобрести доменное имя и хостинг на Beget:

Шаг 1 : откройте сайт регистратора бегет по этой ссылке и введите в поле имя домена для регистрации:

Шаг 2 : Если ваше доменное имя доступно, и перейдите к выбору тарифа хостинга. Для первого сайта более чем достаточно выбрать виртуальный хостинг на тарифе: «Blog». Данного тарифа более чем достаточно пока на вашем сайте нет посещаемости в несколько тысяч посетителей в сутки. Далее укажите ФИО, логин, телефон, email и нажмите кнопку «Зеригистрироваться». Затем вам на телефон придет sms с кодом для подтверждения аккаунта.

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

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

Как установить вордпресс на хостинг

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

Шаг 1 . Перейдите на вкладку «Хостинг», а затем в раздел «Сайты».

Шаг 2 . В разделе сайты создайте новый сайт, в качестве имени укажите ваш домен.

Шаг 4 . Перейдите на вкладку «Хостинг», а затем в раздел «CMS»:

Шаг 5 . Перед вами откроется список всех самых популярных CMS, найдите среди них установщик WordPress и щелкните по нему.

Шаг 6 . Заполните все необходимое поля и щелкните по кнопке «Установить».

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

Все готово! Теперь вы можете увидеть свой новый сайт WordPress изнутри. Чтобы получить доступ к панели администратора WordPress, перейдите по ссылке yourdomain.com/wp-admin и введите имя пользователя и пароль, которые вы получили ранее.

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

Поиск темы для вашего сайта

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

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

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

Где найти лучшие темы WordPress

Темы WordPress Premium могут стоить от $ 19 до $ 59, в зависимости от того, где вы их покупаете. Лучшее место для поиска красивых тем WordPress по доступным ценам — ThemeForest.

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

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

Лайф-хак. Прежде чем покупать и тратить большие деньги на тему, которая вам может не понравиться или не подойди, хорошо бы испробовать ее. Для этого я использую сайт wpnull_org. На котором любую из премиальных тем с Themeforest, можно купить всего за 250 рублей. Таким образом на на своей шкуре испробовал десяток тем, и выбрал лучшую, и только потом купил ее на тимфоресте. Например, для создания интернет-магазина на wordpress для продажи электроники и гаджетов, я испробовал десятки тем, лучшей для меня оказалась тема «Electro».

Кстати, темы, которые вы можете купить для вордпресс, могут обойтись вам всего в 5000-6000 тысяч рублей, при этом аналогичные темы на битрикс стоят порядка 50 000 — 200 000 тысяч рублей. При этом битрикс давно морально и технологически устарела. Но все продолжают стать, думая: «если сосед поставил битрикс, значит и я поставлю»

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

Настройка сайта WordPress

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

Начнем с основных настроек сайта.

Настройка базовых параметров

Шаг 1 : Откройте панель управления WordPress, перейдя по ссылке вида: yourdomain.com/wp-admin и введите ваше имя пользователя и пароль.

Шаг 2 . Перейдите в раздел «Настройки». На вкладках общее и написание интуитивно все понятно, на них вам нужно выбрать свой часовой пояс, формат даты или даже можете изменить имя своего сайта. А вот на вкладке чтение есть свои ньюансы. Здесь нужно установить опции RSS как на картинке:

Если оставить опцию RSS — полный текст , то боты будут воровать ваш контент.

Шаг 3 : перейдите к настройкам постоянных ссылок, чтобы изменить способ отображения URL-адресов вашего сайта. Я себе сделал так как показано на скриншоте. Такой формат позволяет формировать простые и короткие URL, рекомендую сделать также. И не беспокойтесь, мои статьи выходят в топ с такими короткими ссылками.

Установка темы вашего сайта

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

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

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

Шаг 1 : Перейдите на страницу темы на панели управления WordPress и выберите Добавить новую. Затем нажмите кнопку «загрузить тему «.

Шаг 2 . Найдите на своем компьютере файл темы.ZIP. Выберите его и нажмите «Установить сейчас ».

Шаг 3 : после завершения установки нажмите кнопку активировать . Теперь на вашем сайте появилась новая тема. Теперь вам нужно настроить тему в соответствии с вашим .

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

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

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

Шаг 1 : Перейдите в раздел Внешний вид и выберите Настроить на панели управления WordPress.

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

Настройка Меню

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

Шаг 1 . зайдем в меню «Внешний вид» > и создать новое меню.

Шаг 2 : затем вы можете добавить свои страницы, категории и ссылки в меню.

Шаг 3 : Выберите область отображения меню.

Шаг 4 : Сохраните изменения. Откройте сайт и посмотрите на изменения.

Теперь вы должны увидеть свое новое меню.

Установка Плагинов

Установка плагинов — отличный способ добавить больше возможностей на ваш сайт. В каталоге WordPress есть тысячи плагинов.

Вот как вы можете их установить.

Шаг 1: Перейдите к плагинам и выберите добавить новый .

Шаг 2: Найдите плагин, который вы хотите установить, и нажмите установить .

Шаг 3: Теперь нажмите кнопку Активировать , чтобы инициализировать работу плагина.

Шаг 4: Вот и все!

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

Плагин Cyr to Lat enhanced

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

Broken Link Checker — плагин для отслеживания битых ссылок

Google XML Sitemaps — плагин для создания визуальной карты сайта

Yoast SEO — плагин расширяющий возможности настроек SEO-параметров. Title, все теги, description и другое.

WP Super Cache — плагин кеширования, для ускорения работы сайта.

Table of Content Plus — плагин для автоматического формирования содержания статей

iThemes Security — плагин для защиты сайта от хакерских атак и взлома.

Настройка боковой панели (сайдбар) сайта

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

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

Создание новых категорий, страниц и записей

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

В чем отличие записей от страниц? Записи — это публикации, статьи, основной способ создания контента. Страницы — это служебные страницы, такие как «Контакты», «Служебная информация».

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

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

На этом наше руководство подошло к концу

Напутствие

Поздравляем! Теперь вы являетесь гордым владельцем сайта на вордпрессе.

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

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

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

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

Первая часть.

Навигация по странице: wordpress создание сайтов для начинающих

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

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

Техническое задание: создание сайта на wordpress с нуля для начинающих

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

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

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

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

2) В отдельном окне открываем папку со скачанными хтмл файлами, надеюсь вы их распаковали из zip архива 🙂 . Папка тут называется "testsite"

3) Находим и копируем из папки "testsite" файл "style.css" в папку "shabtestsite". А также копируем папку "img" в "shabtestsite" .

4) Открываем файл "style.css" в каталоге "shabtestsite" и забрасываем туда в самое начало вот такой код:

/*
Theme Name: Test-Site
Description: WordPress themes by сайт

Смотрите как на скине (откроется поверх всех окон в просмотре):

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

Файл "style.css" оставляем открытым, он нам нужен в следующем шаге.

5) Продолжаем править "style.css". Теперь нам нужно забросить в конец стилей вот такой код:

Aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-right:20px; margin-bottom:15px; } .alignright { float: right; margin-left:20px; margin-bottom:15px; } .wp-caption { margin: 10px; padding-top: 4px; text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .wp-pagenavi{ padding:30px 0px 5px 0px; font-size:14px; text-align:center; }

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

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

6) На этом, файл "style.css" можно сохранить и закрыть, пока мы его править не будем. Вот так у меня сейчас выглядит каталог "shabtestsite":

7) Работаем дальше, теперь нам нужно в нашей папке шаблона "shabtestsite" создать текстовый файл "header.php" в кодировке, как я писал ранее utf-8 без BOM. Делается это очень просто, достаточно войти в нотепад ++ или дримвьювер, нажать на первую вкладку файл, потом выбрать создать. Далее, если кодировка отличная от utf-8 мы можем просто перекодировать, выше я писал как это сделать.

8) Файл "header.php" оставляем открытым, если закрыли то открываем заново. Также из папки "testsite", где у нас хтмл макет лежит, нам нужно открыть файл "index.html".

9) В файле "index.html" выделяем код от начала до тега "

", как на рисунке и копируем его. Вставляем этот кусок в файл "header.php", в самое начало.

10) Теперь нам нужно сделать пхп вставки в "header.php" для вывода динамического контента, что б создать сайта на wordpress.

10.1) Найдите код "": сюда мы должны добавить функцию wp_title() - для вывода СЕО заголовков наших страниц. Вот так получится:

<?php wp_title();?>

10.2) Найдите код "": здесь нам нужно прописать абсолютный путь к теме, а конкретно к стилям. Для этого вызовем функцию bloginfo("stylesheet_directory") с таким параметром. Будет вот так выглядеть:

/style.css" rel="stylesheet" type="text/css">

10.3) Также, перед закрывающимся тегом "", нам нужно вставить вот такой кусок кода:

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

10.4) Дальше ищем код "" и для ссылки с логотипа ставим bloginfo("url") (на главную), а для изображения опять прописываем абсолютный путь, как мы делали для стилей в п. 10.2. Вот так получится:

" id="logo">/img/logo.png" alt=""/>

10.5) Ищем тег "

" и удаляем все что у нас внутри. На место удаленного кода мы вставляем функцию wp_nav_menu, вот так должно получиться:

11) Сохраняем файл "header.php" и проверяем с моим скином, должно выйти один в один вот так (код не добавляю, в конце будет архив шаблона для скачивания целиком):
12) Можем закрывать файл "header.php", предварительно все сохранив.

13) Аналогично п.7, создаем в каталоге "shabtestsite" файл с именем "page.php".

14) Из уже открытого файла "index.html" нам нужно скопировать весь хтмл код, начиная с "

" до "
". Сначала выделяем, потом копируем, как мы это уже делали.
Скопированную часть нужно вставить в файл "page.php".

14.1) Самая первая пхп вставка - для подключения файла "header.php" к странице типа page. Вставку нужно сделать на первую строку.

14.2) Находим тег "

" и после него вставляем:

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

14.4) Вместо вот такого хтмл "

Заголовок

", вам нужно вставить динамический вывод заголовка страницы

. (Не путать плз. с СЕО заголовком. Это разные вещи.)

14.5) Находим начало "

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

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

14.7) По аналогии с п.7, в "shabtestsite" создаем файл с именем "sidebar.php".

14.8) Создание сайта на wordpress продолжается, в файле "page.php" нам нужно выделить и скопировать блок, который начинается с "

" и заканчивается "
". Вот он:
Вставляем этот код в файл "sidebar.php", и пока оставляем его.

В файле "page.php", на место выделенного кода, нужно вставить вот такой код подключения сайдбара:

14.9) Сохраняем файл "page.php", который сейчас должен у вас выглядеть вот так:

15) Создание сайта на вордпресс набирает обороты, если вы закрыли файл "sidebar.php", то его нужно открыть заново, будем править его. Сейчас я покажу вам как создать сайт на wordpress с блоком новости в сайдбаре. Будем делать дополнительный цикл WP.

15.1) После этого тега "

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

global $post;
$tmp_post=$post;
global $more;
$tmp_more = $more;
$tpost=get_posts("cat=1&posts_per_page=3");
if($tpost){
foreach($tpost as $post){setup_postdata($post);
?>

Если решим что 3 новости для нас много или мало, нужно менять вот этот параметр posts_per_page=3.

Продолжение: wordpress создание сайта бесплатно

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

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

  • 1 Знакомство с WordPress

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

  • 2 Установка WordPress на localhost

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

  • 3 Установка WordPress на хостинг

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

  • 4 Знакомство с админкой и базовые настройки

    Приступаем к управлению сайтом и знакомству с административной панелью, через которое оно и осуществляется. Как в неё попасть? С каких параметров начать? Что скрывают все эти пункты? Какие возможности даёт WordPress администратору? Обзорная статья расскажет не только это.

  • 5 Создание записей, страниц, разделов

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

  • 6 Создание меню сайта

    Без навигации не обходится ни один ресурс. Из данной статьи вы как раз узнаете, как её создать.

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

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

  • 8 Создание фотогалереи

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

  • 9 Что такое виджеты

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

  • 10 Дизайн шаблона для WordPress

    Урок расскажет, как полностью сменить внешней оформление интернет-ресурса. Речь пойдёт о темах оформления WordPress, о том, как их найти и установить.

  • 11 Плагины WordPress
  • 12 Изменение шаблона WordPress

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

  • 13 Пример создания сайта WordPress на основе HTML-вёрстки

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

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

Почему именно WordPress?

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

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

7 фактов и плюсов CMS WordPress:

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

Схема создания WP-блога за 10 минут

На самом деле создать блог на Вордпресс можно двумя путями:

  1. На локальном сервере вашего компьютера с последующим переносом блога на хостинг в Интернет;
  2. Непосредственно в Интернете, с помощью автоматической установки CMS, которую предоставляют некоторые Хостинг-фирмы.

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

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

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

Что потребуется для создания блога

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

  • 10 минут вашего личного времени , не считая нескольких часов на активацию домена, как правило от 1 до 6.
  • Мозг, терпение и прямые руки. Это я так в шутку, но запомните, процесс создания сайта очень требователен к этим ресурсам. Раз уж решились вам придется запастись терпением, изучать много нового и не косячить.
  • Хостинг . Это то, где будет храниться ваш блог. Здесь стоит выбор между бесплатным хостингом и платным (грубо от 100 за месяц).
  • . Это адрес вашего блога в Интернете. Для его регистрации понадобятся ваши личные данные.

Это вроде все. Ну и по мелочам, вам могут понадобится телефон, электронная почта.

Хостинг Beget и WordPress

Создавать блог на WordPress мы будем именно на Хостинге Beget. По-моему мнению, это самый простой и удобный в использование хостинг. Если взять во внимание авторитетные рейтинги хостеров рунета, то Beget во всех без исключения будет в Топ 3.

Переходим на сайт Beget.ru . Откроется главная страница (снимок кликабелен):

Здесь и необходимо определится с выбором: На каком хостинге создавать блог: Платном или Бесплатном? Мой совет выбирайте между тарифами Blog и Start — это два самых дешевых и оптимальных тарифа, которые как раз подойдут для новичков. Итак, жмем на тариф Start .

1. Выбор тарифного плана

Загрузится вот такое окно, где нас снова проинформируют о тарифных планах, и что в них входит (снимок кликабелен):

2. Страница ввода персональных данных

Здесь указываем свои данные. ФИО, Email и номер телефона обязательны для указания.

Ставим галочку на согласие с публичной офертой и жмем на кнопку Зарегистрировать аккаунт.

Подтверждение телефонного номера

Жмем на кнопку Получить код.

Вводим его в появившиеся окошко и жмем на кнопку Завершить регистрацию.

3. Создание аккаунта

Здесь ждем пока по всем пунктикам поставятся галочки (это займет пару секунд).

4. Аккаунт создан и подготовлен к работе

Обратите внимание на поля ИМЯ ПОЛЬЗОВАТЕЛЯ и ПАРОЛЬ, их необходимо сохранить. Для более быстрого старта советую почитать инструкцию по работе с Панелью Управления хостинга Beget.

Здесь обратите внимание на дату блокировки — 30 дней. Это пробный период, который всем предоставляет хостинг Beget. По его истечению или сразу необходимо будет пополнить баланс. С Панелью Управления вам еще предстоит познакомиться, руководство вам в помощь. Я же вам лишь покажу, как создать блог на WordPress за 10 минут. Нажмите на вкладку Домены, загрузится вот такое окно:

Обратите внимание, что хостинг Beget также предоставляет бесплатный домен третьего уровня. С ним можно поработать, но я рекомендую сразу приступить к созданию полноценного блога, поэтому нам будет нужен домен второго уровня . Для его регистрации жмем на ссылку Зарегистрировать новый домен (регистрация домена платная — от 120 в год):

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

Если вы не пополняли счет, то появится вот такое окно:

жмем на кнопку Пополнить счет и пополняем его любым удобным вам способом:

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

Теперь я вам покажу, как создать блог. В Панели Управления (снимок выше) нажмите на вкладку CMS , загрузится вот такое окно:

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

Загрузится страница с движками доступными для автоматической установки. Что подразумевается под автоматической? А то, что все будет сделано за нас: установка и настройка CMS WordPress, подключение WP к базе данных MySQL и ряд других «непонятных» процессов). Кликаем по логотипу Вордпресса.

Появится вот такое окно:

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

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

Дмитрий Дементий

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


Почему WordPress – что это такое и 5 причин его использовать для сайта или блога

WordPress - это самая популярная система управления контентом (CMS). По данным Web Technology Surveys , на этом движке по состоянию на ноябрь 2018 года работает 32,3 % от общего числа существующих сайтов, а также 59,5 % сайтов, использующих CMS. В 2015 году WordPress использовали только 24 % ресурсов на CMS. Ниже перечислены основные причины популярности WordPress.

Бесплатный «движок» CMS WordPress распространяется по открытому лицензионному соглашению (GNU GPL). Вы можете свободно использовать этот продукт в любых целях, включая коммерческие. Практически неограниченные возможности С помощью WordPress можно создать интернет-магазин, личный блог, корпоративный сайт, информационный портал, отраслевой ресурс, галерею мультимедиа. Гибкая настройка внешнего вида и функциональности Владельцам сайтов на WordPress доступны платные и бесплатные шаблоны, с помощью которых можно кастомизировать внешний вид. А с помощью плагинов можно решать технические задачи, обеспечивать необходимую функциональность сайта. Простота администрирования Чтобы работать с WordPress, не нужны специальные знания. Принципы работы с движком понятны на интуитивном уровне. Возможность создать сайт и опубликовать первый контент в течение 5 минут Конечно, придется потратить гораздо больше времени, чтобы превратить шаблонный продукт во что-то новое и интересное. Но на первую публикацию потратите не больше 5 минут.

Ну что, решили сделать сайт на WordPress? Тогда переходите к пошаговому руководству.

Шаг № 1: как выбрать хостинг и зарегистрировать домен

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

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

Выбор доменной зоны не влияет на технические характеристики ресурса или позиции в поисковой выдаче. Однако теоретически этот параметр может влиять на доверие аудитории. При прочих равных пользователи охотнее верят сайтам с адресом vasya-pupkin.ru или vasya-pupkin.com, чем ресурсам типа vasya-pupkin.wordpress.com или vasya-pupkin.blogspot.com. Поэтому для коммерческих проектов старайтесь выбирать домены верхнего уровня, например, .com, .info, .org, .net, .ru, .ua, .by и т.п. Обратите внимание на появившиеся недавно домены первого уровня, например, .club, .guru, .ninja, .expert и другие.

Шаг № 2: как установить WordPress своими руками

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

Перейдите на сайт WordPress и скачайте дистрибутив.


Распакуйте архив.



Как русифицировать тему WordPress

Русифицировать тему удобно с помощью бесплатной программы Poedit . Скачайте и установите ее на компьютер. Затем скачайте на компьютер языковые файлы выбранного шаблона. Для этого потребуется доступ к FTP. Его можно получить с помощью FTP-клиента, например, FileZilla, а также с помощью плагинов, например, File Manager . Если вы установили данный плагин, действуйте по описанному ниже алгоритму.

В консоли выберите меню FileManager – Configuration. Настройте конфигурации, как указано на иллюстрации.


В меню FileManager – FileManager выберите папку wp-content – themes.


Выберите папку темы, которую хотите русифицировать. В ней откройте папку languages.


Скачайте на компьютер файлы en.mo и en.po. Если таких файлов нет, скачайте на компьютер файл с расширением.pot.


Откройте программу Poedit и выберите опцию «Создать новый перевод».


Откройте файл перевода и укажите код языка.


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


Сохраните перевод. Программа загрузит на жесткий диск вашего ПК два файла: ru_Ru.mo и ru_RU.po. С помощью функции Upload files загрузите файлы в папку languges вашего шаблона.


Вы русифицировали шаблон.

Вместо программы для ПК Poedit можно использовать плагин Loco Translate . После установки и активации надстройки интерфейс для перевода шаблонов появляется прямо в админке сайта.


Шаг № 5: решаем практические задачи с помощью плагинов для WordPress

Плагины – одна из болезней начинающих владельцев сайтов на WordPress. Едва зарегистрировав ресурс, новоиспеченные вебмастера ищут в «Яндексе» статьи типа «100 лучших плагинов для WordPress» . Они устанавливают десятки расширений. Это негативно влияет на развитие ресурса. Дело не в замедлении работы сайта, хотя избыточное число плагинов может вызывать такую проблему.

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

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

  • Обеспечить безопасность сайта.
  • Бороться со спамом.
  • Оптимизировать ресурс к требованиям поисковых систем.
  • Повысить функциональность и улучшить юзабилити.

Как с помощью плагинов обеспечить безопасность сайта на WordPress

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

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

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

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


Нажмите кнопку «Установить». После установки активируйте плагин. Теперь настройте параметры резервного копирования. Выберите меню «Инструменты – WP DB BackUp». Нажмите Create New Database BackUp. Вы создали резервную копию по требованию.


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


На вкладке Destination включите автоматическое сохранение архива на Google Drive или отправку на электронную почту.


Чтобы защитить сайт от несанкционированного доступа, воспользуйтесь плагином Loginizer Security . Надстройка надежно защищает сайт от взлома методом перебора или брутфорсинга.


Как бороться со спамом на сайте WordPress

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

Защититься от спама можно с помощью плагинов, например, Akismet или Antispam Bee . После установки Antispam Bee плагин работает в фоновом режиме. Обычно подходят дефолтные настройки, но если нужно что-то поменять, перейдите в меню админки «Настройки – Antispam Bee».


Как обеспечить SEO сайта на WordPress

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

  • Создание и обновление карты сайта.
  • Канонизация URL.
  • Оптимизация title страниц.
  • Автоматическая генерация мета-данных страниц.
  • Блокирование индексации дублированного контента.
  • Создание микроразметки страниц .

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

  • Google XML Sitemaps.
  • Simple WP Sitemap.
  • Google Sitemap.

Google XML Sitemap . Для настройки плагина перейдите в меню «Настройки – XML-Sitemap».


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


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


Для технической оптимизации ресурса воспользуйтесь одним из следующих плагинов:

  • All in One SEO Pack.
  • WordPress SEO by Yoast.
  • Platinum SEO Pack.

Установите и активируйте выбранный плагин, например, All in One SEO Pack . Используйте настройки по умолчанию, если вы только знакомитесь с WordPress. Если считаете себя продвинутым веб-мастером, можете изменить некоторые настройки SEO-модуля. Для этого выберите меню All in One SEO в консоли движка.


Обратите внимание на перечисленные ниже настройки.

В разделе «Основные настройки» уберите флажок напротив пункта Use Schema.org Markup. Размечать страницу лучше с помощью отдельного плагина.


Если в качестве главной используете страницу записей, в разделе «Настройки главной страницы» укажите title, description и keywords. Если в качестве главной используется статическая страница, установите флажок в поле «Включить».


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


Вставьте ее в поле «Инструменты вебмастера Google» на странице настройки плагина.


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

Для разметки страниц воспользуйтесь одним из следующих плагинов:

Связка WPSSO и WPSSO JSON Первый плагин базовый, а второй представляет собой расширение . С помощью базового решения на сайт можно добавить разметку Open Graph. С помощью второго с помощью JSON-LD реализуется разметка Schema.org. WP SEO Structured Data Schema С помощью данного плагина на сайт можно добавить несколько типов разметки Schema.org, включая Article, BlogPosting и Review. Разметка реализуется с помощью JSON-LD. Плагин Schema App С помощью этой программы на сайт можно добавить разные типы разметки Schema.org. Она реализуется через JSON-LD. Бесплатная версия поддерживает базовые типы разметки. Также разметку можно реализовать с помощью онлайн-генератора Schema.org JSON-LD Generator .

Установите и активируйте плагины WPSSO и WPSSO JSON. В консоли на странице настроек плагинов в разделе Essential Settings укажите информацию о сайте, а также сведения для разметки Open Graph. Не меняйте другие настройки.


Перейдите в раздел Schema Markup. В полях Organization Logo Image URL и Organization Banner URL укажите URL логотипа и баннера сайта. Эти изображения могут использоваться на странице поисковой выдачи.


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

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

Тип разметки BlogPosting – производное Article. Кроме BlogPosting, к частностям Article относится тип разметки News Article или «Новость». То есть BlogPosting содержит все семантические данные разметки Article.

Используйте тип BlogPosting, если публикуете небольшие заметки, личные наблюдения и впечатления. Используйте тип Article, если публикуете обзоры, аналитические статьи, руководства. Вот пример: для публикаций в блоге «Текстерры» подходит тип разметки Article, а для дневника Екатерины Безымянной в ЖЖ подходит тип BlogPosting. Для статических страниц и страниц медиафайлов укажите тип разметки WebPage.


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


Что делать, если вы публикуете материалы разного типа: лонгриды, небольшие заметки и новости? В этом случае для каждой публикации лучше выбрать подходящую разметку. Вместо надстройки WPSSO JSON воспользуйтесь плагином WP SEO Structured Data Schema.

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


Недостаток плагина – необходимость размечать каждую публикацию вручную. А к преимуществам можно отнести поддержку дополнительных типов разметки, например, Review, Product и Aggregate Ratings. Бесплатная версия WPSSO JSON не поддерживает эти типы.

Как повысить функциональность и юзабилити ресурса

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

Поделиться