Вы хотите добавить столбцы и диаграммы в 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
Следующим шагом будет добавление источника данных в формате CSV. Если вы сохранили свои данные с помощью электронной таблицы Excel, электронной таблицы Google или любой другой программы, вы можете просто экспортировать их как файл CSV.
Откройте для себя тоже Как использовать плагин WP Окончательный CSV Импорт для импорта данных на WordPress
Вы можете скачать или сохранить файл CSV на свой компьютер, а затем использовать его для создания графика.
Ваш CSV-файл должен содержать имена столбцов в первой строке и тип данных во второй строке. Плагин поддерживает типы данных: строка, число, логическое значение, дата, время, дата и время суток.
Взгляните на этот пример файла, доступного в Google Таблицах.
Узнайте, открыв эту статью Как экспортировать пользовательские данные в файл CSV
Если вы создаете файл CSV с помощью текстового редактора, обратите внимание на этот образец файла CSV:
Браузер, строка посетителей, номер Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 Opera 627
Добавление графика в WordPress из электронной таблицы Google Диска
Если у вас есть данные, сохраненные в виде электронной таблицы на Google Диске, вы можете добавить их в свою диаграмму, не экспортируя.
Мы также советуем вам ознакомиться с нашими Плагины 5 WordPress для интеграции Google Диска на ваш сайт
Откройте файл данных в таблицах Google и нажмите " Файл> Опубликовать в Интернете .
Появится окно, в котором вы должны выбрать, как вы хотите опубликовать этот документ. Вы должны выбрать " Значения, разделенные запятыми (.csv) В выпадающем меню.
Не забудьте нажать на кнопку « Опубликовать Для доступа к опубликованной версии ваших данных.
Вы увидите общедоступный URL-адрес своей таблицы в виде файла CSV. Вам необходимо скопировать этот URL-адрес и вернуться к таблице плагинов Visualizer.
Нажмите на кнопку от сети И введите URL-адрес вашего CSV-файла Google Spreadsheet.
Как только вы введете URL-адрес, плагин выполнит поиск вашего CSV-файла и отобразит предварительный просмотр вашей диаграммы в реальном времени.
Вы можете нажать кнопку «Создать таблицу», чтобы сохранить график.
Добавление изображения в статью или страницу
Чтобы добавить таблицу или диаграмму в ваши статьи и страницы WordPress, вы можете сделать это так же легко, как добавить изображения в статьи / страницы.
Печенье и WordPress: Как создать, восстановить и удалить открыть их, нажав на эту ссылку
Создайте новый пост / страницу или отредактируйте существующую, куда вы хотите добавить таблицу. На экране редактирования щелкните значок " Добавить медиа Над визуальным редактором.
Появится всплывающее окно с вашими медиафайлами. Вы должны щелкнуть вкладку «Визуализации» в левом столбце. Вы найдете всю графику, которую вы создали и сохранили на этом сайте.
Щелкните значок вставки ниже, чтобы добавить его. Всплывающее окно исчезнет, и вы увидите, что ваша таблица добавлена в сообщение WordPress как короткий код.
Теперь вы можете сохранить его в своих статьях / страницах WordPress и посетить свой веб-сайт, чтобы увидеть, как все это работает.
Редактировать графику плагина визуализатора на WordPress
Вы можете редактировать и редактировать свои графики в любое время. Просто посетить Медиа> Библиотека визуализатора ». На этой странице вы можете клонировать таблицу, удалить ее или изменить ее визуальные настройки.
Обновить данные из существующей диаграммы без изменения таблицы с помощью Visualizer довольно просто.
Если вы добавили данные из электронной таблицы Google, все, что вам нужно сделать для обновления данных, - это перейти в следующее место: " Файл> Опубликовать в Интернете И опубликуйте свою таблицу. Ваши изменения будут автоматически обновлены.
Мы также приглашаем вас проконсультироваться с нашими 10 WordPress плагины, чтобы встроить Карты Google на своем блоге
С другой стороны, если вы загрузили файл CSV, вам необходимо обновить файл CSV на своем компьютере. После этого выберите диаграмму, которую вы хотите обновить, и нажмите ссылку редактирования таблицы.
В разделе Загрузите Вам просто нужно загрузить новый файл CSV. Изменения будут автоматически обновлены.
Добавление диаграммы на боковую панель
Visualizer использует короткие коды для вставки графики. Просто зайдите в " Медиа> Библиотека визуализатора Вы увидите шорткод под каждым из ваших графиков.
Скопируйте шорткод и перейдите к Внешний вид> Виджеты ». Перетащите текстовый виджет на боковую панель и вставьте шорткод внутри виджета.
Откройте для себя также несколько премиальных плагинов WordPress
Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. WordPress PDO Crud
WordPress PDO Crud - это мощный плагин, который позволит вам создавать формы для выполнения операций добавления, изменения и удаления данных внешнего интерфейса.
Он предлагает красивую таблицу, в которую вы можете добавить свои данные несколькими способами, которые будут легко определены любым веб-мастером.
Его основными характеристиками являются:очень простой, споддержка нескольких появлений, гавтоматическое создание форм вставки или обновления из таблиц базы данных,отображение определенных полей, рподдерживает многие WordPress плагины, тоxported данных в PDF, XML, CSV и Excel, див настройках персонализации,многоязычная поддержкапоиск по конкретным полям, oмногократные пункты удаления, eт больше.
скачать | Демонстрация | веб-хостинг
2. Рекомендуемое аудио
Избранное аудио — это здорово Плагин Wordpress который унаследовал лучшие функции HTML5, как следует из названия. Этот плагин позволяет вам регулировать громкость выбранного аудио для каждого поста и страницы.
Среди других функций у нас будут: песня на главной странице, аудиоплеер, полностью поддерживающий HTML5, поддержка мобильных устройств, таких как: iPhone, iPad, Android и WP7, воспроизведение аудиофайлов, хранящихся в медиатеке WordPress. , поддержка старых браузеров, поддержка аудиоформатов: mp3, wav, ogg и т. д., многоязычный и многие другие…
скачать | Демонстрация | веб-хостинг
3. ChimpMate Pro
шимпанзе - это Плагин Wordpress из всплывающего окна MailChimp, которое поможет вам превратить ваших читателей в подписчиков. Он был разработан, чтобы расширить ваш список адресов электронной почты, не раздражая посетителей надоедливыми всплывающими окнами.
Это полностью настраиваемый, и вы научитесь, когда и где отображать всплывающие окна. Его другие особенности: он фОн отлично работает на нескольких браузерах и имеетнесколько вариантов планирования, полностью настраиваемый макет,отзывчивая поддержка клиентов, яидеальная интеграция с WooCommerce, еОтличное управление кешем, отличная интеграция со многими Темы WordPress, то Многоязычная поддержка благодаря плагину WPML, ибольше не очень.
скачать | Демо | веб-хостинг
Другие рекомендуемые ресурсы
Мы также приглашаем вас ознакомиться с указанными ниже ресурсами, чтобы получить дополнительную информацию о вашем веб-сайте и блоге.
- Как отобразить все ваши WordPress публикации на одной странице
- Как эффективно использовать категории и теги на WordPress
- Как добавить кнопку WhatsApp в блог WordPress
- Как найти спонсора и монетизировать свой блог? : Руководство
Заключение
Вот и все! Вот именно для этого урока. Я надеюсь, что это позволит вам лучше отображать карты и графику на WordPress. не стесняйтесь поделитесь советом с друзьями в социальных сетях.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
А пока расскажите о своем Комментарии и предложения в специальном разделе.
...
