Как добавить фиду RSS оформление | Feed Styler

👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Лента новостей RSS во всех программах выглядит одинаково: упрощенный HTML. Чтобы придать ей индивидуальный вид, можно воспользоваться плагином, который может добавить CSS в RSS — Feed Styler.

А вот так она стала выглядеть, когда в настройках плагина прописали обтекание картинки тестом, обрамление и выравнивание ее по правому краю:

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

Он не понимает пока что псевдо-классы: a:hover { code } не работает.

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

img { border: 1px solid #000; float: left; padding: 5px; padding-left: 0; }

Плагин не корректирует код CSS и HTML с ошибками, как это делает сам WordPress. Поэтому убедитесь, что код правильный.

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

azimuth, background, background-color, border, border-bottom, border-bottom-color, border-bottom-style, border-bottom-width, border-collapse, border-color, border-left, border-left-color, border-left-style, border-left-width, border-right, border-right-color, border-right-style, border-right-width, border-spacing, border-style, border-top, border-top-color, border-top-style, border-top-width, border-width, clear, color, cursor, direction, display, elevation, float, font, font-family, font-size, font-style, font-variant, font-weight, height, letter-spacing, line-height, margin, margin-bottom, margin-left, margin-right, margin-top, overflow, padding, padding-bottom, padding-left, padding-right, padding-top, pause, pause-after, pause-before, pitch, pitch-range, richness, speak, speak-header, speak-numeral, speak-punctuation, speech-rate, stress, text-align, text-decoration, text-indent, unicode-bidi, vertical-align, voice-family, volume, white-space, width

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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