n-wp.ru — блог о WordPress

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

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

Вот так, например, выглядела картинка до применения этого плагина:

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

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

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

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

Плагин не корректирует код 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

Комментировать