Better Feed для WordPress — как не отдавать в RSS полные тексты постов и защититься от воровства контента через новостной канал

Better Feed для WordPress — как не отдавать в RSS полные тексты постов и защититься от воровства контента через новостной канал

20 Дек, 2010

  1. Как в WordPress не отдавать в RSS ленту статьи целиком
  2. Возможности и установка в Вордпресс плагина Better Feed
  3. Тонкая настройка информации о посте в RSS ленте

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодняшняя статья будет, что называется, «по письмам читателей». Мне уже не раз задавали в комментариях и по электронной почте вопрос.

Как не отдавать в RSS полные тексты постов и добавить информацию об авторских правах (копирайт, о котором мы говорили тут), ну и всякие другие ссылки и надписи, которые имеют место быть в моем канале.

Как в WordPress не отдавать в RSS ленту статьи целиком

Чего-то сходу я даже и не мог вспомнить, а как, собственно, все было реализовано в моем случае. Давно делал и уже подзабыл детали, но тут решил все же упереться рогом и вспомнить откуда растут ноги у такого оформления. Но, заглянув в раздел установленных плагинов через админку, все как-то сразу встало на свои мета. Встречайте, великий и ужасный кудесник RSS лент в WordPress — плагин Better Feed (почти Копперфильд).

Это именно плагин создает внизу всех постов, отдаваемых моим блогом в RSS ленту, такой замечательный подвальчик (footer) с различными ссылками: на полную версию статьи, на главную и на категорию, к которой относится данный пост. Ну, и самая важная функция — это возможность не отдавать в фид полные версии постов.

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

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

Ну, а теперь давайте перейдем уже непосредственно к рассмотрению возможностей Better Feed, к его скачиванию, установке и настройке.

Но прежде я все же хотел бы попробовать вспомнить, зачем мне понадобился в свое время этот плагин? Почему нельзя было обойтись встроенной в WordPress возможностью отдавать в новостной канал не полные тексты статей? К тому же, можно это сделать и через настройки Feedburner, обрезая их после определенного количества символов текста:

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

В окне настроек вашего фида вы должны открыть вкладку «Оптимизируй» и выбрать из левого меню открывшегося окна пункт «Summary Burner». Правда мне такой вариант не показался шибко удачным, но на вкус и цвет, как говорится…

Вариант с использованием стандартных настроек Вордпресса меня тоже не слишком впечатлил, ибо, начиная с версии 2.5, по умолчанию в RSS стали отдаваться полные версии постов (в более старых версиях, по умолчанию, отдавались анонсы).

Правда, в настройках версии 2.5 и выше, есть возможность переставить галочку в поле «Для каждой статьи в ленте отображать» в положение «Анонс»:

Но в этом случае в фид, формируемый вашим блогом, будут отдавать только первые 55 слов из каждого поста, а затем будет стоять многоточие в квадратных скобках […], символизирующее, что там еще имеется продолжение, но вот ссылки «Читать далее» не будет. Это похоже на вывод статей в категориях Вордпресса с помощью the_excerpt вместо the_content.

Так вот, в той же статье я писал, что вместо троеточия можно вставить ссылку «Читать далее», но для этого в файл functions.php нужно будет добавить следующую функцию:

function new_excerpt_more($more) {
return '<a href="'. get_permalink($post->ID) . '">' . ' Читать далее ..' . '</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

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

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

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

Возможности и установка в Вордпресс плагина Better Feed

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

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

Кроме этого он позволит еще реализовать довольно-таки полезный подвальчик (footer) с надписью об авторских правах (Copyright) на данный пост и кучей всевозможных ссылок на ваш блог, которые сослужат вам добрую службу. Ибо, если нехороший человек не глядя спарсит и опубликует содержимое вашего RSS канала, то вы получите совершенно бесплатные бэклинки на свой ресурс.

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

Ну, давайте, наконец, перейдем к самому плагину Better Feed, который можно скачать здесь.

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

/wp-content/plugins/

Для подключения к своему блоге по FTP я советую пользоваться FileZilla, о которой писал тут, ибо программа удобна, проста и надежна. ИМХО (аббревиатура английского словосочетания «In My Humble Opinion», в переводе означающего «по моему скромному мнению»).

Потом вам нужно будет зайти в админку WordPress и перейти на вкладку «Плагины» — «Неактивные» и найти нужный. Нажмите по ссылке «Активировать» под его названием.

Все, Better Feed начал работать и RSS лента вашего блога будет преобразована в соответствии с его настройками, которые были забиты в нем по умолчанию. Чтобы получить возможность настроить его под себя, вам нужно в админке выбрать вкладку с его названием в группе вкладок «Параметры».

Давайте пробежимся по ним. Первое поле, в котором вы можете снять или установить галочку, называется «Cut the Feed on „Read more“ links (<!—more—>)». Если галочка не будет стоять, то в RSS будут отдаваться полные тексты. Если же поставить галочку в этом поле, то будут отдаваться только части статей, предшествующие тегу More (анонсы).

Поле «Cut the Feed on „Next page“ links (<!—nextpage—>)» будет играть какую-либо роль только в том случае, если вы в тексте постов используете специфичный тег — Nextpage, при помощи которого можно разбивать статьи в WordPress на страницы. Галочка в этом поле будет означать, что Better Feed отобразит в фиде ссылки на остальные страницы статьи.

В поле «Read more Link» вы можете подкорректировать уже имеющийся там код, позволяющий добавлять ссылку «Читать далее» в низу каждого поста в новостном канале. Это будет актуально только в том случае, если в первом поле настроек вы оставили галочку. Тогда на месте тега More в ленты будет выводиться ссылка для просмотра полной версии поста на вашем блоге:

<p style="text-align: right"><a href="%%posturl%%">Читать дальше...</a></p>

Вместо переменной %%posturl%% будут вставляться Урлы постов. Вы можете, при желании, поменять текст ссылки «Читать дальше», а так же изменить его выравнивание (по умолчанию используется выравнивание по правому краю text-align: right. В атрибут Style можете добавить еще сколько вам будет угодно CSS свойств для придания нужного вида ссылке «Читать далее»).

Тонкая настройка информации о посте в RSS ленте

В поле «Feed Item Footer» на странице настроек Better Feed у вас будет возможность, с помощью визуального редактора и набора кнопок для вставки разнообразных переменных, создать свой собственный дизайн подвала (footer) под каждых постом, выводимым в RSS. У меня код подвала выглядит так:

<hr noshade style="margin:0;height:1px" />
<small>
<p>Copyright © %%date[Y]%%, <a href="%%blogurl%%">KtoNaNovenkogo.ru - блог для начинающих вебмастеров</a>.
Все права защищены. |
<a href="%%posturl%%">Постоянная ссылка</a> |
<a href="%%posturl%%#comments">%%comments_text%%</a>
<br/>
Вы также можете ознакомиться с другими материалами рубрики %%categorylinks%%.</small></p>

По умолчанию визуальный редактор находится в режиме редактирования HTML, но после внесения измений в код вы можете посмотреть результат своих действий, перейдя на вкладку «Preview»:

Давайте рассмотрим все переменные, которые будут вам доступны для настройки подвала под каждым постом в RSS ленте вашего блога на WordPress:

  1. blogname — название вашего блога
  2. blogurl — URL главной
  3. feedurl — URL RSS-ленты
  4. posttitle — заголовок поста, для которой создается этот подвал
  5. posturl — URL адрес этой статьи
  6. id — ID поста
  7. date[Y] — дата и время ее создания
  8. categories — название одной или нескольких рубрик (категорий) WordPress, к которым она принадлежит
  9. categorylinks — URL адреса этих рубрик
  10. tags — список разделенных запятыми тегов, которые вы прописали при написании этой статьи в админке
  11. taglinks — тот же список, но только в виде ссылок на эти самые страницы тегов
  12. comments — число комментариев, которые уже имеются у этой публикации
  13. comments_text — текст для 0, 1 или xx комментариев, задается в последнем поле настроек плагина Better Feed
  14. wordcount — количество слов в данной публикации
  15. wordcount_remain — количество слов в этой статье, но только после тега More (ссылки «Читать дальше»)
  16. author_first — имя автора
  17. author_last — фамилия автора
  18. author_nick — ник автора

В поле «X Comments Labels» вы можете настроить отображение количества комментариев так, чтобы это не вызывало диссонанс в восприятии русскоязычного читателя вашего канала. Думаю, что тут и так все понятно. Ну, и последняя настройка в поле «Credit & Love» позволит вам быть великодушными и благодарными — добавить ссылку в свою RSS ленту на сайт автора плагина Better Feed.

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

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс

Subscribe To Comments для WordPress — рассылка новых сообщений на E-mail, а так же создание RSS подписки на комментарии

Subscribe To Comments для WordPress — рассылка новых сообщений на E-mail, а так же создание RSS подписки на комментарии

24 Мар, 2010

  1. Subscribe To Comments — новые сообщения на E-mail
  2. Настройки плагина Subscribe To Comments для WordPress
  3. Иконка для подписки на RSS ленту комментариев в Вордпресс
  4. Настраиваем подписку по RSS на новые комменты к любой статье

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

А для решения вопроса оповещения читателей о появлении новых комментов к интересной им статьей нам поможет замечательный плагин Subscribe To Comments.

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

Subscribe To Comments — новые сообщения на E-mail

Для начала давайте рассмотрим настройку подписки на новые сообщения к статьям блога при помощи плагина Subscribe To Comments (содержание новых сообщений подписчик будет получать на E-mail).

Несмотря на растущую популярность RSS (о ней читайте во второй половине этой публикации), простая и понятная подписка по электронной почте (E-mail) является самым распространённым способом.

Итак, для начала нам потребуется скачать и установить плагин Subscribe To Comments. Скачать его можно с официального ресурса.

Установка в стандартном варианте будет проходить так:

  1. распаковываем архив с плагином subscribe-to-comments2.1.2.zip
  2. используя ftp-менеджер подключаемся к хосту и загружаем два файла subscribe-to-comments.php и subscribe-to-comments-ru_RU.mo в папку с плагинами wp-content/plugins/ на сервере хостинга
  3. теперь вам нужно войти в админку и выбрать вкладку «Плагины» из левого меню, а затем перейти на вкладку «Inactive»
  4. в открывшемся окне найдите строку с нашим героем и активируйте его

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

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

В результате, после появления нового коммента к данной статье, на его почтовый ящик (он его указывал при добавлении сообщения) плагином Subscribe To Comments будет отправлено сообщение с его текстом и ссылкой, по которой можно будет посмотреть это сообщение непосредственно по месту его жительства.

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

Настройки плагина Subscribe To Comments для WordPress

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

Для этого вам нужно будет вставить в нужное место файла Comments из папки /wp-content/themes/Название_папки_с_текущей_темой_оформления/comments.php следующую строку кода:

<?php show_subscription_checkbox(); ?> 

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

Для этого вам опять придется открыть на редактирование файл Comments и добавить, например, сразу после закрывающего тега формы:

  </form>

следующую строку:

<?php show_manual_subscription_form(); ?> 

В результате, у посетителей вашего блога появится возможность подписаться на комментарии к статье, просто введя свой E-mail в предложенную плагином форму:

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

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

На странице настроек так же сможете настроить внешний вид менеджера управления подпиской, в который может попасть подписчик (см. скриншот чуть выше), перейдя по ссылке «Управление подписками», расположенной под формой добавления сообщения, либо по соответствующей ссылке из письма с рассылкой.

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

Для того, чтобы все это органично вливалось в дизайн вашего блога, поставьте галочку в поле «Использовать свой стиль» и пропишете в полях «Путь к шапке», «Путь к сайдбару» и «Путь к «подвалу» названия соответствующих шаблонов (файлов) из вашей темы оформления (здесь мы темы и шаблоны по косточкам разложили):

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



По окончании настроек не забудьте нажать на кнопку «Обновить настройки» в админке WordPress.

Иконка для подписки на RSS ленту комментариев в Вордпресс

Но, т.к. далеко не все читатели вашего WP блога будут на короткой ноге с RSS, то вам, в обязательном порядке, придется организовывать альтернативный канал для подписки через E-mail (это сделает плагин Subscribe To Comments).

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

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

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

Если вы помните, то узнать адрес RSS ленты вы можете, просто добавив к URL вашего блога слово FEED, например, так:

http://ktonanovenkogo.ru/feed

Это уже потом, после трансляции через сервис Feedburner (см. ссылку выше), адрес вашего фида в WordPress примет вид, подобный этому:

http://feeds.feedburner.com/Ktonanovenkogoru

Так вот, адрес RSS ленты комментариев вы можете получить по точно такому же принципу, только к урлу главной страницы нужно будет добавить окончание в виде comments/feed. Получится, примерно, так:

http://ktonanovenkogo.ru/comments/feed

Эту ссылку на RSS канал комментов можете прогнать через Feedburner, при желании. Теперь остается только повесить эту ссылку на какую-нибудь красивую кнопку и разместить ее рядом с основной иконкой RSS (тут читайте про иконки и что такое лента новостей). Можно сделать, например, так:

<a href="http://ktonanovenkogo.ru/comments/feed" target="_blank"><img width="90" height="71"  src="http://gazetabg.ru/wp-content/uploads/2017/05/rss_no_drop1.png"></a>

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

Для этого проще всего будет вставить иконку не напрямую в HTML, а задать ее как фон в CSS файле (таблице каскадных стилей) вашей темы оформления WordPress. В шаблон, в нужное место, потребуется вставить примерно такой код:

<div id="rsscom">
<a href="http://ktonanovenkogo.ru/comments/feed" class="comm">Подписаться на комменты</a>
</div>

А в файл CSS (таблицу каскадных стилей), который находится в папке с вашей темой оформления (/wp-content/themes/Название_папки_с_текущей_темой_оформления/style.css), вам нужно будет добавить свойство:

#rsscom a.comm {
background:url("images/13.png") no-repeat scroll 0;
display:block;
height:16px;
line-height:16px;
padding-left:27px;
}

Про назначение правила background см. здесь, про display — тут, а про padding — здесь. Файл с изображением иконки вам нужно будет загрузить в папку с картинками вашей темы оформления — /wp-content/themes/Название_папки_с_текущей_темой_оформления/images. В результате получится, примерно, такая кнопка с текстом:

Подписаться на комменты

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

Настраиваем подписку по RSS на новые комменты к любой статье

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

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

Для начала открываете на редактирование файл Comments из вашей темы оформления, отвечающий за формирование комментариев:

/wp-content/themes/Название_папки_с_текущей_темой_оформления/comments.php

Находите где-то в его конце закрывающий HTML тег формы:

  </form>

и вставляете сразу после него строчку кода:

 <?php comments_rss_link('&raquo;  Подписаться на комменты к этой статье'); ?>

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

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

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс

RSS каталоги и агрегаторы для добавления своих новостей, а так же подписка через Яндекс Ленту и Google Reader

RSS каталоги и агрегаторы для добавления своих новостей, а так же подписка через Яндекс Ленту и Google Reader

7 Янв, 2010

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. В предыдущих статьях из данной серии уроков мы узнали, что такое Rss лента и какие ридеры (читалки) можно использовать, как добавить и настроить RSS ленты и каналы для своего сайта на Joomla или Вордпресс. Да, еще узнали вот, зачем нужен Feedburner и как им пользоваться (счетчик, подписка по Емайл и др.)

Сегодня я расскажу, как и для чего добавлять свою ленту новостей в RSS каталоги и агрегаторы, приведу их список, а так же мы рассмотрим способы подписки на канал новостей Яндекс Ленту и Google Reader (увы, уже покойный).

Прогон по RSS каталогам и агрегаторам

Мы создали фид для нашего проекта, добавили его в Feedburner и теперь пора приступать к ее добавлению в различные агрегаторы и каталоги. Зачем это нужно и что это дает? Сразу несколько вещей: способствует ускорению индексации страниц вашего ресурса, а так же бесплатные обратные ссылки, которые могут оказать существенную помощь в продвижения сайта (читайте о том, как это делать самостоятельно).

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

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

Таким образом улучшается видимость вашего проекта.

Анонсы ваших материалов будут попадать в RSS агрегаторы автоматически, без вашего участия. На этих онлайн сервисах анонс вашей новой статьи сможет быть прочитана и кто-то, возможно, перейдет по ссылкам для более подробного ознакомления. Кроме того, они ставят на ваш ресурс обратные ссылки, которые иногда могут обладать существенным статическим весом (читайте тут про PageRank).

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

Перед тем, как начать добавлять свою ленту новостей в каталоги, зайдите в настройки вашего фида на сервисе Feedburner. Откройте вкладку «Анализируй» и выберите из левого меню открывшегося окна пункт «TotalStats». Проверьте, не стоит ли галочка в поле «Item link clickss». При ее отсутствии все агрегаторы будут демонстрировать прямые ссылки на ваш сайт, а это очень важно для поискового продвижения вашего ресурса, т.к. они будут учитываться поисковыми системами.

При регистрации вам может понадобиться вводить следующую информацию о своем ресурсе:

  1. адрес (URL) вашего ресурса
  2. адрес (URL) вашего фида (как я уже упоминал ранее — лучше, если он будет добавлен в Feedburner, тогда фид примут практически во все агрегаторы и каталоги)
  3. название вашего ресурса (можно несколько вариантов)
  4. продумать категории, в которых вы будете регистрироваться
  5. ключевые слова, характеризующие ваш сайт, чтобы его проще могли найти пользователи этих каталогов

Можно записать эту информацию в отдельный текстовый файл или же повесить на горячие клавиши, хотя бы при помощи Punto Switcher (тут про Пунто Свитчер читайте подробнее) и его списка быстрой вставки. Далее я привожу список ресурсов, в которые вы можете добавить свою ленту новостей бесплатно. Не гарантирую стопроцентную работоспособность всех из них, т.к. сам проводил регистрацию по этому списку уже довольно давно.

Список RSS каталогов, рейтингов и агрегаторов, которые я сам использовал, вы сможете посмотреть здесь.

Автоматический прогон (добавление) сайта по базе RSS рейтингов в RssAdder

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

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

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

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

Подписка на RSS через Яндекс Ленту и Google Reader

Вы, наверное, часто встречали на различных сайтах кнопки для подписки через Google и Яндекс ленту. Выглядят кнопки подписки примерно так:

Добавить в Google Reader или Homepage

Они обычно размещаются рядом с основной RSS иконкой в каком-нибудь видном месте, т.к. Google Reader и Яндекс лента являются одними из самых популярных способов просмотра новостей.

Кнопку для добавления вашего фида в Google Homepage и Google Reader можно получить на странице настроек вашего фида в Feedburner. Для этого заходим в свой аккаунт на сервисе Фидбернер.

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

В нем уже будет указан адрес вашей ленты новостей. В моем случае код выглядит так:

Пример:
<p><a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://gazetabg.ru/wp-content/uploads/2017/05/add.gif" width="104" height="17" style="border:0" /></a></p>

Но может быть вам больше понравится такой вариант кнопки подписки через Google Reader:

<a  target="_blank" href="http://www.google.com/reader/view/feed/http://feeds.feedburner.com/Ktonanovenkogoru"><img style=»border:0" src="http://gazetabg.ru/wp-content/uploads/2017/05/add.gif"  width="104" height="17" /></a>

В этом случае RSS лента сразу откроется в Google Reader. Естественно, что для того, чтобы этот код работал, необходимо заменить http://feeds.feedburner.com/Ktonanovenkogoru на свой адрес.

Для создания кнопки подписки через Яндекс Ленту вставляем в нужное место шаблона вашего сайта следующий код:

Вам нужно будет только заменить http://feeds.feedburner.com/Ktonanovenkogoru . Если вы не хотите, чтобы страница Яндекс Ленты открывалась в новом окне, то уберите из кода ее кнопки target="_blank".

Для запрещения индексации внешних ссылок Яндексом и Google используется атрибут REL для тега «A» с параметром NOFOLLOW. А для запрета индексации данной ссылки поисковиком Яндекс, нужно заключить код кнопки в открывающий и закрывающий теги NOINDEX.

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс

Feedburner — добавление RSS ленты, получение счетчика и настройка Email-подписки на сайте через Фидбернер

Feedburner — добавление RSS ленты, получение счетчика и настройка Email-подписки на сайте через Фидбернер

26 Мар, 2016

  1. Как добавить и настроить свою RSS ленту в Feedburner
  2. Счетчик Фидбернера для сайта
  3. Настройка счетчика
  4. Подписка на RSS ленту по электронной почте
  5. Настройка внешнего вида письма подтверждения подписки
  6. Дополнительные настройки RSS ленты в FeedBurner

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Это очередная статья, в которой мы продолжаем разговор об RSS лентах, каналах и новостях в Joomla и Вордпресс, начатый в статье, где рассказывается о том, что вообще такое RSS и с чем его едят.

Сегодня же мы поговорим о Feedburner (FB) и о том, что с ним связано. Настроим трансляцию нашего фида (новостной ленты сайта) через него, предложим посетителям подписываться на новости посредством E-mail и получим код счетчика Фидбернера, который будет отображать количество читателей (подписчиков).

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

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

Как добавить и настроить свою RSS ленту в Feedburner

Еще раз к вопросу — а зачем это нужно? Сие особливо актуально если вы являетесь владельцем блога. Дело в том, что по показаниям FeedBurner-счетчика ведется косвенная оценка успешности вашего проекта (например, вашими потенциальными рекламодателями или обычными читателями).

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

Учет показаний счетчика FeedBurner в рейтингах сайтов

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

Пример счетчика Фидбернера на блоге

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

Кстати, если сумлеваетесь, что собранная с таким трудом база подписчиков канет в лету, например, в случае скоропостижной кончины Фидбернера, то могу вас успокоить — в любой момент ее можно сохранить выкачав с сервиса на свой компьютер в CSV формате и при желании использовать в любом другом сервисе Емайл-рассылок (Смартреспондер и т.п.). Но учтите, что рассылка по большой базе там будет стоить довольно приличных денег, а FB все это делает абсолютно бесплатно:

База подписчиков в фидбернере

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

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

Войти в свой Google аккаунт вы можете здесь, введя полученные при создании почтового ящика логин и пароль. После того, как авторизуетесь в Гугле, просто перейдите на главную страницу сервиса: Feedburner.google.com. Если язык отображения страницы автоматически не переключился на русский, то щелкните в самом ее верху справа по ссылке «Languages» и выберете русский язык.

Для начала вам нужно будет вставить в форму под названием «Зажигай feed прямо сейчас» адрес своей RSS ленты (в моем случае это: http://ktonanovenkogo.ru/feed, если вы не знаете где посмотреть этот адрес (URL), то вам поможет в этом статья про РСС, ссылка на который приведена в самом начале этой статьи) и нажать кнопку «Next».

Добавление RSS ленты в фибдернер

Вы попадаете на страницу, где нужно будет в поле «Название feed» вписать будущее название вашего фида, а в поле «Адрес feed» вписать, используя латинские буквы и цифры, желаемое окончание Урла.

Как будет выглядеть адрес вашей ленты

Это окончание будет добавляться к:

http://feeds.feedburner.com/

Например, у меня Урл моей новой RSS ленты (уже пропущенной через Фидбернер) будет выглядеть так:

http://feeds.feedburner.com/Ktonanovenkogoru

Затем жмете кнопку «Next» и попадаете на страницу, где вас поздравляют с созданием ленты, приводят ссылку, которую вы будете в дальнейшем использовать на своем ресурсе и везде, где только возможно (http://feeds.feedburner.com/Ktonanovenkogoru, в моем случае) и предлагают перейти непосредственно к настройкам. Что мы и сделаем, нажав кнопку «Next».

На следующей странице мастера вы решаете, нужно ли вам ставить где-то галочки и опять же жмете кнопку «Next». Вверху открывшейся страницы вы можете видеть панель с вкладками «Анализируй», «Оптимизируй», «Публикуй», «Решай проблемы», «Мои feeds».

Управление фидом в feedburner.google.com

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

Счетчик FeedBurner для сайта

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

Настройка счетчика в feedburner.google.com

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

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

Активировать счетчик

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

Получение кода счетчика в FeedBurner

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

Настройка внешнего вида счетчика для своего сайта

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

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

Если полученный результат вас не удовлетворил, то попробуйте снова настроить цветовую гамму. По достижении приемлемого результата скопируйте код из одноименного поля «Скопируйте этот HTML» и вставьте его в нужное место шаблона вашего вебсайта (тут я подробно рассказывал про шаблоны Joomla, а здесь про устройство тем WordPress, ну и про темы для форума SMF мы здесь тоже говорили).

Единственное, что я хотел бы вам посоветовать — не спешить с этим, если показатели вашего счетчика RSS подписчиков еще не слишком высоки. Это может отрицательно повлиять на желание потенциальных читателей подписаться. Но это лишь мое мнение, вы сами решайте: отображать информер с маленькой цифрой или нет. Лично я установил для себя порог в 1000 подписчиков.

Настройка счетчика

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

<p><a href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://feeds.feedburner.com/~fc/Ktonanovenkogoru?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

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

Соответственно, для открытия содержимого RSS канала в другом окне (а не поверх страницы вашего сайта), при клике по этому информеру, нужно всего лишь добавить в Html код ссылки атрибут TARGET с параметром _BLANK (см. ссылку в предыдущем абзаце или же читайте про то, как открыть ссылку в новом окне через target blank). В результате код будет иметь вид:

<p><a target="_blank" href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://feeds.feedburner.com/~fc/Ktonanovenkogoru?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

Для внутренней оптимизации желательно иметь как можно меньше внешних ссылок, открытых для индексации поисковиками, на другие сайты. Закрывать внешние ссылки от индексации поисковиками так же полезно и с точки зрения заработка на своем ресурсе, если вы продаете ссылки в ГоГетЛинкс, ГетГудЛинкс, МираЛинкс, РотаПост или WebArtex.

Рекламодатели на этих биржах зачастую учитывают количество внешних ссылок со страниц, и чем их будет меньше, тем лучше. Поэтому нам нужно закрыть от индексации поисковыми машинами все внешние ссылки, расположенные в различных счетчиках (в том числе и FeedBurner) и прочих вещах, которые не обязательно оставлять открытыми.

Для запрещения индексации таких ссылок поисковой системой Google (да и Яндексом тоже) используется атрибут REL для тега A с параметром Nofollow. В результате, окончательный код нашего счетчика количества RSS подписчиков примет вид:

<p><a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://feeds.feedburner.com/~fc/Ktonanovenkogoru?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

Вносить ли описанные выше изменения решать вам.

Настройка подписки на RSS ленту по электронной почте

Теперь рассмотрим второй по важности (а может и первый) аспект работы с rss лентой через FeedBurner, а именно возможность подписки через E-mail средствами Фидбернера. Еще раз повторюсь, что это очень важно, если вы хотите, чтобы все посетители, которым понравился ваш ресурс, имели возможность подписаться на рассылку новостей в удобной для них форме.

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

Активация подписки по Емайл

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

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

Настойка подписки по E-mail через FeedBurner

При выборе пункта «Subscription Management» (Управление подпиской) у вас появляется возможность скопировать код для формы подписки, который потом нужно будет по аналогии с описанном чуть выше счетчиком вставить в шаблон своего сайта. После соответствующей доработки такая форма может выглядеть, например, так (форма кликабельна, т.е рабочая):


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

Подписка на RSS по E-mail

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

Так же можно немного изменить код формы подписки RSS на E-mail для того, чтобы появилась такая фишка, которую вы можете наблюдать в приведенной чуть выше форме подписки. Я сделал так, чтобы изначально присутствовавшая в форме FeedBurner надпись «Введите Ваш e-mail» исчезала, как только посетитель щелкнет мышью в этом поле. Вроде бы пустячок, а приятно и удобно. Посетителю не надо будет стирать эту надпись, прежде чем ввести адрес своего почтового ящика.

Достигается это с помощью добавления к тегу INPUT атрибута ONFOCUS с соответствующими параметрами. Я уже рассказывал про работу с формами в HTML, но вы можете проделать все по аналогии с моим случаем.

Это оригинальный код:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Ktonanovenkogoru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Ktonanovenkogoru" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

А этот немного модифицированный:

<div class="subscribetextbgpost">

      <form   action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Ktonanovenkogoru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input name="email" type="text" value="Введите Ваш e-mail" class="subscribe_textieldpost" onfocus="if (this.value == 'Введите Ваш e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите Ваш e-mail';}" />
        <input type="hidden" value="Ktonanovenkogoru" name="uri"/>
        <input type="hidden" value="<?php bloginfo('name'); ?>" name="title"/>
        <input type="hidden" name="loc" value="ru_RU"/>
        <input type="image" src="http://ktonanovenkogo.ru/wp-content/themes/Organic/images/b_subscribe.png"   value="Subscribe" class="subscribepost" />
      </form>
    </div>

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

<input type="text" style="width:140px" name="email"/>

на

 <input name="email" type="text" value="Введите Ваш e-mail" class="subscribe_textieldpost" onfocus="if (this.value == 'Введите Ваш e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите Ваш e-mail';}" />

Я еще изменил способ задания кнопки «Подписаться», но вам, думаю, это не понадобится.

Настройка внешнего вида письма подтверждения подписки от FeedBurner

Переходим к следующему пункту настройки под названием «Communication Preferences».

Настройка а письма подтверждения подписки в Фидбернере

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

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

Я прописал следующее:

Активация Вашей e-mail подписки на: KtoNaNovenkogo.ru - блог для начинающих вебмастеров

и

Здравствуйте!

Вы подписались на e-mail рассылку новостей блога KtoNaNovenkogo.ru - все для начинающих вебмастеров. Для подтверждения подписки Вам необходимо перейти по следующей ссылке:

${confirmlink}
Примечания:
Если при переходе по ссылке страница с подтверждением не откроется, то скопируйте ссылку в адресную строку Вашего браузера и нажмите <<Перейти>> или <<Enter>> на клавиатуре.

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

Переходим к следующему пункту настройки: — «Email Branding». На открывшейся странице вы можете настроить заголовок отсылаемого письма в поле «Тема/Название письма», так же можете прописать адрес логотипа в поле «URL логотипа», чтобы письмо с вашей RSS рассылкой было визуально узнаваемо.

Емайл брендинг в FeedBurner

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

Нам осталось рассмотреть еще один пункт меню настройки — «Delivery Options».

Опции доставки

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

Дополнительные настройки RSS ленты в Фидбернере

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

Мои фиды в feedburner.google.com

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

Настройка внешнего вида новостной лены в Фидбернере

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

В поле «Персональное сообщение» вы можете ввести текст своего сообщения, которое будет отображаться на странице вашей RSS ленты добавленной и улучшенной в Feedburner:

Персональное сообщение в фиде

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

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

Приглашение подписать по Емайл

Для того, чтобы быть уверенным в том, что ваша лента новостей будет корректно отображаться во всех существующих программах для чтения (ридерах), вам нужно активировать соответствующую опцию в настройках сервиса. Для этого достаточно открыть вкладку «Оптимизируй» и выбрать из левого меню открывшегося окна пункт «SmartFeed». Нажмите кнопку «Активировать» и теперь, в зависимости от используемого посетителем вашего сайта ридера, будет происходить преобразование потока на лету в формат RSS или в Atom.

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

Для этого на странице настроек вы должны открыть вкладку «Оптимизируй» и выбрать из левого меню открывшегося окна пункт «Feed Image Burner». В поле «Image Source» выберите из выпадающего списка вариант «Specify custom image URL».

В поле настроек «Specify custom image URL» пропишите полный путь до вашего изображения логотипа (в моем случае — http://ktonanovenkogo.ru/image/webcamxp.png). В следующих двух полях настроек вы можете указать содержимое Html тега TITLE для этого изображения (включите в него ключевые слова, т.к. содержимое этого Html тега будет выполнять роль анкора для ссылки с этого изображения) и адрес ссылки (на ваш проект).

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс

Что такое RSS, где скачать иконки и какая читалка самая лучшая

Что такое RSS, где скачать иконки и какая читалка самая лучшая

1 Окт, 2009

  1. Что такое RSS и почему стоит добавить подписку по E-mail
  2. Иконки и кнопки, а так же защита от RSS Grabber
  3. Читалки RSS (ридеры)

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Эта статья будет посвящена вопросу — что такое RSS и почему его в обязательном порядке следует использовать на своем интернет ресурсе. Вообще, аббревиатура эта обозначает Really Simple Syndication, что в переводе — «Очень простое получение информации». Так же очень часто используется обозначение Feed (фид).

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

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

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

Что такое RSS и почему стоит добавить подписку по E-mail

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

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

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

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

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

Тут не помогают ни разъяснительные статьи по работе с ридерами, ни зажигательные речи с пеной у рта, ни какие-либо другие телодвижения, направленные на проталкивание РСС формат в массы. Но если гора не идет к Магомету, то он сам отправляется к горе. Вы, наверное, уже заметили, что практически на всех блогах (KtoNaNovenkogo.ru не исключение) имеется возможность подписаться на получение новостей по E-mail.

Присмотритесь повнимательней, почти всегда вы найдете на блогах что-то вроде «RSS на E-mail» или тому подобное (у меня, например, вверху страницы справа красуется надпись «Получать обновления на E-mail», а так же внизу каждого поста имеется соответствующая форма для ввода E-mail.

Реализуется это, как правило, одним из двух способов: либо опять же через упомянутый выше сервис «РСС на E-mail», либо через онлайн сервис FeedBurner (ссылку на мануал я приводил чуть выше). Это, конечно же, полумеры, т.к. при чтении по E-mail вы лишаетесь львиной доли тех удобств, которые предоставляют вам специализированный ридер.

Но лучше так, чем вообще никак. У меня, например, из 7000 пользователей, подписанных на новостной поток KtoNaNovenkogo.ru, более половины получают рассылку на E-mail, а не используют для этого какую-нибудь читалку.

Иконки и кнопки, а так же защита от RSS Grabber

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

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

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

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

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

  1. Free Feed Icons
  2. 800-most-wanted-free-rss-icons
  3. Free-rss-icon-list

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

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

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

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

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

В поддержку обрезанного варианта новостного потока можно привести еще один аргумент, кроме защиты от Grabber: прочитав начало статьи и заинтересовавшись ею, пользователь кликнет на ссылку и продолжит чтение уже на вашем web проекте, что увеличит его посещаемость и, возможно, увеличится заработок на контекстной рекламе (здесь описана работа с РСЯ через Профит Партнер).

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

Пожалуй, еще стоит рассказать о том, что представляет формат RSS по своей сути. Это стандартизированный формат данных семейства XML, как html. Но он отличается жесткими ограничительными правилами, в связи с чем его очень удобно разбирать в автоматическом режиме.

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

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

Если обновления нашлись, то reader незамедлительно даст знать пользователю об этом всплывающим окном или каким либо еще способом (все зависит от конкретной читалки).

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

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

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

Читалки RSS (ридеры)

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

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

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

  1. Яндекс Лента — один из самых популярных ридеров в рунете. Существует специальная кнопка от Яндекса, чтобы ваши посетители могли подписывать на ваш RSS поток прямо через Яндекс Ленту (тут имеется ее описание).
  2. Google Reader — почти идеальный reader, который, к сожалению, уже закрылся. Вся мировая общественность прибывает в глубокой печали по этому поводу.
  3. Netvibes — имеет огромное количество настроек и богатый функционал.

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

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс

Кнопки для сайта — где скачать и как бесплатно сделать красивую кнопочку онлайн

Кнопки для сайта — где скачать и как бесплатно сделать красивую кнопочку онлайн

8 Мар, 2010

  1. Как сделать красивую кнопочку самому онлайн
  2. Как вставить созданную онлайн кнопку в шаблон сайта
  3. Конструктор кнопок работающий прямой на сайте
  4. Как поставить кнопку на сайт
  5. Как сделать ее красивой и информативной
  6. Добавление на них красивых иконок
  7. Как сделать кнопки с разными цветами и шрифтами

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

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

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

Как сделать красивую кнопочку самому в онлайн сервисе

Давайте начнем с онлайн сервис Da Button Factory, предназначенного для создания и детальной настройки внешнего вида кнопок для своего сайта.

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

Так же вы сможете создать рамку для кнопочки, включить отбрасывание ею тени, задать точный размер и, наконец, выбрать формат, в котором она будет сохранена (png, gif, jpeg или ico).

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

Теперь давайте поподробнее рассмотрим возможности по редактированию создаваемых на Da Button Factory кнопок. Для начала в поле «Text» можно вписать текст, который будет отображаться на ней, а в поле «Font» — выбрать из выпадающего списка тип шрифта (не все имеющиеся там шрифты поддерживают русский язык). Для текста можно будет также задать жирное или курсивное начертание, просто оставив галочки в полях «Bold» и «Italic».

Размер шрифта можете выбрать из выпадающего списка в поле «Size», а щелкнув по квадратику с текущим цветом рядом с надписью «Color», у вас появится возможность выбрать из открывшейся палитры нужный оттенок текста на создаваемой вами кнопке.

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

В области «Output type» можете выбрать, в каком именно виде будет сохраняться создаваемая вами кнопка. Можно выбрать из выпадающего списка либо вариант сохранения в виде графического файла, либо в виде CSS свойств. В случае выбора сохранения в графический файл, у вас еще появится возможность выбрать формат (png, gif, jpeg или ico).

В области «Style» выбираете из выпадающего списка один из трех возможных вариантов стилевого оформления углов:

  1. rectangular box — кнопка с прямыми углами (квадратными)
  2. rounded box — со скругленными углами, причем радиус скругления можно задать в поле «Corners radius»
  3. round box — с полукругами по бокам

В области «Background» задаете фоновую заливку создаваемой кнопки одним или несколькими цветами. Из выпадающего списка есть возможность выбрать варианты заливки:

  1. unicolored — заливка одним цветом, который можно выбрать в области «Color»
  2. two colors — заливка двумя оттенками, которые можно выбрать в области «Color». Цвета будут заливать ровно по половине кнопки. Поменять их расположение можно при помощи «swap»
  3. gradient — градиентная заливка двумя оттенками. В этом случае цвета будут плавно перетекать один в другой. Направление перетекания можно задать при помощи «swap»
  4. pyramid — вариант градиентной заливки, но при этом один оттенок перетекает в другой, а затем опять осуществляется плавный переход к первому цвету. Ссылка «swap» позволяет менять их последовательность

В области «Border» вы можете задать рамку для кнопки, указав ее толщину и цвет в соответствующих полях. В области «Size» можете задать ее размер по высоте и ширине. После окончания всех настроек загружаете итоговый файл к себе на компьютер, нажав на ссылку «download» в середине страницы. Он будет сохранен в том графическом формате, который вы выбрали в области «Output type».

Как вставить созданную онлайн кнопку в шаблон своего сайта

Для того, чтобы вставить скачанный графический файл с изображением кнопки в нужное место вашего сайта и сделать ее активной (чтобы осуществлялся переход при щелчке по ней мышью), вам нужно для начала загрузить файл картинки на свой сайт по протоколу ФТП, а затем вставить в нужное место шаблона тег картинки IMG (тут еще описана вставка картинок в подробностях), заключив его в тег ссылки A. Ссылка будет вести на ту страницу, которая должна открыться по ее нажатии.

Например, так:

<a target="_blank" href="http://feeds.feedburner.com/Ktonanovenkogoru"><img src="http://gazetabg.ru/wp-content/uploads/2017/05/button.png"  /></a>

Для того, чтобы у вас была возможность позиционировать кнопку относительно соседних элементов дизайна, вы заключаете данный код в открывающий и закрывающий Html теги DIV (создать контейнер). В DIV прописываете атрибут CLASS, а затем прописываете нужные свойства для этого класса в файле CSS вашего шаблона (см. статьи рубрики уроки CSS здесь).

Например, так:

<div class="imgleft"><a target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=Ktonanovenkogoru&loc=ru_RU"><img src="http://gazetabg.ru/wp-content/uploads/2017/05/button2.png"  /></a></div>

В файле CSS для этого класса imgleft прописать, например, так:

.imgleft {
	float:left;
	margin: 5px 15px 5px 40px;
}

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

Поясню строки свойства для класса imgleft:

  1. float:left; — заставляет данный блок с кнопкой прижаться к соседнему элементу дизайна расположенному слева
  2. margin: 5px 0px 5px 40px; — задает отступ в пикселях данного блока с кнопкой относительно соседних. Отступы перечисляются в таком порядке: сверху, справа, снизу, слева

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

Конструктор кнопок работающий прямой на вашем сайте

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

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

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

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

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

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

Скачали? Теперь распакуйте архив с файлами и посмотрите, что находится внутри. Папка IMAGES содержит две подпапки: ICONS и SKINS. В папке ICONS находится каталог SILK, в котором содержатся иконки для ваших будущих шедевров размером 16 на 16 пикселей.

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

Теперь вам нужно подключиться к серверу вашего хостинга по протоколу FTP и скопировать на сервер всю папку SexyButtons (можно не копировать файлы changelog.txt и index.html). В какое именно место вы скопируете эту папку не так важно. Я, например, разместил папку с кнопками по следующему адресу: wp-content/themes/SexyButtons.

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

Как поставить кнопку на сайт?

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

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

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

Нам нужно будет прописать между открывающим и закрывающим тегами HEAD путь до файл CSS, который позволит сделать красивыми наши бесплатные кнопки:

<link rel="stylesheet" href="http://ktonanovenkogo.ru/wp-content/themes/SexyButtons/sexybuttons.css" type="text/css" />

Только, естественно, вы должны будете заменить ссылку http://ktonanovenkogo.ru/wp-content/themes/SexyButtons/sexybuttons.css на ваш вариант.

В случае блога на WordPress для вставки данной строки кода вызова CSS свойств, вам нужно будет открыть на редактирование файл header.php (делается это обычно с помощью FTP клиента, например, описанного тут FileZilla) из папки с используемой вами темой оформления WordPress (тут раскрыты все их секреты): wp-content/themes/Папка_с_вашей_темой_оформления.

Открываете файл header.php в редакторе (например, Notеpad++) и в самом его начале находите открывающий Html тег HEAD, который в моем случае выглядит так:

<head profile="http://gmpg.org/xfn/11">

В любом месте за ним, но до закрывающего тега HEAD:

</head>

прописываете строчку с кодом подключения файла стилевого оформления:

В случае сайта на Joomla, нужно будет открыть на редактирование файл index.php из папки используемого вами шаблона Joomla (тут все их секреты раскрыты): /templates/Папка_с_вашей_темой_оформления.

В начале данного файла вы найдете открывающий и закрывающий теги HEAD, между которыми вами и надо будет вставить строку:

<link rel="stylesheet" href="http://Ваш_путь_до_папки_SexyButtons/SexyButtons/sexybuttons.css" type="text/css" />

В случае форума на SMF, нужно открыть на редактирование index.template.php из папки используемой вами темы оформления SMF. Если у вас на форуме используется тема по умолчанию (дефолтная), то путь к папке будет следующий: Themes/default.

С помощью встроенного поиска лучшего Html и PHP редактора (тут читайте что это за редактор такой) находите, например, этот участок кода:

и добавляете между этими двумя строками свою строку кода для подгрузки файла sexybuttons.css, который сделает кнопки SexyButtons красивыми и соответствующими названию (ну, во всяком случае, разработчики именно так считают):

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

Как сделать ее красивой и информативной?

Теперь переходим к самой интересной части. Для создания кнопочки с надписью, но без рисунка, вы можете использовать либо Html тег ссылок A (здесь читайте про гиперссылки), либо Html тег для создания кнопки BUTTON.

При этом пространство между открывающими и закрывающими тегами (A или BUTTON) должно быть заполнено текстом, который вы хотите видеть на создаваемой кнопке. Причем, этот текст должен быть заключен в двойные открывающие и закрывающие Html теги SPAN. Звучит устрашающе, не правда ли?

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

<a class="sexybutton" href="#"><span><span>Просто красивая штучка</span></span></a>

и получаем такую кнопочку:

Просто красивая штучка

Причем, это реально рабочая кнопка. Нажав на нее вы попадете в начало страницы. Это задается атрибутом HREF тега A. Там прописан переход к началу страницы «#» (хеш).

В случае с тегом BUTTON, код и получаемая кнопочка будут выглядеть так:

<button class="sexybutton"><span><span>Красивая кнопочка для сайта</span></span></button>

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

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

<button class="sexybutton"><span><span><span class="ok">KtoNaNovenkogo.ru</span></span></span></button>

Видите, у нашей кнопки перед надписью появилась галочка, которая соответствует классу OK, прописанному во внутреннем теге SPAN. А как сделать так, чтобы иконка была на кнопочке не перед надписью, а после нее?

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

<button class="sexybutton"><span><span><span class="ok after">KtoNaNovenkogo.ru</span></span></span></button>

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

Все это вы сможете посмотреть, открыв файл sexybuttons.css в редакторе Notepad++. В самом низу этого файла вы увидите группу свойств, описывающих соответствие названия класса и иконки (прописан путь до файла иконки), которая будет выводиться кнопке от SexyButtons при использовании данного класса. Вот начало этой группы свойств:

Добавление на них красивых иконок

Если вы захотите добавить иконку на кнопочку не описанную в этих CSS свойствах, то вам придется добавить к этой группе строку с новым названием нового класса для тега SPAN и Урлом файла нужной иконки, например так:

.sexybutton span.ktonanovenkogo		{ background-image: url(images/icons/silk/application_form_edit.png) !important; }

Теперь можно будет использовать класс KTONANOVENKOGO для добавления красивой иконки:

<button class="sexybutton"><span><span><span class="ktonanovenkogo">Кнопочка для сайта с иконкой</span></span></span></button>

Кроме описанного выше способа добавления на создаваемые кнопки иконок, не описанных в файле sexybuttons.css, можно воспользоваться альтернативным способом. В этом случае, вместо третьего SPAN используется Html тег IMG с прописанным Урлом нужной иконки, который добавляется внутри двух SPAN до или после надписи на кнопочке.

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

<button class="sexybutton"><span><span><img src="http://ktonanovenkogo.ru/wp-content/themes/SexyButtons/images/icons/silk/resultset_previous.png" />Back</span></span></button>

Если нужно поместить иконку после надписи, то нужно будет добавить в IMG атрибут CLASS=»AFTER» и прописать сам IMG после надписи на кнопке:

Как сделать кнопки с разными цветами и размерами шрифтов

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

Нормальный шрифт надписи на кнопочке будет выглядеть так:

Добавить кнопку на сайт со средним размером шрифта можно с помощью такого вот кода:

Добавить кнопочку с большим шрифтом можно с помощью такого кода:

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

В конструкторе SexyButtons предусмотрены две дополнительные цветовые схемы кнопок- оранжевая и желтая. Для их применения, точно так же как и при изменении размера шрифта, вам нужно будет дописать через пробел в коде к CSS классу SEXYBUTTON, соответственно, CSS классы SEXYORANGE и SEXYYELLOW. Оранжевая кнопочка будет формировать и выглядеть так:

<a class="sexybutton sexyorange" href="#"><span><span>Оранжевый шедевр</span></span></a>

Желтая — так:

<a class="sexybutton sexyyellow" href="#"><span><span>Желтый шедевр</span></span></a>

Оформление под названием Simple отличается от оформления стандартных кнопок. Для использования Simple достаточно будет дописать через пробел в коде к CSS классу SEXYBUTTON, соответственно, CSS класс sexysimple:

<button class="sexybutton sexysimple">KtoNaNovenkogo.ru</button>

Simple имеет еще восемь возможных цветов (по умолчанию кнопка будет черной). Цвет кнопочки Simple можно задать, дописав через пробел к CSS классам SEXYBUTTON SEXYSIMPLE еще и CSS класс, отвечающий за цвет. Имеется возможность использовать один из этих CSS классов: SEXYBLACK (можно не добавлять, т.к. он идет по умолчанию и без добавления третьего класса), SEXYTEAL, SEXYMAGENTA, SEXYRED, SEXYORANGE, SEXYGREEN, SEXYBLUE, SEXYPURPLE, SEXYYELLOW.

В результате получим, например, такие красивые и разноцветные кнопки на сайте:

Вот такой вот светофор получился. Можно еще изменять размер кнопочек Simple, дописывая по аналогии с цветами следующие классы: SEXYSMALL, SEXYMEDIUM (это размер используется по умолчанию), SEXYLARGE, SEXYXL, SEXYXXL, SEXYXXXL.

В результате получим такие кнопки разного размера:

Замечательный, на мой взгляд, конструктор или же фреймворк.

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс

Граватар (глобальный аватар) — как его создать и настроить вывод иконки Gravatar в теме Вордпресса

Граватар (глобальный аватар) — как его создать и настроить вывод иконки Gravatar в теме Вордпресса

17 Ноя, 2013

  1. Как создать глобальный аватар на gravatar.com
  2. Активация показа граватаров в WordPress
  3. Добавляем Gravatar в тему оформления блога

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Наверное, вы замечали, что рядом с комментариями на блогах или с сообщениями на форумах зачастую можно увидеть аватар (что это такое?), который пользователь установил для себя в настройках форума или же указал при комментирования тот Емайл адрес, который у него было привязан к граватару.

Как, вы не знаете что такое Gravatar? Ну, это такой универсальный аватар, который вы настраиваете всего лишь одни раз на специальном сайте (ru.gravatar.com), а потом при комментировании вам будет достаточно просто указать тот Емайл адрес, к которому вы этот самый граватар привязали.

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

Как создать глобальный аватар на gravatar.com

Итак, Граватар (глобально распознаваемый аватар) — это изображение размером 96×96 пикселей, которое привязывается к вашему e-mail адресу (сервис поддерживает не все сервисы бесплатной почты, но ящики в Джимейле и Yandex Mail им вполне принимаются), и если при комментировании на поддерживающих данный сервис ресурсах вы укажете этот Емайл, то напротив вашего сообщения будет красоваться именной Gravatar.

Красота да и только. Как же настроить это великолепие? Ну, во-первых, нужно создать на их официальном ресурсе ru.gravatar.com учетную запись. Видимо Вордпресс является спонсором или партнером этого сервиса, поэтому кнопка sign in (сверху справа) приведет вас на бесплатный блогохостинг WordPress, что может вызвать небольшое замешательство (как, например, у меня).

Нам же нужна кнопка «Create Your Own Gravatar», расположенная над видеороликом:

Как я уже упомянул, похоже, что gravatar.com теперь принадлежит WordPress.com, и вместо регистрации можно будет для доступа к инструментарию создания граватара использовать логин и пароль от своего бесплатного блога на сервисе Вордресса (помните, в статье про кросспостинг я упоминал этот блогохостинг, как одного из кандидатов на активное использование для продвижения своего сайта).

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

После нажатия на «Sing Up» вам на указанный почтовый ящик упадет письмо с кнопкой активации своего аккаунта в сервисе Граватар и одновременно в WordPress.com.

Ну вот, теперь можете для входа на ru.gravatar.com использовать кнопку «Sing In» в правом верхнем углу.

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

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

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

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

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

Активация показа граватаров в WordPress

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

Да, в верхнем меню вы могли еще заметить вкладку «My profile». По большей части она нужна тем, у кого не автономный блог на бесплатном движке Вордпресс, а дневник на бесплатном блогохостинге WordPress.com.

У них некоторая информация из профиля на ru.gravatar.com может выводиться при подведении курсора мыши к иконке граватара в комментарии. Появится содержимое поля описания и предложение перейти к просмотру профиля.

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

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

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

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

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

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

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

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

Добавляем Gravatar в тему оформления WordPress

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

Итак, для начала понадобится открыть на редактирование файл из вашей темы оформления wp-content/themes/название_вашей_темы_оформления/comments.php. Настоятельно рекомендую подключаться к блогу по ФТП и редактировать файлы темы в чем-то подобном Нотепаду++, ибо редактирование в админке Вордпресса не позволит вам сделать шаг назад при неудачном эксперименте с кодом.

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

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

Нас же интересует в данный момент шаблон под названием comments.php. Код для вставки граватара в него выглядит так:

 <?php echo get_avatar($comment, 32); ?>

Цифра 32 в данном коде означает размер выводимого аватара в 32 на 32 пиксела. Размер Граватара, естественно, можно менять в зависимости от ваших предпочтений.

Если по каким-либо причинам этот код у вас не заработал или вызвал ошибку, то попробуйте этот вариант:

<?php
$comment = get_the_author_meta('user_email');
echo get_avatar( $comment, 32 );
?>  

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

Лично я просто вставлял код для отображения Gravatar в разные места, и в результате экспериментов остановился на варианте установки рядом с именем пользователя, которое может задаваться с помощью:

<?php comment_author() ?>

либо

<?php comment_author_link() ?>

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

<div class="<?php if ( $comment->comment_author_email == get_the_author_email() ) echo 'commetmainauthor'; else echo 'commetmain' ?>" id="comment-<?php comment_ID() ?>">
<div class="commet_top">

<span style="padding:10px;vertical-align:-20px;"><?php echo get_avatar($comment, 48); ?></span>
<span class="bolder"><?php comment_author() ?></span>  <?php edit_comment_link(__("Edit This"), ''); ?></div>
<div class="<?php if ( $comment->comment_author_email == get_the_author_email() ) echo 'authorcomment'; else echo 'thecomment' ?>"> </div>
<div class="comment-body"><?php comment_text() ?></div></div>

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

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс

Что такое кэш и как его очистить в Опере, Мозиле, Хроме и других браузерах?

Что такое кэш и как его очистить в Опере, Мозиле, Хроме и других браузерах?

11 Фев, 2014

  1. Что такое кеш?
  2. Анонимный серфинг в интернете
  3. Как очистить кэш в браузере?
    • Старой и новой Опере
    • Хроме и Яндекс Браузере
    • Мозиле и IE

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Что такое кэш? Это на самом деле довольно простое и в то же время довольно-таки многообразное понятие.

Представьте, что начальник подошел к вашему столу и передает документы, которые вы должны посмотреть и что-то там с ними сделать. Будет ли он стоять рядом с вами и отдавать их по одному, ожидая их обработки в реальном времени?

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

Что такое кеш и где он используется?

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

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

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

Это был пример кэша на программном уровне, но ведь скорость процессора по-прежнему чудовищно высока и даже оперативная память для него слишком медлительна. Что же делать? А тут нам опять на помощь приходит кеш, но уже выполненный в «железе». У современных процессоров имеются области, отводимые под кеш (складирование фрагментов информации, взятой из оперативки для подгрузки их в процессор).

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

Ах, да. Если вы вебмастер, то наверняка слышали про кеширование в движках сайтов, на подобии Joomla, WordPress и других. Что это такое? Дело в том, что любой движок собирает вебстраницу, к которой обратился пользователь, буквально налету, что серьезно нагружает сервер, где этот сайт размещается и снижает скорость работы (что такое сайт).

Поэтому умные люди придумали использовать кеш, где хранятся уж собранные вебстраницы. В этом случае страницы сайта будут пересоздаваться заново только тогда, когда обновится их содержание или когда вы принудительно сбросите кэш (речь не идет об обновлении браузера, а именно про содержимое веб-страницы). Читайте про кеширование в Joomla и плагин Hyper Cache в WordPress , если вам это интересно.

Кэширование в браузерах

Но самое для нас с вами, уважаемые читатели, воплощение кеша — это, конечно же, кеширование вебстраниц браузером (читайте про то, где бесплатно скачать и как установить Гугл Хром, Яндекс браузер и Оперу). Зачем это нужно и чем этот кэш принципиально отличается от описанного выше? Отличается сильно, хотя суть его работы остается прежней — увеличивать скорость передачи информации.

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

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

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

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

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

Первое, что приходит в голову — это кликнуть по кнопке обновления на панели управления браузера или нажать на кнопку F5 на клавиатуре, что по сути одно и тоже.

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

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

Кстати, другой причиной, побуждающей вас почистить кэш в Опере, Хроме, Мозиле, Интернет Эксплорере или Яндекс браузере, может быть и банальное нежелание оставлять следы своей интернет-деятельности на домашнем или рабочем компьютере. Ведь браузер кеширует не только картинки, текст и видео, но и Урл адреса по которым вы ходили.

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

Как сделать так, чтобы чистить кэш в браузере было не нужно?

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

  1. Старую Оперу (я ей до сих пор и пользуюсь) — там эта функция называлась «Создать приватную вкладку» и активировать ее можно было, перейдя из верхнего меню в раздел «Вкладки и окна».

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

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

  2. Хром — там для активации режима анонимности нужно было кликнуть по крайне правой иконке в области расширений (она выглядит как три горизонтальные полоски) и выбрать из появившегося меню вариант «Новое окно в режиме инкогнито»:

  3. Мозила Файерфокс — там функция анонимного серфинга, когда в кэш ничего писаться не будет, активируется с помощью пункта верхнего меню «Новое приватное окно».

  4. Яндекс браузер — по сути он мало чем отличается от Хрома, поэтому и функция анонимности активируется точно так же. Правда кнопка настроек выглядит как шестеренка, да и вкладка «Новое окно в режиме инкогнито» помещена внутрь вкладки «Дополнительно».

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

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

Как очистить кэш в Опере, Хроме, Мозиле и Яндекс браузере?

Итак, приступим. В каждом браузере есть нюансы очистки, но для тех из них, что построены на основе Chromium (а точнее движка WebKit) будет все практически идентично. На этом движке сейчас работают Гугл Хром, Яндекс Браузер и Новая Опера. Но, обо всем по порядку.

Как почистить кэш в Опере

  1. Старая Опера (до версии 12.16) — тут для того, чтобы очистить кеш, можно воспользоваться один из двух вариантов. Во-первых, можно кликнуть на кнопку «Опера» в левом верхнем углу и выбрать пункты «Настройки» — «Удалить личные данные»:

    В открывшемся окне останется только отметить галочкой позицию «Очистить кэш» и нажать на кнопку «Удалить»:

    Второй способ заключается в том, чтобы нажать сочетание клавиш Ctrl+F12 (можно вместо этого выбрать из верхнего меню кнопки «Опера» пункты «Настройки» — «Общие настройки». В открывшемся окне нужно перейти на вкладку «Расширенные», а затем выбрать в левом меню пункт «История».

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

  2. Новая Опера (на движке WebKit или, другими словами, на Хромиуме, с номером версии выше 12.16) — тут нужно будет из меню кнопки «Opera» выбрать пункты «Другие инструменты» — «Очистить историю посещений»:

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

Как очистить кэш в Хроме и Яндекс Браузере?

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

  1. Самое простое — это сделать окно Гугл Хрома активным (перейти в него) и нажать сочетание клавиш Ctrl+Shift+Delete
  2. Если хотите усложнить себе жизнь, то выберите из меню иконки с тремя горизонтальными полосками (крайняя вверху слева) пункт «Настройки». Если прокрутите его до низа и если нигде не встретите кнопку «Очистить историю», то нажмите на имеющуюся внизу ссылку «Показать дополнительные настройки». После этого указанная кнопка станет доступна и вам останется только по ней кликнуть:

В обоих случаях откроется одно и то же окно очистки истории ваших блужданий по интернету с помощью браузера Хром:

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

В случае Яндекс Браузера, последовательность действия будет практически такой же. Жмете либо на клавиши Ctrl+Shift+Delete, находясь в окне браузера, либо переходите из меню шестеренки в настройки и ищите кнопку «Очистить историю».

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

Как удалить кеш в Мозиле и Интернет Эксплорере?

В случае Мозилы (firefox) нам опять же нужно будет нажать сочетание клавиш Ctrl+Shift+Delete, либо выбрать из верхнего меню кнопки «Firefox» пункты «Журнал» — «Удалить недавнюю историю».

В открывшемся окне достаточно поставить галочку в поле «Кэш», выбрать период, за который должна быть удалена историю из промежуточного буфера, ни и, собственно, нажать на кнопку «Удалить сейчас»:

В старейшем браузере Интернет Эксплорер дело обстоит практически так же, как и у его текущих конкурентов. Для очистки истории посещенных страниц можно будет нажать уже знакомую нам комбинацию клавиш: Ctrl+Shift+Delete.

Либо можно выбрать из меню шестеренки (расположена вверху справа) пункты «Безопасность» — «Удалить журнал обозревателя»:

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

В открывшемся окне нужно нажать на кнопку «Удалить» в области «История просмотра»:

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

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс

Контекст — что это такое?

Контекст — что это такое?

5 Фев, 2016

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Хочу продолжить свой маленький ликбез на тему часто употребляемых, но не всегда с ходу понятных слов. Чуть ранее мы с вами узнали что значит слова априори и ангажированный, чем отличается валидация от верификации, а также постигни словарный и технический смысл слова инкогнито.

И это все о контексте

Сегодня у нас на очереди очередная «изюминка». В повседневной жизни, а также в интернете вы можете довольно часто встречать слово «контекст» или фразы содержащие это слово: например, «вырвано из контекста». Что это значит? Когда стоит применять это слово или выражение, а когда нет? Давайте посмотрим на примерах.

Контекст — это…

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

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

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

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

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

Итак, думаю, что такое «в контексте» вам более или менее стало понятно. Наверное, на основании этого понятен и смысл фразы «вырвано из контекста». Возьмем все тот же пример с вопросом «сколько?». Уберите человека с рынка (выдерните его из контекста) и получается полная бессмыслица.

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

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

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

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс

Ангажирован (ангажированный) — что это такое и какое значение имеет слово «ангажировать» в современном русском языке

Ангажирован (ангажированный) — что это такое и какое значение имеет слово «ангажировать» в современном русском языке

22 Дек, 2015

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

Что значит слово ангажирован?

При написании той статьи мне вспомнилось еще одно слово («ангажированность» и прочие производные от него), которое имеет ту же историю и также довольно распространено в современной письменной и разговорной речи. Ангажированный — что это такое? Что значило это слово пару столетий назад и как изменилось его значение сегодня? Давайте посмотрим.

Что значит слово «ангажирован» (ангажемент, ангажировать)?

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

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

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

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

Что примечательно, в современно русском языке это слово практически не потеряло своего изначального смысла, разве что его применение уже не ограничивается танцами и светским обществом. Но смысл остался тем же, что и был заложен во французком слове «engagement», буквально означающем — обязательство и наем.

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

Но все же, последнее время слово «ангажирован» применяется чаще всего в разговорах и размышлениях о политике. Ангожированность там становится нормой, т.е. когда политик, СМИ, известные люди продвигают и выражают не свою собственную точку зрения, а точку зрения того, кто их ангажировал (нанял, сделал востребованными, вовлек, сделал предложение от которого не возможно было отказаться).

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

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

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

Однако, не даром говорят, что политика дело грязное, и в первую очередь именно из-за того, что большая часть участников этого действа успешно ангажированы (наняты за определенный гонорар и «востребованы» для продвижения чужих интересов). Такое вот слово, которое от безобидного «бронирования» танца в расписании дамы превратилось в «покупку говорящей головы». ИМХО.

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

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Опубликовать в Яндекс
Страница 30 из 99« Первая...1020...2829303132...405060...Последняя »