Toderelt.ru

ПК Журнал ТодерельТ
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Easy Social Share Buttons — плагин по добавлению кнопок социальных сетей в WordPress, включая Вконтакте и Одноклассники

Easy Social Share Buttons — плагин по добавлению кнопок социальных сетей в WordPress, включая Вконтакте и Одноклассники

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня пишу свой первый обзор платного плагина для WordPress (стОит он, правда, совсем не дорого (12$), но все же не халява). Собственно, до этого я их никогда и не покупал, стараясь использовать то, что распространяется бесплатно. Да и сами плагины для WordPress на своем блоге стараюсь использовать по минимуму (оставлял лишь те, без которых действительно трудно обойтись).

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

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

Собственно, и история с покупкой Easy Social Share Buttons стала результатом желания попробовать «продукт из коробки», который, по идее, должен доставлять одни только положительные эмоции. В общем-то, эксперимент удался — кнопки мне понравились, возможности настроек и статистики очень даже порадовали. Но были и некоторые сложности, о которых тоже не премину рассказать.

Настройка плагина «Uptolike Share Buttons»

В админ-панеле с левой стороны меню выберите «UpToLike» :

Настройка плагина «Uptolike Share Buttons»

Перед вами откроется вкладка «Конструктор» .

Вкладка «Конструктор»

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

Настройка плагина «Uptolike Share Buttons»

— Дополнительные настройки – в этом пункте настроек есть:

«Цитирование» – пользователю предлагается поделиться со своими друзьями в социальных сетях частью текста, который был выделен:

Настройка плагина «Uptolike Share Buttons»

«Кнопка «Наверх»» — позволяет подняться в верх страницы:

Настройка плагина «Uptolike Share Buttons»

«Отключить кнопку «. «» — убирает кнопку с дополнительным выбором социальных сетей:

Настройка плагина «Uptolike Share Buttons»

«Показать всплывающее окно с предложением подписаться» – включение этого модуля позволит помимо Share пригласить пользователя сайта в свою группу в соц. сети.

Я выставляю вот такие настройки:

Настройка плагина «Uptolike Share Buttons»

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

Настройка плагина «Uptolike Share Buttons»

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

Настройка плагина «Uptolike Share Buttons»

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

Настройка плагина «Uptolike Share Buttons»

Настройка плагина «Uptolike Share Buttons»

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

Жмите на кнопку «Сохранить» .

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

Настройка плагина «Uptolike Share Buttons»

Движемся дальше. Прейдите на вкладку «Настройки» .

Вкладка «Настройки»

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

— Режим работы плагина – здесь нужно выбрать:

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

«Шорткод» – позволяет добавить кнопки социальных сетей в любом месте через файл и редактор.
Для файлов « .php »:

Для вставки в режиме визуального редактора:

Жмите на кнопку «Сохранить изменения» .

Теперь перейдем на вкладку «Статистика» .

Вкладка «Статистика»

В статистике можно узнать:

— количество «лайков» на сайте в течение выбранного периода;
— сколько пришло новых посетителей на блог из социальных сетей и др.

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

Какие виды социальных кнопок бывают?

Бывает два вида кнопок которые можно установить на свой веб-сайт и которые имеют принципиальные различия:

  • Поделиться (share buttons).С их помощью пользователи могут сообщить своим друзьям о вашем блоге либо о какой-то отдельной статье, разместив запись у себя на странице соцсети, что позволяет привлечь новых посетителей, что по своей сути, является, бесплатной рекламой вашего интернет-проекта.
  • Подписаться (follow buttons). Они позволяют пользователям перейти к нам в группу или на страницу в одной из социальных сетей, где они могут, при желании, подписаться на новости нашего проекта. Это дает возможность информировать своих пользователей, через соц. сети, о появлении нового контента.
Читать еще:  Где можно посмотреть пароли от Skype

Как настроить сайт на WordPress после установки: чек-лист

News image

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

Название и краткое описание сайта

Чистый ВордПресс после установки имеет стандартные название и описание. Как правило, это надпись ”Мой сайт. Сайт работает на WordPress”. Не слишком впечатляет, правда? Нужно поскорее сменить это, поставив в название и описание более приемлемые слова. Какие именно – решайте сами, но сразу могу сказать, что лучше бы не делать их слишком короткими или наоборот слишком длинными.

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

Чтобы изменить название и краткое описание, достаточно зайти в “Настройки” темы, которая установлена у вас по умолчанию. Эту кнопку вы могли заметить прямо в верхней админ-панели. То есть мы проходим в Настройки – Свойства сайта, где и меняем содержимое по своему усмотрению.

Однако это не единственный способ, изменить название и описание веб-ресурса на ВордПресс можно из внутренней админки. Для этого перейдите в Настройки – Общие, где первыми пунктами будут указаны искомые поля.

Вводим необходимые слова, после чего сохраняем изменения.

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

По умолчанию WordPress использует ссылки вида сайт.ру/?p896. Достаточно сомнительное удовольствие иметь на своем веб-ресурсе подобное. Мириться мы с этим не будем, поэтому сразу приступим к настройке постоянных ссылок. Для этого мы переходим в соответствующий раздел Настройки – Постоянные ссылки.

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

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

Чуть ниже у вас есть возможность изменить ссылки на рубрики. Обычно они имеют вид: /category/название рубрики. Вместо category можно вписать любое удобное название. Мы предпочитаем убрать это ненужное звено с помощью плагинов.

Формат даты и времени

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

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

Комментарии и аватары

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

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

С помощью опций “Модерация” и “Черный список” вы можете настроить поведение CMS для блокировки каких-то отдельных типов комментариев.

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

По умолчанию ВордПресс берет аватарку с сервиса Gravatar. Если вы когда-либо использовали его, эл. адрес почты на Граватаре и WordPress совпадают, то последний возьмет аватар для аккаунта именно с этого сервиса.

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

Читать еще:  Как выложить видео в Tik-Tok

Примеры записей и страниц

При установке этой CMS, чтобы показать вам, как будут выглядеть посты и страницы, система автоматически создает тестовую запись, комментарий к ней, а также страницу. Нам это добро явно не нужно, поэтому мы удаляем эти подарки, из корзины тоже. Чтобы сделать это, просто наведите на нужный элемент, появится меню и красная кнопка “Удалить”. Она-то нам и нужна.

Итак, мы удаляем:

  1. пример записи,
  2. пример страницы,
  3. рубрику “Без рубрики”.

Их можно найти в соответствующих разделах админ-панели.

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

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

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

  • Yoast SEO

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

  • WP Translitera

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

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

  • Akismet Anti-Spam

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

Для активации понадобится зарегистрироваться на сайте, после чего выбрать тариф. Есть бесплатный, нужно лишь выбрать “Персональный блог” в списке предложенных вариантов. После активации Akismet будет блокировать 95 % спама. Есть возможность более тонкой настройки.

  • WP Super Cache

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

  • UpdraftPlus WordPress Backup Plugin

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

  • Wordfence Security – Firewall & Malware Scan

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

  • Contact Form 7

Contact Form 7 нужен для создания контактных форм. Его используют для сбора определенной информации или простого фидбэка с посетителями.

Создание robots.txt и sitemap

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

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

Что касается sitemap, то Yoast SEO тоже его создает автоматически. Причем самостоятельно и без каких-либо вмешательств. Найти карту сайта можно по адресу: сайт.ру/sitemap_index.xml.

Отключить эту функцию можно в разделе Общие – Возможности.

Если по каким-то причинам вас не устраивает карта сайта, создаваемая Yoast SEO, то мы могжем порекомендовать вам плагин Google XML Sitemaps. С ним вы сможете создать карту сайта по своему вкусу.

То же касается и роботса. Если вы вообще не хотите использовать SEO-плагины, в большинстве из которых эта опция вшита по умолчанию, то всегда есть возможность сделать все вручную. Просто создайте текстовый файл с названием robots.txt, заполните его минимальным содержимым и загрузите его в корень веб-ресурса с помощью FTP или файлового менеджера. Который должен присутствовать в панели управления вашего хостинг-сервиса.

Читать еще:  Как написать в Instagram Direct

Установка шаблона

Стандартный дизайн WordPress хоть и выглядит круто, но мы же не хотим оставлять дефолтный шаблон на своем проекте, верно? Переходим во вкладку Внешний вид – Темы – Добавить новую. Там на наш выбор представлено сотни самых разных тем. Можно выбрать любую из них на первое время.

После активации темы есть возможность дополнительной более тонкой настройки. Для этого перейдите на главную страницу сайта и выберите “Настроить” вверху панели управления. Другой вариант настройки темы через админку Внешний вид – Темы – Настроить.

Заключение

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

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

Short url

Поле для включения коротких ссылок

Не заморачивался данной опцией, но очевидно что она позволяет публиковать ссылку на сайт с помощью сервисов short url типа bit.ly, goo.gl и т.д. Лично по мне, так это дебилизм сокращать ссылки поскольку твиттер и так использует свою «сокращалку» t.co. И нет разницы какой длинны Вы публикуете ссылку в твиттер. Если не верите, то проведите эксперимент. Добавьте в поле твита короткую ссылку и ссылку на результаты поиска Google и увидите что и та и другая отнимаю равное количество символов. Вот Вам в качестве примера:

Поле для твита со вставленой небольшой ссылкой

Поле для твита с очень длинной ссылкой

Как видите независимо от длинны ссылки, она отнимает 23 символа и в обоих случаях мы можем ввести ещё 117 символов текста. Тогда смысл портить твит ссылками «сокращалок»?

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

Вкладка "Theme Selection"

Здесь настраивается внешний вид кнопок, то есть тема. Вы увидите, что страница опций поделена на две части — «Standard interface theme» и «Floating interface theme» (стандартная тема и плавающая тема, соответственно). Стандартная отображается непосредственно в тексте записей и страницы, а плавающая представляет собой блок, не привязанный к какому-либо элементу, который всегда видно, независимо от прокрутки страницы. Оба варианта имеют одинаковые опции.

  • On Hover Icon Preview. Интерактивный предпросмотр иконок. При настройке изменения сразу здесь отображаются.
  • Shape. Это форма иконки — круглая, квадратная или прямоугольная.
  • Size (in pixels). Указывается размер иконки в пикселях. Если выбрана квадратная, то можно указать степень закругления углов. А если выбрана прямоугольная, то можно указать длину и высоту.
  • Logo Color. Это цвет логотипа. Если оставить поле пустым, то цвет будет по умолчанию. В поле «Default» указывается цвет в обычно состоянии, а в «On Hover» — при наведении мышки.
  • Background Color. То же самое, что и «Logo Color», только для фона кнопки
  • Border. Опция определяет границы иконки. В разделе «Defoult» опция «Border Width» — это толщина границы, а «Border Color» — цвет. То же самое в «On Hover», но только при наведении мышки.
  • Counter Position (applies, if counter enabled). Если включен счётчик шаринга (об этом ниже), то здесь можно выбрать его позицию относительно кнопок.

Заключение

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

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

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

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector