WordPress добавить HTML и CSS код

Question

WordPress добавить HTML и CSS код

-1

Привет, я хотел бы создать отзывчивую таблицу с div в статье Wordpress следующим образом:

<div class="activite">
<div class="row nbr" > "0"</div>
        <div class="row" >Date</div>
        <div class="row" >Titre</div>
        <div class="row" >Descridivtion</div>
            <div class="rowForm">
                <div class="row" >cocher</div>
                <div class="row" >Nom</div>
                <div class="row" >S'inscrire</div>
            </div>
        </div>
    <br>
    <div class="activite">
        <div class="row nbr" >&nbsdiv;1</div>
        <div class="row" >Date</div>
        <div class="row" >Titre</div>
        <div class="row" >Descridivtion</div>
            <div class="rowForm">
                <div class="row" >cocher</div>
                <div class="row" >Nom</div>
                <div class="row" >S'inscrire</div>
            </div>
        </div>
    <br>
    <div class="activite">
        <div class="row nbr" >&nbsdiv;2</div>
        <div class="row" >Date</div>
        <div class="row" >Titre</div>
        <div class="row" >Descridivtion</div>
            <div class="rowForm">
                <div class="row" >cocher</div>
                <div class="row" >Nom</div>
                <div class="row" >S'inscrire</div>
            </div>
        </div>
    <br>

(Я хотел бы использовать div или p)

и я протестировал этот код стиля.

    .nbr{
            width: 20px;
        }
        .row{
            border: 1px solid #000;
            position: relative;
            float: left;
            padding: 5;
            }
        .rowForm{
            position: relative;
            float: left;            
        }
        br{
            position:relative;
            clear:left;
        }
        screen and (min-width: 360px){
        .rowForm{
            position: relative;
            float: none;            
         }          
        }

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

Jérémie Rousseau 14 окт. 2016, в 15:49

Источник

0

создайте и активируйте дочернюю тему вашей текущей темы, добавьте в нее дополнительную таблицу стилей, вставьте этот CSS-код, а в бэкэнде создайте страницу, где вы вставляете свой HTML-код в «текстовое представление»
Johannes 14 окт. 2016, в 13:36

Теги:

html

wordpress

css

1 ответ

Ещё вопросы

создайте и активируйте дочернюю тему вашей текущей темы, добавьте в нее дополнительную таблицу стилей, вставьте этот CSS-код, а в бэкэнде создайте страницу, где вы вставляете свой HTML-код в «текстовое представление»

BenJ30 · Accepted Answer · 2016-10-14T14-16-00.000Z

Просто добавив, что код на вкладке кода на Wordpress Post/Page должен позволить ему работать, хотя кажется, что это довольно странный способ добавить таблицу. Простое копирование по фактической таблице и вставка в визуальный редактор Wordpress отображает ее правильно и довольно отзывчиво, даже не делая много css.

Отлично ! я проверил стиль в статье, это не хорошо, потому что иногда есть ошибка WordPress добавить BR теги, но с дочерней темой это нормально, для парня, который читает этот вопрос, не используйте вкладку перед каждым HTML-тегом, спасибо всем!