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

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

Вы хотите добавить столбцы и диаграммы в WordPress или хотите узнать, как создать инструмент визуализации диаграмм в 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавление изображения в статью или страницу

Чтобы добавить таблицу или диаграмму в ваши статьи и страницы 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, exported данных в PDF, XML, CSV и Excel, див настройках персонализации,многоязычная поддержкапоиск по конкретным полям, oмногократные пункты удаления, eт больше.

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

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

Избранное аудио — это здорово Плагин Wordpress который унаследовал лучшие функции HTML5, как следует из названия. Этот плагин позволяет вам регулировать громкость выбранного аудио для каждого поста и страницы. 

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

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

Более 11 миллионов инструментов для загрузки

Envato Elements предлагает лучшие ресурсы для создания и развития всех аспектов вашего веб-сайта. Вы найдете миллионы шаблонов WordPress, графику, аудиоресурсы и многое другое. Идеально подходит для начинающих.

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

3. ChimpMate Pro

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

Chimpmate Pro

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

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

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

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

Заключение

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

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

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

...

%d блоггеры, как этой странице: