Лучший способ создать таблицу в WordPress без плагинов

Большинство из вас, кто использует WordPress, знают, что нет собственного способа добавлять таблицы в ваши темы. Да, вы можете использовать сторонние плагины, такие как TablePress, для добавления таблиц в WordPress, но это не самый эффективный способ сделать это. Плагины не только замедляют веб-страницу, но и усложняют исходный код. К счастью, есть несколько способов создать таблицу в WordPress без использования плагина. Давай проверим.

WordPress | Создать таблицу 1 | WordPress 923188 640 DzTechs

Создайте таблицу в wordpress без каких-либо плагинов

1. Использование Документов Google

Я использую Google Docs для создания первых набросков моей статьи, поскольку они не только более отзывчивы, чем WordPress, но также позволяют сотрудничать с другими авторами. К счастью, в Google Docs есть встроенная функция таблиц. Все, что вам нужно сделать, это создать таблицу в Google Docs, отформатировать ее, отредактировать так, как вы хотите, а затем скопировать и вставить таблицу из Google Docs в визуальный редактор в WordPress. Да, это так просто. Давайте разберемся в этом подробнее.

Перейдите на страницу Документов Google и нажмите кнопку «Вставить» в строке меню. Нажмите на стол и выберите размер стола. Вы можете выбрать таблицу размером до 20 x 20 ячеек, и я думаю, что этого более чем достаточно.

WordPress | Создать таблицу 2 | 1 4 ДзТехс

После выбора размера таблица появляется на странице Документов Google. После того, как вы получите пустую таблицу, я порекомендую вам начать заполнять ее в Google Docs. Причина этого в том, что вы можете легко обновлять строки / столбцы в Документах Google, что будет невозможно позже после переноса на WordPress.

Чтобы добавить строки и столбцы в Документы Google. Щелкните правой кнопкой мыши ячейку в таблице, и вы увидите несколько вариантов вставки строк / столбцов в левую и правую часть ячейки.

WordPress | Создать таблицу 3 | 2 2 ДзТехс

После этого скопируйте таблицу, выделив область с помощью мыши или клавиш со стрелками на клавиатуре, и вставьте ее в визуальный редактор WordPress.

Это автоматически генерирует таблицу без необходимости в плагине, довольно круто. Вы можете изменить размер всей таблицы в соответствии с макетом вашей страницы, щелкнув угол таблицы в редакторе WordPress.

WordPress | Создать таблицу 4 | 3 2 ДзТехс

Ограничения

Хотя метод таблицы Google Docs довольно прост, есть некоторые ограничения. Нельзя менять размер отдельных ячеек, цвет, в таблице нет Он также реагирует на изменение размера страницы.. Это означает, что ваша таблица не подходит для мобильных устройств и стирает границы страницы. Следующий метод - решить эту проблему.

2. Воспользуйтесь онлайн-генератором таблиц.

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

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

Вы можете ввести данные вручную, вставить их из листа Excel или вставить и отредактировать код HTML-таблицы.

В нашем примере мы сделаем это вручную. Чтобы начать, щелкните параметр «Ввести данные» на главной странице, выберите размер таблицы, а затем введите содержимое таблицы в ячейки. У вас могут быть дополнительные параметры в виде контрольного списка, чтобы первая строка / столбец оставалась заголовком таблицы.

WordPress | Создать таблицу 5 | 6 2 ДзТехс

После того, как вы внесли изменения и остались довольны графиком. Прокрутите страницу вниз и скопируйте вывод HTML вашей страницы в буфер обмена.

WordPress | Создать таблицу 6 | 7 2 ДзТехс

Затем перейдите к записи WordPress, в которую вы хотите включить эту таблицу, щелкните вкладку «Текст», чтобы переключиться в текстовый редактор HTML. Теперь вам просто нужно вставить его в редактор WordPress и сохранить изменения. Ваша таблица появится на странице и подстроится под размер экрана.

WordPress | Создать таблицу 7 | 8 2 ДзТехс

Таблица в редакторе выглядит очень маленькой, но это нормально. После сохранения страница будет адаптирована к размерам страницы. Таблица сжимается при уменьшении размера экрана. Будьте уверены, ваш стол не испортит макет страницы ни на одном из устройств.

WordPress | Создать таблицу 8 | 13 ДзТехс

3. Генератор таблиц публикаций онлайн

Наконец, вы можете использовать Rapidtables Кроме того, он предлагает больше настроек, чем его предшественник. Этот генератор таблиц создает таблицу в HTML, поэтому вам не нужно много опыта в кодировании, вы можете просто скопировать и вставить его в код своей страницы и получить то, что хотите.

WordPress | Создать таблицу 9 | 9 2 ДзТехс

Мы выполним те же шаги и создадим нашу таблицу, вы можете настроить цвет фона, цвет границы, границу, узор, отступы и т. Д. Создав собственную таблицу, скопируйте ее содержимое в редактор WordPress.

WordPress | Создать таблицу 10 | 10 3 ДзТехс

Таблица выглядит как на рисунке ниже и содержит все настраиваемые параметры. Хотя вы можете не увидеть результаты в редакторе, если вы проверите предварительный просмотр, вы увидите обновленную таблицу.

WordPress | Создать таблицу 11 | 14 ДзТехс

Лучший способ создать таблицу в WordPress без плагинов?

Это были некоторые из способов добавить таблицу в WordPress без использования плагина. Теперь вы можете использовать Google Docs, если вам нужен быстрый инструмент для создания таблицы. Нет ничего проще этого. Генератор адаптивных таблиц особенно рекомендуется, если вам нужна таблица, которая адаптируется к разным размерам экрана. Хотя Rapidtables не реагирует на запросы, у вас есть больше возможностей для настройки. Вы можете решить, какой метод использовать, и, возможно, сообщите нам об этом в комментариях.

ДзТех

Я государственный инженер с большим опытом работы в области программирования, создания веб-сайтов, SEO и технического написания. Я увлечен технологиями и посвящаю себя предоставлению качественной информации общественности. Я могу стать более ценным ресурсом для пользователей, которые ищут точную и достоверную информацию об обзорах продуктов и специализированных приложениях в различных областях. Моя непоколебимая приверженность качеству и точности гарантирует, что предоставляемая информация заслуживает доверия и полезна для аудитории. Постоянное стремление к знаниям заставляет меня идти в ногу с новейшими технологическими разработками, гарантируя, что общие идеи будут передаваться в ясной и доступной форме.
Перейти к верхней кнопке