Как добавить виджет последних сообщений в Weebly?

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

• Использование элемента Feed Reader по умолчанию Weebly.
• Использование одного из сторонних программ для чтения каналов, например Feedburner.

URL-адрес канала блога Weebly

Прежде чем переходить к виджету последних сообщений, убедитесь в следующем:

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

Если у вас есть страница блога с опубликованными сообщениями на вашем сайте Weebly, то URL-адрес канала блога Weebly будет:

https://yoursitename.com/1/feed

Если у вас несколько страниц блога, URL-адрес канала должен быть таким:

https://yoursitename.com/2/feed

https://yoursitename.com/3/feed

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

https://yoursitename.com/advise/feed

Поиск URL-адреса канала блога Weebly

Самый простой способ найти URL-адрес RSS-канала – использовать элемент «Лента блога» по умолчанию на боковой панели блога.

Поиск URL-адреса RSS-канала блога Weebly

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

Создание виджета недавних сообщений с использованием элемента ленты блога

Weebly не предлагает эксклюзивный элемент виджета недавних публикаций. Но вы можете легко создавать недавние сообщения, используя доступный элемент «Лента блога» (ранее известный как Feed Reader). Перетащите элемент «Лента блога» в любое место в блоге. Его можно добавить в любом месте вашего сайта – в боковую панель блога, нижний колонтитул или внутри области содержимого. Помните, что элемент «Лента блога» является частью «Боковой панели блога», которая появляется только тогда, когда вы выбираете страницу блога для редактирования. Элементы боковой панели блога не будут отображаться в стандартном редакторе страниц.

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

Элемент ленты блога в Weebly

Щелкните ленту, чтобы увидеть дополнительные параметры.

Параметры элемента Weebly Feed Reader

• Замените «http: //rss.cnn.com….» URL-адрес с URL-адресом вашего собственного блога.
• Отрегулируйте ширину виджета в соответствии с вашими потребностями, выбрав один из доступных вариантов – маленький, средний, большой, Ex-large или 100%.
• Установите нужное положение и расстояние между полями.

Контроль количества элементов и отрывков

В разделе «Дополнительно» есть два варианта:

Дополнительные параметры Weebly Feed Reader

• Кол-во элементов – выберите количество ссылок на публикации, которые будут отображаться в виджете последних публикаций. Мы рекомендуем показывать 4 или 5 последних сообщений из вашего блога.
• Длина текста – выберите, отображать ли в виджете первые несколько строк сообщения. Выбор «Нет» приведет к удалению описания и отображению только заголовков сообщений в блоге. В зависимости от ширины боковой панели темы вы можете выбрать отображение короткой, средней или длинной длины текста. Мы не рекомендуем показывать длину текста «Все», если вы не выберете количество элементов как один.

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

Виджет недавних сообщений Weebly

Настройка элемента ленты блога Weebly

Вы можете настроить границы, цвета и шрифты с помощью простого CSS. Соответствующие классы CSS для элемента ленты блога Weebly показаны на рисунке ниже. Например, если вы хотите изменить размер шрифта заголовка каждого элемента, добавьте код CSS .rss-item a {font-size: 16px;}. Узнайте больше о том, как добавить код CSS в Weebly.

Классы CSS для элемента Weebly Feed Reader

Создание виджета недавних сообщений с помощью Feedburner

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

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

Создав действующий канал в Feedburner, перейдите в раздел «BuzzBoost» на вкладке «Публикация». BuzzBoost – это бесплатный инструмент, который преобразует ваш блог в выходной HTML-код. Просто скопируйте код и вставьте его в элемент «Вставить код» в любом месте вашего сайта Weebly.

Создание виджета недавних сообщений с помощью Feedburner

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

Виджет последних сообщений Feedburner

Настройка виджета последних сообщений Feedburner

Feedburner имеет множество опций для настройки внешнего вида вашего виджета в разделе «Настройки ленты».

Настройки канала Feedburner

• Заголовок канала при вводе будет отображаться в верхней части виджета в виде заголовка со ссылкой на URL-адрес сайта.
• Используйте отображение содержимого элемента в виде полного HTML, чтобы отображать ссылки «Отправить по электронной почте», «Добавить комментарий» и «Поделиться в Facebook» под каждым сообщением в виджете.
• Используйте отображение содержимого элемента в виде простого текста и настройте длину отрывка.
• Управляйте количеством элементов, которые будут отображаться в виджете, и ссылка должна открываться в том же или новом окне.
• Отображать имя автора под каждым заголовком, но Weebly автоматически принимает имя учетной записи в качестве имени автора. В этом случае может оказаться бесполезным показывать одно и то же имя автора для всех сообщений в виджете.
• Отобразите ссылку на канал блога, чтобы пользователи могли напрямую щелкнуть ссылку и подписаться на ваш канал Feedburner.

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

Просмотр отдельных недавних сообщений с полным HTML

Использование нескольких каналов блога

Как элемент «Blog Feed», так и Feedburner можно использовать для создания панели мониторинга, например страницы с несколькими каналами блога. Предположим, у вас есть сайт недвижимости с 4 блогами для демонстрации собственности в четырех разных регионах, таких как Техас, Нью-Йорк, Калифорния и Сан-Франциско. Теперь вы можете создать четыре виджета последних публикаций и продемонстрировать их на домашней странице в виде панели инструментов, как показано ниже:

Страница панели управления с несколькими элементами чтения каналов