Большинство из вас, кто использует WordPress, знают, что нет собственного способа добавлять таблицы в ваши темы. Да, вы можете использовать сторонние плагины, такие как TablePress, для добавления таблиц в WordPress, но это не самый эффективный способ сделать это. Плагины не только замедляют веб-страницу, но и усложняют исходный код. К счастью, есть несколько способов создать таблицу в WordPress без использования плагина. Давай проверим.
Создайте таблицу в wordpress без каких-либо плагинов
1. Использование Документов Google
Я использую Google Docs для создания первых набросков моей статьи, поскольку они не только более отзывчивы, чем WordPress, но также позволяют сотрудничать с другими авторами. К счастью, в Google Docs есть встроенная функция таблиц. Все, что вам нужно сделать, это создать таблицу в Google Docs, отформатировать ее, отредактировать так, как вы хотите, а затем скопировать и вставить таблицу из Google Docs в визуальный редактор в WordPress. Да, это так просто. Давайте разберемся в этом подробнее.
Перейдите на страницу Документов Google и нажмите кнопку «Вставить» в строке меню. Нажмите на стол и выберите размер стола. Вы можете выбрать таблицу размером до 20 x 20 ячеек, и я думаю, что этого более чем достаточно.
После выбора размера таблица появляется на странице Документов Google. После того, как вы получите пустую таблицу, я порекомендую вам начать заполнять ее в Google Docs. Причина этого в том, что вы можете легко обновлять строки / столбцы в Документах Google, что будет невозможно позже после переноса на WordPress.
Чтобы добавить строки и столбцы в Документы Google. Щелкните правой кнопкой мыши ячейку в таблице, и вы увидите несколько вариантов вставки строк / столбцов в левую и правую часть ячейки.
После этого скопируйте таблицу, выделив область с помощью мыши или клавиш со стрелками на клавиатуре, и вставьте ее в визуальный редактор WordPress.
Это автоматически генерирует таблицу без необходимости в плагине, довольно круто. Вы можете изменить размер всей таблицы в соответствии с макетом вашей страницы, щелкнув угол таблицы в редакторе WordPress.
Ограничения
Хотя метод таблицы Google Docs довольно прост, есть некоторые ограничения. Нельзя менять размер отдельных ячеек, цвет, в таблице нет Он также реагирует на изменение размера страницы.. Это означает, что ваша таблица не подходит для мобильных устройств и стирает границы страницы. Следующий метод - решить эту проблему.
2. Воспользуйтесь онлайн-генератором таблиц.
Как я уже сказал, вы можете использовать несколько методов для добавления таблицы, и в Интернете есть множество достойных генераторов таблиц. Онлайн-редакторы таблиц полезны, когда вы работаете с большой и сложной таблицей. Все, что вам нужно сделать, это найти онлайн-генератор таблиц в реальном времени, установить размеры таблицы, ввести содержимое таблицы и скопировать содержимое в редактор WordPress.
Все генераторы онлайн-таблиц работают нормально, и мне лично нравится Генератор адаптивных таблиц Потому что он предлагает простой макет и быстрый просмотр бок о бок. И самое приятное то, что все таблицы являются адаптивными, то есть, если экран слишком мал для отображения полного содержимого, в таблице будет отображаться горизонтальная полоса прокрутки.
Вы можете ввести данные вручную, вставить их из листа Excel или вставить и отредактировать код HTML-таблицы.
В нашем примере мы сделаем это вручную. Чтобы начать, щелкните параметр «Ввести данные» на главной странице, выберите размер таблицы, а затем введите содержимое таблицы в ячейки. У вас могут быть дополнительные параметры в виде контрольного списка, чтобы первая строка / столбец оставалась заголовком таблицы.
После того, как вы внесли изменения и остались довольны графиком. Прокрутите страницу вниз и скопируйте вывод HTML вашей страницы в буфер обмена.
Затем перейдите к записи WordPress, в которую вы хотите включить эту таблицу, щелкните вкладку «Текст», чтобы переключиться в текстовый редактор HTML. Теперь вам просто нужно вставить его в редактор WordPress и сохранить изменения. Ваша таблица появится на странице и подстроится под размер экрана.
Таблица в редакторе выглядит очень маленькой, но это нормально. После сохранения страница будет адаптирована к размерам страницы. Таблица сжимается при уменьшении размера экрана. Будьте уверены, ваш стол не испортит макет страницы ни на одном из устройств.
3. Генератор таблиц публикаций онлайн
Наконец, вы можете использовать Rapidtables Кроме того, он предлагает больше настроек, чем его предшественник. Этот генератор таблиц создает таблицу в HTML, поэтому вам не нужно много опыта в кодировании, вы можете просто скопировать и вставить его в код своей страницы и получить то, что хотите.
Мы выполним те же шаги и создадим нашу таблицу, вы можете настроить цвет фона, цвет границы, границу, узор, отступы и т. Д. Создав собственную таблицу, скопируйте ее содержимое в редактор WordPress.
Таблица выглядит как на рисунке ниже и содержит все настраиваемые параметры. Хотя вы можете не увидеть результаты в редакторе, если вы проверите предварительный просмотр, вы увидите обновленную таблицу.
Лучший способ создать таблицу в WordPress без плагинов?
Это были некоторые из способов добавить таблицу в WordPress без использования плагина. Теперь вы можете использовать Google Docs, если вам нужен быстрый инструмент для создания таблицы. Нет ничего проще этого. Генератор адаптивных таблиц особенно рекомендуется, если вам нужна таблица, которая адаптируется к разным размерам экрана. Хотя Rapidtables не реагирует на запросы, у вас есть больше возможностей для настройки. Вы можете решить, какой метод использовать, и, возможно, сообщите нам об этом в комментариях.
