amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Дизайн сайта

Как сделать таблицу в WordPress без использования плагина

Иногда возникают ситуации, когда текст на сайте необходимо предоставить в виде таблицы. Для этого, конечно же, есть специальные плагины для WordPress. Но иногда лучше обойтись без этих дополнений, чтобы не нагружать слишком сильно сайт. Об этом мы подробно писали тут. И потом, зачем устанавливать плагин, если таблица нужна всего в одной статье, например.

Сделать такую таблицу можно в HTML. И, как известно, любой код HTML можно поместить в WordPress в любую запись. Вот как это реализовать.

Таблица в WordPress на языке HTML

Итак, за основу берём код следующей конструкции.

<table>

<tr>

<td> </td>

<td > </td>

</tr>

Если вставить такую таблицу в WordPress (через вкладку «Текст» в редакторе записей), то мы увидим одну строку и две колонки. В данной конструкции следующие теги:

<table> – говорит о начале таблице;
<tr> – создаёт новую строку, завершается с помощью </tr>;
<td> создаёт новую графу, завершается с помощь </td>.

Чтобы заполнить эту таблицу на WordPress необходимо вписать в неё нужные слова. Вписывать нужно между тегами <td> и </td>. Вот так:

<table>

<tr>

<td>Текст в графе 1 </td>

<td > текст в графе 2</td>

</tr>

В эту таблицу для WordPress можно добавить сколько угодно строк и граф.

Параметры таблицы

Таблица на WordPress, созданная с помощью HTML, может регулироваться и настраиваться специальными параметрами. Вот они:

align – то выравнивание. Может приминать значения left, center, right – слева, в центре, справа, соответственно.
bgcolor – фон таблицы в WordPress. Принимает кодовые значения цветов.
border – это толщина границы таблицы в WordPress. В HTML используются значения в пикселях.
bordercolor – это цвет границы таблицы.
cellpadding – показывает расстояние между ячейками в таблице WordPress.

Существуют и другие параметры, которые можно использовать в таблице в WordPress, составленной собственноручно на HTML, но эти самые основные. Чтобы применить их, нужно составить следующую конструкцию:

<table название параметра=”значение параметра”></table>

Если в шаблоне заложены стили CSS для отображения таблицы в WordPress, то не придётся долго настраивать её параметрами. И так всё должно хорошо отображаться. Если стилей нет, а таблиц нужно будет много, то следует задуматься о том, чтобы самому подключить стиль или воспользоваться всё-таки плагином для таблиц.

Последние версии WordPress позволяют экспортировать таблицы, созданные в Word, непосредственно в визуальный редактор записей. Однако не все шаблоны поддерживают такую операцию.

Адель Гадельшин