Пропустить

Как создать графический инструмент для визуализации на WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Хотите добавить бары и графику на WordPress? Визуальные средства, такие как графики, гистограммы, круговые диаграммы, являются идеальным способом для лучшего представления данных в ваших статьях / страницах.

В этом уроке мы покажем вам, как создавать бары и графику с помощью плагина. Visualizer WordPress Диаграммы WordPress.

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге

Тогда вернемся к тому, почему мы здесь.

Проблема с барами и графикой на WordPress

Есть много плагинов WordPress для добавления баров и графики в ваш контент. Тем не менее, большинство пользователей считают эти инструменты сложными в использовании.

Откройте для себя 8 WordPress плагины для создания диаграмм на вашем сайте

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

Вместо того чтобы использовать эти плагины, многие пользователи в конечном итоге создают графику в своих настольных приложениях и преобразуют их в изображения.

Это может сработать, если вы не планируете ничего менять. Однако изображение не может заменить интерактивный график, где полезная нагрузка появляется, когда пользователь наводит указатель мыши на определенный раздел.

Использование графики позволит вам:

  • Добавить данные из источника данных на вашем компьютере или в Интернете.
  • Заполните диаграммы, диаграммы и столбцы с вашими данными.
  • Создавайте великолепную, интерактивную, красочную, отзывчивую графику.
  • Что еще более важно, это должно позволить вам обновлять данные в любое время.

Тем не менее, давайте посмотрим, как Visualizer WordPress Charts поможет вам туда добраться.

Как создавать графику с помощью визуализатора WordPress Charts

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

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

Это стоит 79 $ за одну лицензию с одним годом поддержки клиентов и обновления регулярный

Примечание: Этот учебник основан на бесплатную версию плагина.

После активации необходимо зайти на страницу Медиа> Библиотека визуализаторов ». Это где вся графика будет отображаться.

WordPress плагин для просмотра графических

Вы должны нажать на кнопку « Добавить Чтобы добавить свой первый график.

Это откроет окно на экране. Вы увидите различные типы графики. Просто выберите тип диаграммы, которую вы хотите добавить, и нажмите следующую кнопку, чтобы продолжить.

Откройте для себя тоже Как добавить интерактивные карты на ваш сайт WordPress

Список графики на WordPress

Следующим шагом является добавление источника данных в формате CSV. Если вы сохранили свои данные, используя электронную таблицу Excel, электронную таблицу Google или любую другую программу, вы можете просто экспортировать ее в виде файла CSV.

Откройте для себя тоже Как использовать плагин WP Окончательный CSV Импорт для импорта данных на WordPress

Вы можете скачать или сохранить файл CSV на свой компьютер, а затем использовать его для создания графика.

генерирование графики WordPress

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

Взгляните на этот образец файла, доступный в Google Sheets.

Узнайте, открыв эту статью Как экспортировать данные пользователя в файл CSV

пример данных Google Sheet

Если вы создаете файл CSV с помощью текстового редактора, взгляните на этот пример файла CSV:

Браузер, строка посетителей, номер Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 Opera 627

Добавление графики на WordPress из таблицы Google Drive

Если ваши данные сохранены в виде электронной таблицы на Google Диске, вы можете добавить их в свою диаграмму, не экспортируя ее.

Мы также советуем вам ознакомиться с нашими Плагины 5 WordPress для интеграции Google Диска на ваш сайт

Откройте файл данных в таблицах Google и нажмите " Файл> Опубликовать в Интернете .

forLe публиковать веб Google электронной таблице

Откроется окно, в котором вы должны выбрать способ публикации этого документа. Вы должны выбрать " Значения, разделенные запятыми (.csv) В выпадающем меню.

Режим экспорта данных WordPress

Не забудьте нажать на кнопку « Опубликовать Для доступа к опубликованной версии ваших данных.

Вы увидите общедоступный URL-адрес своей таблицы в виде файла CSV. Вы должны скопировать этот URL и вернуться в таблицу плагинов Visualizer.

Нажмите на кнопку от сети И введите URL-адрес файла CSV в таблицу Google.

Google ссылка на таблицу стилей

Как только вы введете URL, плагин извлечет ваш CSV-файл и отобразит предварительный просмотр графика в реальном времени.

Вы можете нажать кнопку «Создать таблицу», чтобы сохранить график.

Добавление графики на статью или страницу

Чтобы добавить таблицу или диаграмму в ваши статьи и страницы WordPress, вы можете сделать это так же легко, как добавить изображения в статьи / страницы.

Печенье и WordPress: Как создать, восстановить и удалить открыть их, нажав на эту ссылку

Создайте новую статью / страницу или отредактируйте существующую, где вы хотите добавить таблицу. На экране редактирования нажмите « Добавить медиа Над визуальным редактором.

добавить новый WordPress СМИ

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

просмотр WordPress среды, такие

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

добавив карту формы таблицы

Теперь вы можете сохранить его в своих статьях / страницах WordPress и посетить свой веб-сайт, чтобы увидеть, как все это работает.

Редактировать графику плагина визуализатора на WordPress

Вы можете редактировать и редактировать свои графики в любое время. Просто посетить Медиа> Библиотека визуализаторов ». На этой странице вы можете клонировать таблицу, удалить ее или изменить ее визуальные настройки.

изменение графика WordPess

Обновление данных с существующего графика без изменения таблицы достаточно просто с Visualizer.

Если вы добавили данные из таблицы Google, все, что вам нужно сделать, чтобы обновить данные, - это перейти в следующее место: " Файл> Опубликовать в Интернете И опубликуйте свою таблицу. Ваши изменения будут автоматически обновлены.

Мы также приглашаем вас проконсультироваться с нашими 10 WordPress плагины, чтобы встроить Карты Google на своем блоге

С другой стороны, если вы загрузили файл CSV, вы должны обновить файл CSV на своем компьютере. Когда закончите, выберите диаграмму, которую вы хотите обновить, и нажмите на ссылку редактирования таблицы.

В разделе Загрузить Вам просто нужно скачать новый файл CSV. Изменения будут автоматически обновлены.

Добавление графики на боковой панели

Visualizer использует шорткоды для вставки графики. Просто зайди в Медиа> Библиотека визуализаторов Вы увидите шорткод под каждым из ваших графиков.

Скопируйте шорткод и перейдите к Внешний вид> Виджеты ». Перетащите текстовый виджет на боковую панель и вставьте шорткод внутри виджета.

Откройте для себя также несколько премиальных плагинов WordPress

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

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. WordPress PDO Crud

WordPress PDO Crud - мощный плагин, который позволит вам создавать формы, чтобы выполнять операции добавления, изменения, удаления данных на границе.

Wordpress pdo crud плагины wordpress вставить таблицы графика сайт блог форма

Он предлагает красивую таблицу, в которую вы можете добавить свои данные несколькими способами, которые будут легко определены любым веб-мастером.

Его основными характеристиками являются:очень простой, споддержка нескольких появлений, гавтоматическое перечисление форм вставки или обновления из таблиц БД,отображение определенных полей, рподдержка многих плагинов WordPress, еxported данных в PDF, XML, CSV и Excel, див настройках персонализации,многоязычная поддержкапоиск по конкретным полям, oмногократные пункты удаления, eт больше.

скачать | Демонстрация | веб-хостинг

2. Рекомендуемое аудио

Featured Audio - отличный плагин для WordPress, унаследовавший лучшие возможности HTML5, как следует из его названия. Этот плагин позволяет регулировать громкость выбранного аудио для каждой статьи и страницы.

Рекомендуемые плагины audio premium wordpress добавляют аудиоплеер

В качестве функций у нас будут среди прочего: песня впереди, аудиоплеер, который отлично поддерживает HTML5, поддержка мобильных устройств, таких как: iPhone, iPad, Android и WP7, чтение аудиофайлов, хранящихся в библиотеке WordPress. , поддержка старых браузеров, поддержка аудиоформатов: mp3, wav, ogg и т. д., мультиязычность и многие другие ...

скачать | Демонстрация | веб-хостинг

3. ChimpMate Pro

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

Chimpmate Pro

Это полностью настраиваемый, и вы научитесь, когда и где отображать всплывающие окна. Его другие особенности: он фОн отлично работает на нескольких браузерах и имеетнесколько вариантов планирования, полностью настраиваемый макет,отзывчивая поддержка клиентов, яидеальная интеграция с WooCommerce, еОтличное управление кешем, отличная интеграция с несколькими темами WordPress, Многоязычная поддержка благодаря плагину WPML, ибольше не очень.

скачать | Демонстрация | веб-хостинг

Другие рекомендуемые ресурсы

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

Заключение

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

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

А пока расскажите нам о своем Комментарии и предложения в специальном разделе.

...

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
26 акции
доля22
чирикать3
Регистрация1