Как скрыть контент до нажатия кнопок «мне нравиться», «поделиться» и «лайк»
Далее давайте разберем настройки для одной социальной сети - Facebook, потому что для Twitter и Google +1 они будут примерно такими же.
1. «Hide after like» - необходимо выбрать, если Вы хотите, чтобы после нажатия на кнопку она спряталась.
2. "Facebook like button" - настройка внешнего вида кнопки. Вы можете воспользоваться расширением для Google Chrome, чтобы перевести страницу, тогда они станут Вам более понятными.
3. "Open graph settings" - практически то же самое, что и Google.Analytics, но только для Facebook.
Ну и наконец-то переходим к основной и самой важной части. Для того чтобы скрыть необходимый контент до нажатия на кнопки социальных сетей нужно поместить его между тегами:
[l2g name="Download this awesome file" id="999" facebook="true" twitter="true" gplusone="true"]Ваш контент[/l2g]
Однако все время копировать теги не совсем удобно, поэтому давайте рассмотрим еще несколько подобных плагинов.
Не так давно этот плагин продавался в Рунете по 540 рублей кажется. Да может быть и сейчас продается, но не это важно. А важно то, что этот плагин в Зарубежном интернете можно найти бесплатно и я предоставляю Вам ссылку для его скачивания. Для этого нажмите на заголовок пункта. Вот так будет выглядеть блoк скрывaющий контент от пользователя до клика по кнопке лайка: Данный плагин отличается от своих аналогов гибкими настройками. Думаю будет лучше, если Вы посмотрите видеоурок по настройке Pay With a Like, так Вы сможете разобраться во всех тонкостях и разобрать многие нюансы: Еще один достаточно неплохой социальный замок. Хоть он и не отличается особенной красотой, но со своей основной задачей справляется на пять с плюсом! Like To Keep Reading очень прост в настройке. Давайте я Вам это докажу. Для начала давайте установим и активируем данный плагин. Заходим в раздел "Плагины" --> "Добавить новый" и вводим его название После установки у Вас в меню слева появится пункт "LT Keep Reading" , кликаем на него. Теперь мы попадаем на страницу с настройками плагина. В принципе здесь все стоит так как должно стоять, единственное нужно перевести поля с текстами на русский язык, а также поставить url Вашего сайта: Ну и конечно не забываем сохранить настройки, нажатием на кнопку Save "Changes" 4. Worpdress Share Locker Еще один замечательный плагин, который будет последним в сегодняшней подборке. Установка и активация проходят по обычному сценарию, никаких неожиданностей здесь нет. После установки плагина у Вас в меню слева, в пункте "Параметры" появится новая строчка – «Share Locker» . Но сразу скажу, что переходить к настройкам плагина смысла нет, так как то же самое Вы будете видеть во всплывающих окнах при работе с плагином. При написании или редактировании статьи у Вас в визуальном редакторе появится новая кнопку в виде замка кнопку: Для того, чтобы заблокировать необходимый кусок текста, его нужно сначала выделить, а затем нажать на эту кнопку: Во всплывающем окне (скриншот выше) Вам нужной выбрать сначала необходимый цвет (верхняя стрелка), затем написать обращение к читателям (вторая стрелка) – то, что они будут видеть, например, «Нажми на кнопку и увидишь ссылку» ну и соответственно нажать на кнопку "Insert Locker". Ну и вот так примерно будет выглядеть на нашей странице блок с кнопками:Лично я использую данный плагин, как-то спонтанно сделал его покупку, просто понравился и подумал что понадежнее бесплатных версий. А в процессе написания статьи, узнал что оказывается и среди бесплатных выбор есть. О покупке не жалею, Boom Social кроме функции скрытия контента, может еще выводить всплывающее окно в которое можете поместить виджет страницы/группы из социальных сетей вконтакте или фейбук, или же просто вывод произвольного текста.
Хочется выделить широкие настройки скрытия контента, можно указать что будет показываться текст или картинка для сообщения о скрытом контенте, скрывать или нет скрытую часть контента от поисковых систем - ОЧЕНЬ ВАЖНО, какие кнопки социальных сетей выводить, а какие - нет.
Ниже, я продемонстрирую как работает плагин, нажмите любую кнопку социальной сети и страница перезагрузится, после чего вы увидите то что я взял из раннего поста, но если вы его пропустили то будет интересно, в общем пробуйте и сами увидите :)
[lock] [/lock]