Почему я не могу правильно оформить цитату в Wordpress?

Question

На дизайне, который я только что создал для своего веб-сайта, у меня есть блочная цитата с двумя изображениями цитат с использованием техники span в css:

blockquote {
background-image: url(images/openquote.jpg);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 30px;
padding-right: 30px;
font-style: italic;
}

blockquote span {
background-image: url(images/closequote.jpg);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 30px;
font-style: italic;
}

Затем я форматирую HTML так:

<blockquote><span>
"The worst part of writing fiction is the fear of wasting your life behind a keyboard. The idea that, dying, you'll realize that you only ever lived on paper. Your only adventures were make-believe, and while the world fought and kissed, you sat in some dark room, masturbating and making money."<br /><br /><b><div align="right">- Chuck Palahniuk</div></b>
</span></blockquote>

На тестовой HTML-странице, которую я создал, цитата работает нормально и показывает именно то, что я хотел. Теперь, когда я перенес всю свою кодировку в Wordpress, блочная цитата выглядит не так.

HTML: lifesgarbage.com/rebnation.html (извините, я не могу опубликовать более одной ссылки)

Wordpress: http://test.lifesgarbage.com

Как я могу изменить свой CSS, чтобы он отображался в Wordpress так же, как в обычном HTML?

Answer 1

Я думаю, что ответ заключается в том, что WordPress определяет значение MARGIN по умолчанию для тега blockquote равным 0. Вы должны просто добавить явное значение поля в вашем CSS.

Answer 2

Вы можете явно указывать на кавычки, используя что-то вроде этого:

.entry-content blockquote > p { }

Это должно работать на обычных установках Wordpress.

Answer 3

Проблема в том, что WP оборачивает содержимое в автоматически сгенерированный тег <p>, поэтому вам следует изменить свой CSS, чтобы учесть это.

Answer 4

В Wordpress вы можете добавить фильтр в контент, чтобы делать именно то, что вы хотите, чтобы получить отличную цитату из блоков

У меня есть запись в блоге, которая может ответить на этот вопрос.

учебник по цитатам

Answer 5

также WordPress вставляет тег

после

. Возможно, попробуйте использовать

и стиль как .blockquote {margin: x; обивка: х;}

Похоже, что левое поле не является частью стиля цитаты, поэтому

может что-то сбрасывать.