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