Как моя тема позволяет пользователям использовать расширенные теги html в сообщениях

Не знаете, как сформулировать этот вопрос. Позвольте мне нарисовать простую установку WordPress для single.php:

<div id="container"> <?php the_content(); ?> </div> 

Но что, если внутри the_content () я хочу, чтобы пользователи могли использовать более продвинутые макеты страниц, которые выходят за пределы #container? Например, предположим, что #container имеет ширину 1140 пикселей, но я хочу, чтобы блок-страница на странице была на 100% шириной (браузера)?

Вот тема, которая делает то, что я хочу сделать: http://cedarwp.ecko.me/design-patterns-introduction/

Обратите внимание на то, как черная полоса имеет полную ширину и для получения внешнего вида потребуются html-теги.

Я думаю, что могу сделать это с помощью коротких кодов, но это не очень гибко. Пожалуйста, порекомендуйте!

Solutions Collecting From Web of "Как моя тема позволяет пользователям использовать расширенные теги html в сообщениях"

О ссылке, которую вы предоставили

Черная полоса является частью .pagewrapper но ширина страницы не указана для pagewrapper.

 .pagewrapper { left: 0; position: relative; transition: left 500ms ease-in-out 0s; } 

Содержимое сообщения устанавливается max-width: 700px, оно не будет расширять границу.

 .wrapper { margin: 0 auto; max-width: 700px; width: 90%; } 

Черная полоса – это совершенно новая секция, которая имеет этот код, для которой не установлена ​​ширина:

 .postcontents.dark { background: none repeat scroll 0 0 #2c2e32; color: #e2e2e2 !important; padding: 90px 0; } 

Существует специальное решение для CSS.

Если вам нужна цитата блока, которая составляет 100% от ширины, вам нужно заставить ее выйти из нормального потока #container.

 .blockquote { position: absolute; width: 100%; left: 0; } 

Blockquote внутри контейнера Blockquote внутри контейнера

Блокировать вне потока Блокировать вне потока

Лучшим решением будет создание пользовательского класса, называемого blockquote-full-width и позволит пользователям использовать его.