X
    Categories: Создание сайта

Виджет “Интересные статьи на блоге”

Приветствую, друзья!

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

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

Если вы хотите красиво вывести html-код в заметках и при этом не использовать плагин, рекомендую вам ознакомится со статьей:

Как вставить html код в статью вордпресс

По традиции, в начале познакомлю вас с некоторыми новостями:

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

Спасибо всем, кто анонсировал конкурс на своем блоге!

Новость 2. Скоро на блоге читайте интервью с Александром Борисовым, будет интересно. Александр вернулся из свадебного путешествия и опять начинает писать новые и интересные посты на своем блоге. Не забудьте  подписаться на обновления !

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

Для чего нужно выделять самые интересные статьи?

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

Как вывести  самые популярные статьи на блоге?

Для вывода блока нам нужно найти интересные, цепляющие картинки к каждой статье, форматировать их в нужный размер, отредактиовать, привязать к каждой картинке соответствующую ссылку на пост  и в редакторе wordpress сгенерировать html-код. Затем код вставим в сайдбар в виджет “Текст” и все готово. Теперь подробней.

Находим картинку и форматируем ее для виджета

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

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

Когда вы выбрали картинки для каждой статьи, откройте первую картинку в программе для редактирования изображений. Я покажу все на примере Adobe Photoshop 5.1

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

После этого жмем “Enter” и затем кнопку “T” слева, и пишем текст на картинке ( в моем случае: работа без вложений, моя правда). Я добавил следующие эффекты  “Тень” и немного искривил текст, затем жмем “Enter”.

После этого жмем сверху “Файл”  и в выпадащем меню выбираем “Сохранить для Web и устройств”.

Перед Вами будет 4 варианта, как на рисунке выше. Выбирайте самый оптимальный вариант, но помните, что размер более 50 кbit не желателен. Сохраняете, даете картинке имя по теме поста (пример к моей статье “аудитория блога”: называем auditorija-bloga). Проделываете по очереди со всеми картинками такие действия.

Создаем html-код для виджета “интересные статьи”

Заходим в админку блога, загружаем полученные каринки на блог:  “Добавить”=>”Медиафайл”.

Затем открываем  “Записи”=>“Новая запись” и добавляем медиафайлы, располагаем их по центру один под одним. К каждой картинке добавляем ссылку на соответствующую статью или под картинкой прописывайте заголовок и к нему привяжите ссылку.

После этого нажимаем в редакторе справа кнопку “Текст” или “html” –  у кого как. Все, ваш html-код готов. Я поставил между картинками такое сочетание

 

 для того, чтобы они были отделены между собой и не выглядели монолитом.

Вставляем полученный html-код в нужное место на блоге

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

Для этого в админке блога открываем “Внешний вид”=>”Виджет”=>”Текст”.

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

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

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

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

В следующей статье ждите новый кроссворд.

До встречи!

Интересные статьи по данной теме:

Как добавить виджет твиттер на сайт за пару минут?

Как ускорить индексацию страниц сайта – 12 советов?

Вебвизор от Яндекс Метрика – установка, инструкции, возможности

Какой хостинг выбрать – акция!

С уважением, Вилков Николай

Все статьи блога

Хотите в числе первых узнавать о новых статьях и курсах?

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

Николай Вилков :

View Comments (33)

  • Очень понятным языком написано - само то :)
    Я то уже недавно реализовал у себя интересные статьи, но, если бы не знал как это сделать, то с такой инструкцией быстро бы разобрался :)

    • Спасибо, Роман. Очень нужная вещь - блок с интересными статьями. Если у Вас еще нет, обязательно установите.

      • Очень это захламляет. Легче поставить просто плагин вывода самых читаемых постов, либо самому прописать но без картинок.

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

          • Очень нужен? Зачем же? :) Ну разве что если человек супер дизайнер :) А так, без картинок достаточно) Хотя, опять же на вкус и цвет... Я просто говорю о том, что это далеко не обязательно :)

  • Не по теме, но все же: Николай, поздравляю с первой десяткой ТИЦ! :)

    • А у меня две новости. Одна хорошая, другая плохая. Мне Яндекс не только подарил ТИЦ, то еще и АГС. Сейчас показывает, что только одна страница в поиске :sad: И скорей всего за исходящие ссылки из комментариев, они у меня небыли сделаны через редирект, а просто nofollow стоял. Но система ссылки эти подсчитала. :sad:

    • Спасибо, но я проверял на яндекс вебмастере у меня нет 10 еще....и на megaindex нет 10...

      • Странно, что у вас PR нет, обычно он раньше намного чем ТИЦ появляется) У меня на одном из сайтов, в первые пол года (может раньше) 3 дал Google)

      • Там данные обновляются раз в день - завтра найдете :)
        А пока можете посмотреть здесь:
        http:// yaca. yandex. by/ yca/ cy/ ch/ rabotaiuspeh.com /

        Только пробелы уберите :)

        • Сервис недоступен, но раз уже показали 10. буду ждать...Спасибо за добрую весть.
          Лёд тронулся,господа присяжные заседатели! 8O

        • Только из корзины достал это сообщение, теперь вижу своими глазами ТИЦ=10! УРА! :mrgreen:

          • Поздравляю!
            Похоже Яша сегодня раздавал подарки, у меня с утра ТИЦ - 20, и я тоже рад.

          • Спасибо, теперь буду к 20 стремиться! Еще пора бы и Google на PR1 раскошелиться.

          • Ну вот :)
            А вообще всю эту информацию RDS bar показывает - советую установить это расширение для браузера.

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

    • У тебя отлично выглядят популярные статьи, именно главное, чтобы они были не большими, и занимали не пол сайдбара :)

    • Да. я видел, хорошо. У меня только по 1 картинке в ширину получается, сайдбар очень узенький.

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

    Правда, пришлось просить знакомого сверстать виджет, так что там теперь используется и CSS.

    Я считаю, что этот виджет полезен, но не должен занимать очень много места.

    • Да, у Александра Борисова это блок великоват, но красивый, у него и сайдбар широкий. не то, что мой :?

      • Да нет, у вас сайд бар тоже нормальный, картинки просто очень большие. Можно по две вместить.

        • Я пробовал, не то пальто получается, пусть пока так остается. Две картинки в ширину сложно вместить.

      • Ничего, сделаете новый дизайн - закажете широкий :) Заодно и виджет обновите.

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

        Но если буду заказывать новый шаблон, сделаю один и тему не "резиновую", с ней много мороки...

  • Отличная информация, думал что-то такое реализовать. Вот теперь даже вижу как ;) Осталось только все же решить, нужно оно мне сейчас или нет ;)

  • Хорошие рекомендации! Интересные статьи могут привлечь большое количество пользователей, повысить посещаемость блога.

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

  • Есть же какие то плагины которые автоматически выводят по рубрикам статьи и необязательно под каждую статью делать картинку?

    • Олег, я имею в виду самые интересные 5-8 статьей на блоге, таких плагинов нет, а если и есть, зачем же лишняя нагрузка на блог?

  • Ах вот как ты это сделал,а я думал с помощью плагина,в виджеты воткнул.

    • Тут плагин вовсе ни к чему, лишняя нагрузка только))