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

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

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

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

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

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

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

https://yoursitename.com/1/feed

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

https://yoursitename.com/2/подача

https://yoursitename.com/3/подача

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

https://yoursitename.com/советовать/подача

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Виджет последних публикаций Feedburner

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

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

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

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

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

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

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

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

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

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

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

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

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *