Архив рубрики: Сайт

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

Настройка темы «Sydney» WordPress.

Как настроить тему «Sydney» WordPress. Пошаговая инструкция.

Нам нужно сделать наш сайт более привлекательным. Для этого необходимо настроить нашу тему «Sydney». Скачать тему можно на официальном сайте WordPress. Так же можно скачать и установить через админ панель нашего сайта. Устанавливаем тему.
Заходим в админ панель.
Внешний видНастроить.

Общие

Выставляем необходимые значения. (на ваше усмотрение)
Нажимаем — «Опубликовать«.

Название сайта, ключевая фраза, логотип

Вводим данные . Можем поменять «название нашего сайта«.
Заполняем: «Краткое описание«.
Выбираем и загружаем иконку нашего сайта (фавикон).
Нажимаем «Опубликовать«.

Пример отображения фавикона:

Область заголовка

Тип заголовка

Слайдер заголовка


Загружаем и устанавливаем изображение слайдера. Задаём заголовок, подзаголовок. Можно добавить до 5-ти изображений слайдера. Остальные 4 настраиваются по аналогии.

В самом низу есть параметр для настройки кнопки «Призыва к действию«. Можно указать ссылку на внутреннюю страницу сайта. Например «Контакты«.
После настройки не забудьте нажать «Опубликовать«.

Медиафайл заголовка


Добавим изображение.
Изменим размер высоты заголовка. Установим значение «200«.

Нажимаем «Опубликовать«.
Чтобы увидеть результат — нужно выбрать какую-нибудь рубрику.
Красным выделена область, которую мы изменили:

Стиль меню


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

Параметры блога

Я изменил только параметры «Разметка» и «Длина отрывка«.

Шрифты

Меняем размеры при необходимости.
Нажимаем «Опубликовать«.

Подвал

Оставляем по умолчанию.
Меняем при необходимости.

Цвета

Общие


Меняем основной цвет фона и наложение разделов.

Заголовок


Меняем цвета при необходимости.

Боковая колонка



Оставляем по умолчанию.

Подвал


Можем изменить фон и цвет подвала.

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

Загрузим и установим. Ставим соответствующие галочки.

Нам необходимо создать и настроить меню нашего сайта.
Заходим в «Меню» — Создать новое меню.

Вводим произвольное название меню.
Ставим галочку «Основное меню«.
Жмём «Далее«.

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

Добавляем элементы меню.
Нажимаем на «+«.
Добавим в меню «Главную страницу«.»
Контакты» (из пункта «Страницы«).
Выберем из пункта «Записи» — «Как установить Windows 10«.
Из»Рубрики» — «Ремонт компьютера«.

Должно получится следующее:

Упорядочим меню. Нажимаем на стрелки «↑» или «↓» (в зависимости от того куда хотим передвинуть тот или иной элемент меню).
Стрелку «→» — если необходимо сделать выпадающее меню .
Для примера в нашем меню есть категория «Ремонт компьютера«.
Делаем выпадающее меню нашей статьи: «Как установить Windows 10«:

Нажимаем «Опубликовать«.
Так же в «Настройке меню«, есть меню, созданное по умолчанию. Это — «Menu 1» .
Чтобы в дальнейшем не путаться, его лучше удалить.

Виджеты

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

Выбираем необходимый элемент.
Например «Рубрики«

Проставляем галочки.
Нажимаем Готово» и «Опубликовать«.

Настроим Виджет боковой колонки сайта.

Добавляем или удаляем элементы.

Настройка главной страницы

Оставим по умолчанию.

В дальнейшем вы можете купить PRO версию темы «Sydney».
Цены такие:

Для покупки необходимо нажать «Получить Sydney Pro«

Успех!
Вот мы и настроили нашу тему «Sydney» на WordPress.
Вот что у нас с вами должно получиться:
http://o908333s.beget.tech

Записи, рубрики, страницы, метки WordPress

Как создать запись (post), рубрику, страницу, метку на WordPress.

Записи, рубрики, страницы, метки

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

Записи (посты)/post

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

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

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

Давайте сделаем нашу первую запись.

Заходим в админ панель нашего сайта, Консоль — Записи — Добавить новую

Видим следующее:

Вводим Главный заголовок статьи H1, к примеру : «Как установить Windows 10».

Далее нажимаем на «+» для добавления подзаголовка, выбираем «H2» в любом удобном месте, как показано на скриншоте, вводим, к примеру: «Как установить Windows 10 самому»

Нажимаем на «+» и вводим текст нашей статьи, при необходимости выбрав в выпадающем списке «абзац»

Можно добавить изображение/скриншот

Вот что получилось:

Далее по аналогии нажимаем «+» и добавляем необходимый блок — «подзаголовок«, «абзац«, «картинку» и т.д.

Переходим в правую колонку. Нажимаем: «Сохранить«, выбираем формат записи «заметка«. Ярлык URL — устанавливаем по смыслу на латинице «kak-ustanovit-windows-10». После того, как создадим «рубрику», нужно будет поставить галочку, при необходимости добавить «метку«.

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

Нажимаем «Опубликовать«

Вот мы и создали нашу первую запись. Вот что получилось:

Для примера скриншот моей статьи на сайте it88.ru

Страницы

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

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

Страницы нельзя добавлять в рубрики и нельзя назначать им метки. Но в отличии от постов можно из страниц делать иерархию. Так же можно создавать дочерние и родительские страницы.
Попробуем создать страницу, например «Контакты«.
Заходим в Консоль — Страницы — Добавить новую.

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

После сохранения изменяем url. По умолчанию будет написано на русском: «контакты«, заменим на «contacts«.

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

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

Нажимаем «Контакты«, вот что получилось:

Итак, давайте подведём итог.

Записи:

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

Страницы:

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

Рубрики (или категории)

Рубрики (или категории) — это главные и самые крупные кирпичики, которые формируют структуру сайта. Задача категорий – разделить тематику сайта на составные части. Рубриками можно классифицировать записи. Особенностью категорий являются возможность иерархии. То есть можно создавать подрубрики с неограниченным уровнями вложенности. Создали рубрику, создали подрубрику и всё. Ещё одну подподрубрику в подрубрике делать не надо. Каждая запись должна быть в одной категории. Список категорий можно вывести с виджете “Рубрики”.


Создадим нашу первую рубрику. Назовём для примера — «Ремонт компьютера«. Далее назначим статье «Как установить» Windows 10» — рубрику «Ремонт компьютера«.
Заходим в КонсольЗаписиРубрики

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

Далее заходим: Записи Все записиКак установить Windows 10Свойства .

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

Заодно удаляем тестовую запись «Привет мир»

Метки

Метки  используются для более мелкого разделения категорий. Допустим, у вас проект о ИТ. У вас есть категория “Ремонт компьютера”. Вы напишите в ней статью про установку Windows, и ей можно назначить метку “операционные системы” и/или «Windows».

В отличии от категорий, с метками нельзя проделать иерархию.

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

Далее заходим опять в: Записи Все записиКак установить Windows 10Свойства

Через запятую вписываем «Windows«, «Операционные системы» и нажимаем «Обновить«.

Удобнее добавлять метки при написании статьи в правой колонке.

Подведём итог.

Рубрики:

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

Метки:

  • Метки не обязательны для записей.
  • Каждой записи может быть добавлено несколько меток.
  • С метками нельзя сделать иерархию.

В следующей статье мы будем настраивать нашу установленную тему «Sydney» WordPress.

Настройка WordPress после установки

Как настроить WordPress. Пошаговая инструкция по настройке WordPress после установки на хостинг.

Настройка WordPress

Настройка WordPress

Сразу после установки WordPress на хостинг вы должны перейти в админ панель своего сайта ( o908333s.beget.tech/wp-admin, где o908333s.beget.tech — это ваш домен ), используя свой логин и пароль.
Настройка WordPress происходит следующим образом:
Для начала посмотрим как выглядит админка в стандартном виде

Обновляем версию WordPress, если есть более свежая, обновляем встроенные плагины:

Настройка WordPress. «Общие»

Далее переходим в “Настройки” – “Общие”, где видим примерно следующее:

Мы должны ввести название сайта, его описание, добавить в адрес https – если устанавливали SSL-сертификат, а также настроить остальные параметры. Делается все очень просто, но давайте кратко разберем каждый из них.Параметры:

  • Название сайта: соответствует домену, либо же его транслитерации. Можно даже ввести что-то произвольное, но учтите, что название будет отображаться в поисковой выдаче и шапке сайта. После установки WordPress там стоит “Еще один сайт на WordPress”. Обязательно меняем
  • Краткое описание: Вводим небольшое описание нашего ресурса. Что-то типа: “Сайт об ИТ”.
  • Адрес WordPress/сайта: в этих двух полях, как правило, одинаковое значение, которое соответствует адресу вашего проекта с протоколом. Да, именно с протоколом. Если подключали SSL – первое, что нужно сделать — это зайти в “Общие” и добавить протокол в эти поля. Иначе будет много неприятных ошибок.
  • Email: адрес, на который будут приходить всякие уведомления. Желательно использовать свой личный, потому как с его помощью можно получить полный доступ к сайту.
  • Членство: возможность регистрации на проекте. На начальных этапах лучше отключить, т.к. реальная посещаемость будет крайне мала. Можно включать в том случае, если на сайте будут модули, требующие отдельного аккаунта.
  • Роль нового пользователя: права, которые будут автоматически выдаваться при регистрации. Работает только если предыдущий параметр активен. Лучше оставить значение на “Подписчик”, потому как все остальные имеют повышенный доступ к сайту.
  • Язык сайта: если вы каким-то чудом установили вордпресс не с тем языком, то это поле поможет вам в раз все изменить.
  • Часовой пояс: можно поставить свой, можно какой-то другой, если сайт ориентирован на пользователей из какого-то конкретного региона.
  • Формат даты: здесь представлено 4 разных формата даты. Включаем тот, который кажется наиболее удобным. Мне, чаще всего, хватает значения по умолчанию.
  • Формат времени: ровно то же самое. Если есть нужда в изменении формата времени, просто выбираем любой другой и сохраняем изменения.
  • Первый день недели: обычно “Понедельник”.

Написание

Настройки публикации, которые легко можно изменить по своей нужде. На первом этапе почти нет смысла сюда заходить, но если хотите, то вы можете перейти в “Записи” – “Рубрики”, создать там новую категорию, после чего вернуться на эту страницу и поставить ее в качестве основной. “Без рубрики”, согласитесь, выглядит не очень.

Чтение

Тут мы можем выбрать количество записей, которые будут отображаться на главной странице (если выбран параметр “Последние записи”). Также здесь можно настроить кол-во постов в RSS-ленте, формат этой ленты (полный текст или просто анонс). Ну и самый важный пункт: “Видимость для поисковых систем”. Если сайт только-только находится на этапе разработки, то лучше всего отметить галкой этот пункт. В поисковик не будет попадать разный мусор, и после завершения всех работ вам не придется ждать, пока этот мусор выпадет из поиска. После того,как сайт заполнится статьями, контентом — галочку нужно будет убрать.

Настройка WordPress. Обсуждения и Медиафайлы

Оставляем всё по умолчанию, ничего не меняем.

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

Один из важнейших аспектов, который надо учитывать при первичной настройке WordPress. Постоянные ссылки – по умолчанию здесь простой вид – /?p=123. Для того, чтобы поисковые системы лучше ценили сайт, вы должны настроить ЧПУ – человекопонятные урлы, то есть ссылки, которые будут понятны вам и вашим пользователям. Для этого можно переключить параметр на “Название записи”. Ссылки будут иметь приятный вид.

Конфиденциальность

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

Внешний вид

Тема, установленная по умолчанию выглядит не впечатляюще. Почти все вебмастера сразу меняют ее. И правильно делают, ведь в каталоге представлено огромное количество бесплатных шаблонов, которые можно установить в один клик. Переходим во “Внешний вид” – “Темы” – “Добавить новую”.
Выбираем любую понравившуюся тему, в нашем случае вводим в поле «поиск» — «Sydney» наводим курсор, нажимаем “Установить”, после установки нажимаем «Активировать» . Далее шаблон можно настроить по своему вкусу с помощью удобного конфигуратора.

Далее доустановим и активируем плагины к теме «Sydney»

На этом настройка WordPress после установки на хостинг завершена.
Далее мы с вами будем создавать первую запись (post), так же рубрику, страницу, метку.
Об этом в статье: Записи, рубрики, страницы, метки WordPress

Cоздать сайт на WordPress бесплатно

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

Как создать сайт бесплатно на WordPress

Всем привет. Меня зовут Александр. В данной статье я собрал краткую пошаговую инструкцию по созданию сайта на CMS WordPress. Мы с вами будем создавать сайт в виде блога, используя услуги хостинг-провайдера Beget. Beget— один из немногих хостинг-провайдеров, кто предоставляет начинающим веб-мастерам бесплатный хостинг и домен. Бесплатный хостинг удобен, если ваш проект еще не достиг больших размеров, данный хостинг предлагает всем желающим размещать свои сайты  абсолютно бесплатно и без рекламы. Это отличная возможность проверить работу своего сайта на настоящем хостинге! Я начал с бесплатного хостинга, затем перешёл на платный

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

Для создания сайта нужно следующее:

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

Блог повелителя ИТ-активов Александра Бабаева. Установка Windows.

Для создания сайта нам потребуются:

Домен, хостинг, CMS:

 

Как создать сайт бесплатно на WordPress. Домен.

Домен — это имя сайта, то название, по которому посетители будут попадать на ваш блог. Рекомендую сразу приобрести домен от аккредитованных регистраторов в зонах .RU и .РФ. Примерная стоимость 179 рублей в год. Сумма небольшая. Пример домена, который приобрёл я : it88.ru. На сайте Beget.ru можно для начала использовать бесплатный домен, но правда он будет такого вида: p917254l.beget.tech
Вам нужно будет придумать домен, в соответствии с вашей тематикой сайта. Проверить свободен ли он, если свободен — зарегистрировать. Если пока не решили купить домен, то можно использовать бесплатный, затем при необходимости купить и прикрепить его к своему сайту через панель управления хостингом. В принципе, всё интуитивно понятно.
Как выбрать домен?:
а) Чем короче слово, тем лучше;
б) Если нужный домен занят, попробуйте добавить цифры или тире, если подходит по логике и продолжает понятно читаться. Чуть ниже представлен сервис по проверке доменов:
Beget

 

Как создать сайт бесплатно на WordPress. Хостинг

Хостинг — это место, где хранятся все файлы и база данных сайта. Я пользуюсь платным хостингом. Тариф «Блог». Стоимость тарифа — от 320 рублей в месяц (при оплате за год — 3840р.). Но для начала, можно воспользоваться и бесплатным хостингом, при необходимости перейти на платный.
Основные отличия платного хостинга от бесплатного:

Платный:

  • Неограниченное количество доменов и поддоменов
  • Собственную панель управления;
  • PHP 5.2 5.3 5.6 7.0 7.1 7.2 7.3 7.4 8.0 8.1 8.2,8.3 Perl 5, Python, Zend, phpMyAdmin;
  • MySQL 5.7 и 8.0
  • SSH, sFTP/FTP доступ;
  • Возможность заказа дополнительных IP-адресов;
  • Неограниченный трафик;
  • Автоматическую установку CMS;
  • Управление CronTab (задания по расписанию);
  • Управление DNS-записями;
  • POP3, IMAP, SMTP для работы с почтой;
  • Автоматическое резервное копирование;
  • Управление журналами веб-сервера;
  • Круглосуточную техническую поддержку;
  • Разрешённую нагрузку не менее 80 CP в день;
  • Разрешённую нагрузку 2500 CP для MySQL в день.
    Технические характеристики сервера на платном хостинге:

Бесплатный:

  • Дисковое пространство: 1000 Мб
  • Количество:
  • сайтов — 1 сайт
  • дополнительных FTP: 1 аккаунт
  • баз данных MySQL: 1 база
  • доменов и поддоменов: 
  • Максимальное количество файлов: 25 000
  • Разрешённая нагрузка (CP): 10

Что еще включает бесплатный
хостинг?

  • Удобную панель управления
  • Возможность:
  • установки популярных CMS в один клик
  • перехода на платный хостинг с сохранением всех данных
  • прикреплять к сайту свои домены
  • MySQL 5, PHP 5/7, Zend, phpMyAdmin
  • Access и Error журналы (логи сервера)
    Технические характеристики сервера на бесплатном хостинге:

Для того,чтобы воспользоваться бесплатным хостингом, нужно перейти по ссылке: https://beget.com/ru/free-hosting и зарегистрироваться.

После регистрации вам будут доступны логин и пароль для входа панель управления хостингом ( выводятся на экране и приходят в виде смс на ваш номер телефона), так же вам предоставляется бесплатный домен ( пример домена,который предоставили мне — o908333s.beget.tech )
Вид панели управления хостингом :

Как создать сайт бесплатно на WordPress. Установка SSL-сертификата.

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

Я рекомендую устанавливать бесплатный сертификат Let’s encrypt. Сегодня он почти ничем не отличается от платного. Установили один раз и хостер сам будет его обновлять.
Пример установки на хостинге Beget. Заходим в панель управления хостингом — пункт «домены и поддомены»

 

Как создать сайт бесплатно на WordPress. CMS

CMS (Content Management System) — это программа, которая обеспечит удобное и совместное управление Вашим сайтом. Мы с вами будем создавать сайт на CMS WordPress. Вордпресс — полностью бесплатна. Но в отличие от любых других конструкторов, ее функционал огромен, на WP можно сделать сайт практически любого уровня сложности — это становится возможным благодаря открытому коду и плагинам!

Нам нужно развернуть CMS WordPress на нашем хостинге, делаем следующее:
Кликаем на CMS, как показано на рисунке ниже

Выбираем WordPress:

 

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

Директорию установки WP я обычно не меняю, оставляем так как есть, если покупали домен, то в поле
«домен по умолчанию» — выбираем ваш домен, далее указываем название нашего сайта, например: «Блог ИТ«, придумываем логин администратора ( я оставил адрес электронной почты), придумываем пароль для входа в админ панель нашего сайта ( у меня это 8 символов), указываем e-mail администратора, нажимаем: «установить«:

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

Ждём пару минут пока CMS WordPress «развернётся» на хостинге. В результате получается:

Кликаем в моём случае на o908333s.beget.tech (у вас будет такого же вида, но в другими цифрами) и заходим на наш сайт. Нам открывается вот такая картина, это и есть созданный нами сайт:

Поздравляю! Наш сайт уже виден в интернете и можно публиковать статьи. Мы можем сделать его еще лучше, если сделаем дополнительные настройки. Заходим в админ панель нашего сайта для его настройки. Для этого наберём адрес нашего сайта в адресной строке браузера o908333s.beget.tech (вместо o908333s у вас будет свой домен) и добавим в конце /wp-admin . Получается следующее:
o908333s.beget.tech/wp-admin

Вводим логин и пароль:

После ввода логина и пароля — заходим в админ панель, выглядит она так:

Далее в отдельной статье мы будем рассматривать установку тем для WordPress, плагинов и настраивать нашу тему для получения такого же вида, как и мой сайт: https://it88.ru/
Первым этапом нам необходимо настроить WordPress после установки, об этом читаем в статье:
Настройка WordPress после установки. После этого настроим тему «Sydney«.


Виджет сообщений вконтакте. Как добавить виджет «Сообщения сообщества» вконтакте на сайт с CMS WordPress.

Виджет сообщений вконтакте. Виджет «Сообщения сообщества» вконтакте. Как добавить виджет сообщений вконтакте на сайт с CMS WordPress. Чат вк на сайт.  Виджет группы/сообщества на сайт c CMS WordPress. Как добавить виджет группы/сообщества вк на сайт.

Виджет сообщений вконтакте на свой сайт. Необходимо зайти в своё сообщество/группу вконтакте. P.S: У вас должны быть права администратора для управления сообществом. Заходим в «Управление сообществом«

 

 

Далее «Сообщения»

 

 

Настраиваем форму сообщений. Заполняем выделенные поля ( В пункте «Разрешённые домены» указываем доменное имя своего сайта, у меня сайта 2, поэтому и 2 домена):

 

 

Идём по ссылке для настройки виджета вк и выбираем своё сообщество из выпадающего списка: https://vk.com/dev/CommunityMessages 

 

 

Далее ставим галочку  «Раскрывать сразу» , если  требуется. На моём сайте https://it88.ru для примера раскрывается данный виджет сразу, на сайте http://айти-казань.рф просто отображается справа внизу и открывается при нажатии на него. Копируем код для вставки на сайт.

 

 

Идём в админку своего сайта. Внешний вид — виджеты.

 

 

Добавляем текстовое поле и вставляем туда скопированный код. Можно так же данный код вставить не в виджеты,  а в «Footer» (подвал) вашего сайта ( на скриншоте выделено жёлтым, зависит от темы WordPress). В подвал сайта это более правильно, но я не стал заморачиваться. Смотрите как удобнее. Мне удобнее было в виджеты. Результат одинаковый был. Тестировал на 2-х своих сайтах. Сохраняем.

 

 

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

 

 

Смотрим, радуемся, отмечаем успех!!!

 

Виджет группы/сообщества на сайт c CMS WordPress. Как добавить виджет группы/сообщества вк на сайт.

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

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

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

Подключение виджета к Вашему сайту

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

Здесь всё очень просто.

Указываем ссылку на ваше сообщество: Например вот ссылка на мою группу: https://vk.com/computerhelpkazan

Выбираем «Вид», «Ширину» ( я поставил «0», это автоматический размер), «Цвет».  Далее смотрим что из себя будет представлять наш виджет и копируем код для вставки на наш сайт.

 

 

Идём в админку нашего сайта. Внешний вид — виджеты.

 

 

Добавляем текстовое поле и вставляем наш скопированный код, сохраняем.

 

 

Получаем такой результат: 

 

 

Радуемся, отмечаем успех!!!

 

Правильная настройка плагина Yoast SEO для WordPress

Настройка плагина Yoast SEO .

Основная цель SEO плагина – прописывание мета-тегов title, description и keywords к страницам блога. Именно по этим мета-тегам поисковые системы в первую очередь ориентируются о чем идет речь в статье. И если keywords уже давно не актуален, то отсутствие title и description могут серьезно затормозить развитие блога. Их отсутствие является грубейшей ошибкой внутренней оптимизации. В  статье мы познакомимся  с плагином Yoast SEO , мы расскажем как его настроить, и какие у него преимущества и недостатки перед другими Seo плагинами.

Скачать плагин можно с официального сайта WordPress.  Установка стандартная.

Настройка при помощи мастера (оптимальный и самый быстрый вариант настройки):

С помощью мастера настройки вы сможете воспроизвести первичную установку параметров под свои нужды. 

После открытия мастера появляется следующее:

Из описания мы можем понять, что мастер спрашивает нас о том, нужно ли индексировать наш сайт прямо сейчас. То есть, если вы выберете второй вариант, в код вашего ресурса будут добавлены теги noindex, которые будут сообщать поисковым системам, что пока ваш ресурс не должен индексироваться. Это полезно на первых порах, когда вы только еще ведете разработку. И если не хотите, чтобы сайт попал в объектив поисковиков. Если же на вашем проекте уже есть контент, смело выбирайте первый вариант.
Жмём «далее»

Тут мы просто выбираем тип нашего сайта:в данном случае «блог».
Жмём «далее»

Информация, которая будет доступна в поисковой системе: личный сайт или же корпоративный. Выбираем нужный вариант, вписываем свой ник / название организации.
Жмём «далее»

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

Очень важный пункт, на мой взгляд, при правильном определении он позволяет избежать дублей (когда идентичный контент присутствует на нескольких страницах вашего сайта). Если вы будете вести свой проект один, лучше всего выбрать “Нет”, чтобы не создавались лишние архивы автора с дублированным контентом.
Жмём «далее»

Название сайта и разделитель между ним и тайтлом в ваших материалах. Выбираем на свой вкус.
Жмём «далее»

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

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

Как пользоваться плагином Yoast Seo на блоге WordPress?

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

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

При редактировании можете указать уникальный title, description и URL страницы.

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

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

Отсутствует author, entry-title, updated РЕШЕНИЕ.

Entry-title, author, updated отсутствует — РЕШЕНИЕ. Как устранить ошибки структурированных данных Google Webmaster Tools hentry hAtom отсутствует author, entry-title, updated сайт на WordPress.

Ваш сайт на WordPress и вы заметили ошибку структурированных данных google search console (отсутствует: author, entry-title, updated)? Есть решение.

Entry-title, author, updated РЕШЕНИЕ.  Для начала нужно сделать резервную копию сайта.

Проблема выглядит так:

Чтобы устранить проблему — нужно добавить код, который расположен чуть ниже в functions.php вашей темы. У меня 2 сайта. Проверено на темах «Sydney» и «Smartline Lite». Заходим в админку вашего сайта: Консоль»Внешний вид»Редактор и выбираем «Функции темы» (functions.php).

Вставляем в начале, сразу после <?php с новой строки следующий код:

//mod content
 function hatom_mod_post_content ($content) {
 if ( in_the_loop() && !is_page() ) {
 $content = '<span class="entry-content">'.$content.'</span>';
 }
 return $content;
 }
 add_filter( 'the_content', 'hatom_mod_post_content');

//add hatom data
 function add_mod_hatom_data($content) {
 $t = get_the_modified_time('F j, Y');
 $author = get_the_author();
 $title = get_the_title();
 if ( is_single() || is_page()) {
 $content .= '<div class="hatom-extra"><span class="entry-title">'.$title.'</span> обновлено: <span class="updated"> '.$t.'</span> автором: <span class="author vcard"><span class="fn">'.$author.'</span></span></div>';
 }
 return $content;
 }
 add_filter('the_content', 'add_mod_hatom_data');

Выглядит это так:

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

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

P.S:

Если возникнут глюки (рамка или дубль главного заголовка), можно установить плагин TJ Custom CSS и прописать:
.hatom-extra {
display:none;
}

После этого проблем не должно быть.

Надеюсь данная статья вам помогла. Ставим лайки, комментируем.

Настройка плагина Easy VKontakte Connect для WordPress

Настроить плагин Easy VKontakte Connect для WordPress. Добавить на сайт социальные кнопки вконтакте, twitter, facebook, лайки, комментарии, виджеты в контакте. Интегрируем сайт wordpress с социальной сетью Вконтакте.

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

 

Вот что вы узнаете, прочитав данную статью:

 

Как организовать авто-постинг статей сайта в группу вконтакте.,

Подключение комментариев вконтакте на свой сайт.,

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

Кнопки поделится и виджеты авторизации и сообщества.,

Статистика, анализ групп.,

Сайдбары, всплывающий, выезжающий, до контента, после контента.,

Логи, данные подписчиков.,

Опросы VK.

 

 

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

 

Итак, все вышеперечисленные функции предоставляет плагин, который называется — Easy VKontakte Connect, плагин хорош тем, что он полностью на русском языке, и разобраться в нём у вас не составит особого труда. Установить данный плагин вы сможете прямо из своей админ-панели wordpress, для этого перейдите по вкладке: Плагины — Добавить Новый, введите название плагина в поле поиска, нажмите Enter, и установите открывшийся плагин.

 

 

 

После установки и активации плагина, у вас в админ-панели, в левом меню появится две вкладки: EVC, EVC опросы VK.

 

 

 

Настройки VK API

 

Для автопостинга.

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

 

 

 

1. Авторизуйтесь в vkontakte.com

2. На сайте VK Developers, в окне создание приложения, укажите название приложения, выберите тип — Standalone-приложение, и нажмите на кнопку — Подключить приложение.

 

 

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

 

 

4. Вводим код подтверждения, и жмём на кнопку — Отправить код.

 

 

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

 

 

 

6. На странице настройки, в поле Open API выберите и нажмите на вкладку — Включён.

 

 

 

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

 

 

8. В самом верху, на странице настройки, копируем ID приложения.

 

 

9. Вставляем скопированный ID приложения на страницу настройки плагина.

 

 

10. Чтобы получить Access Tocen пройдите по указанной ссылки на странице плагина.

 

 

11. В открывшемся окне нажмите на кнопку — Разрешить.

 

 

12. Далее, вам нужно будет скопировать URL адрес открывшейся страницы.

 

 

 

13. Вставьте скопированный URL адрес в поле Access Token Url, и нажмите на кнопку — Сохранить изменения.

 

 

14. Всё, в конце у вас появится значение Access Token, это значит всё готово, приложение подключено !

 

 

 

API для виджетов.

 

Смотрите, здесь действуйте по той же схеме как я объяснял выше, только в самом начале вам нужно выбрать ТИП ПРИЛОЖЕНИЯ — ВЕБ САЙТ (смотри фото)

 

 

Далее, то же самое, после смс подтверждения, переходите на страницу Настройки, и копируете — ID приложения, и Защищённый ключ. (смотри фото)

 

 

Далее вставляете скопированные ID приложения и защищённый ключ на страницу настройки API для виджетов. После чего нажимаем на кнопку — Сохранить изменения. И всё готово !

 

 

 

Авто-постинг

 

Настройки авто-постинга.

 

 

Ссылка на страницу, введите здесь url адрес, ссылку страницы, сообщества или группы вконтакте, на которое вы хотите публиковать новости.

ID страницы, ничего не указывайте, значение создаться автоматически.

— ( Настройки для PRO версии я рассматривать не буду ! )

—  Авто-публикация, выберите — Запущена.

 

Формат записи ВКонтакте.

 

Оформление, отметьте галочками как сообщение будет выглядеть на стене ВКонтакте.

— Post types, выберите post.

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

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

Анонс, укажите сколько слов из записи будет отображаться в анонсе.

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

 

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

 

 

 

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

 

 

Комментарии

 

Настройки виджета комментариев ВКонтакте.

 

 

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

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

 

 

 

Социальный замок

 

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

 

 

 

 

Кнопки и виджеты В Контакте

 

Здесь можно будет настроить:

 

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

Установить кнопку авторизации через ВКонтакте на странице входа на сайт.

Виджет сообщества, на странице виджетов у вас появится виджет — VK сообщества.

Статистика действий.

 

 

 

Анализ групп ВКонтакте.

 

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

 

 

Сайдбары

 

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

 

 

 

Лог.

 

Лог действий плагина. Лог — это информация о пользователях, IP адрес, email, имя и т.д.,

 

 

Опросы VK

 

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

 

 

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

 

 

 

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

Contact Form 7 ширина полей

Как настроить ширину полей Contact Form 7 на WordPress.

После установки плагина Contact Form 7 выяснилось, что размеры (ширина) полей формы меня не устраивают, а как их изменять – вопрос.

Пришлось немного повозиться, но, как оказалось, вопрос этот решаем.

Собственно, вот ответ на этот вопрос, размещенный на сайте разработчика Contact Form 7 , но там все на английском (плюс надо еще вычитывать то, что непосредственно относится к делу), поэтому я дам еще и свои пояснения:

На странице настройки плагина Contact Form 7 есть программный код, который определяет, какие поля будут присутствовать в форме.

По умолчанию, этот код выглядит так:

<p>Ваше имя (обязательно)<br />
[text* your-name] </p>
<>Ваш E-Mail (обязательно)<br />
[email* your-email] </p>
<p>Тема<br />
[text your-subject] </p>
<p>Сообщение<br />
[textarea your-message] </p>
<p>submit «Отправить»]</p>

После установки Really Simple CAPTCHA он выглядит так:

<p>Ваше имя (обязательно)<br />
[text* your-name] </p>
<>Ваш E-Mail (обязательно)<br />
[email* your-email] </p>
<p>Тема<br />
[text your-subject] </p>
<p>Сообщение<br />
[textarea your-message] </p>
<p>Введите код с картинки<br />
[captchac captcha-287]
[captchar captcha-287] </p>
<p>submit «Отправить»]</p>

Как выяснил я, размеры (ширина) полей Contact Form 7 и расстояние между ними регулируются тоже этим кодом.

Вот как он сейчас выглядит у меня:

<p>
Ваше имя (обязательно):
[text* your-name 80/200]
Ваш E-Mail (обязательно):
[email* your-email 80/200]
Тема:
[text your-subject 120/300]
Текст сообщения, вопроса или описания собственной ситуации:
[textarea your-message 130×20]
Введите код с картинки
[captchac captcha-941]
[captchar captcha-941 20/50] </p>
<p>[submit «Отправить»]</p>

Т.е., что я, собственно, сделал:

1. Убрал все лишние теги <p>, </p> и <br /> (за счет чего расстояние по вертикали между полями и надписями Contact Form 7 уменьшились.

2. Добавил в теги полей ввода имени, e-mail, темы и капчи пары цифр 80/200, 120/300  и 20/50 (это ширина поля и максимальное количество символов в нем, на странице разработчика приводятся примеры 40/100 и 20/50, я свои цифры подобрал экспериментальным путем, глядя на то, как меняется ширина полей).

3. Добавил в тег поля сообщения пару цифр 130×20 (160 – это ширина поля в символах, 20 – это высота поля в строчках – тоже подобрал экспериментальным путем).

Все это видно, если просто сравнить эти варианты кодов.