Bỏ qua đến nội dung chính

Làm thế nào để tạo ra một công cụ trực quan đồ họa trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Bạn có muốn thêm thanh và đồ họa trên WordPress không? Các công cụ trực quan như đồ thị, thanh, biểu đồ hình tròn là một cách lý tưởng để trình bày dữ liệu tốt hơn trong các bài viết / trang của bạn.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo thanh và đồ họa bằng plugin Visualizer WordPress Charts WordPress.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn

Sau đó trở lại lý do tại sao chúng ta ở đây.

Sự cố với thanh và đồ họa trên WordPress

Có nhiều plugin WordPress để thêm thanh và đồ họa vào nội dung của bạn. Tuy nhiên, hầu hết người dùng thấy những công cụ này khó sử dụng.

Khám phá của chúng tôi Các plugin 8 WordPress để tạo sơ đồ trên trang web của bạn

Một số plugin này thậm chí còn yêu cầu người dùng thêm dữ liệu vào trong mã ngắn trong các định dạng rất phức tạp để nhớ.

Thay vì sử dụng các plugin này, nhiều người dùng cuối cùng tạo ra đồ họa trong các ứng dụng máy tính để bàn của họ và chuyển đổi chúng thành hình ảnh.

Nó có thể hoạt động nếu bạn không có kế hoạch thay đổi bất cứ điều gì. Tuy nhiên, hình ảnh không thể thay thế cho biểu đồ tương tác nơi tải trọng xuất hiện khi người dùng di chuyển chuột qua một phần cụ thể.

Việc sử dụng đồ họa sẽ cho phép bạn:

  • Thêm dữ liệu từ một nguồn dữ liệu trên máy tính của bạn hoặc trên web.
  • Điền biểu đồ, sơ đồ và thanh với dữ liệu của bạn.
  • Tạo đồ họa tuyệt vời, tương tác, đầy màu sắc, đáp ứng.
  • Quan trọng hơn, nó sẽ cho phép bạn cập nhật dữ liệu bất cứ khi nào bạn muốn.

Điều đó nói rằng, hãy xem Visualizer WordPress Charts giúp bạn đến đó như thế nào.

Cách tạo đồ họa với Biểu đồ Visualizer WordPress

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Visualizer WordPress Charts. Để biết thêm chi tiết, xem hướng dẫn của chúng tôi từng bước bước về cách cài đặt plugin WordPress.

Mặc dù phiên bản miễn phí không làm mọi thứ bạn cần, nhưng các nhà phát triển của plugin này cũng cung cấp Biểu đồ trực quan WordPress Pro trong đó thêm các tính năng bổ sung, chẳng hạn như thêm dữ liệu bằng bảng tính làm giao diện và nhập dữ liệu từ các nguồn khác.

Chi phí 79 $ cho một giấy phép với một năm hỗ trợ khách hàng và cập nhật đều đặn

Lưu ý: Hướng dẫn này dựa trên phiên bản miễn phí của plugin.

Sau khi kích hoạt, bạn phải truy cập trang " Phương tiện> Thư viện Visualizer ". Đây là nơi tất cả các đồ họa sẽ được hiển thị.

hình dung plugin WordPress cho đồ hoạ

Bạn phải bấm vào nút « Thêm Để thêm biểu đồ đầu tiên của bạn.

Điều này sẽ đưa ra một cửa sổ trên màn hình. Bạn sẽ thấy các loại đồ họa khác nhau có sẵn. Chỉ cần chọn loại biểu đồ bạn muốn thêm và nhấp vào nút sau để tiếp tục.

Khám phá quá Cách thêm bản đồ tương tác vào trang web WordPress của bạn

danh sách đồ họa cho WordPress

Bước tiếp theo là thêm nguồn dữ liệu của bạn ở định dạng CSV. Nếu bạn đã lưu dữ liệu của mình bằng bảng tính Excel, bảng tính Google hoặc bất kỳ chương trình nào khác, thì bạn chỉ cần xuất dữ liệu dưới dạng tệp CSV.

Khám phá quá Làm thế nào để sử dụng plugin WP cuối cùng CSV Import để nhập dữ liệu trên WordPress

Bạn có thể tải xuống hoặc lưu tệp CSV vào máy tính của mình và sau đó sử dụng tệp đó để tạo biểu đồ.

tạo đồ họa WordPress

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Tệp CSV của bạn phải có tên cột ở hàng đầu tiên và loại dữ liệu ở hàng thứ hai. Plugin hỗ trợ các loại dữ liệu: chuỗi, số, boolean, ngày, thời gian, ngày và thời gian trong ngày.

Hãy xem tệp mẫu này, có sẵn trên Google Sheets.

Tìm hiểu bằng cách khám phá bài viết này Cách xuất dữ liệu người dùng sang tệp CSV

ví dụ về dữ liệu Google Sheet

Nếu bạn đang tạo tệp CSV bằng trình chỉnh sửa văn bản, hãy xem tệp CSV mẫu này:

Trình duyệt, chuỗi khách truy cập, số Chrome, 7894 Firefox, 6754 Internet Explorer, 4230 Safari, 2106 Opera, 627

Thêm đồ họa trên WordPress từ Bảng tính Google Drive

Nếu bạn đã lưu dữ liệu của mình dưới dạng bảng tính trên Google Drive, bạn có thể thêm dữ liệu vào biểu đồ của mình mà không cần xuất dữ liệu.

Chúng tôi cũng khuyên bạn nên khám phá Các plugin 5 WordPress để tích hợp Google Drive trên trang web của bạn

Mở tệp dữ liệu của bạn trong Bảng tính Google và nhấp vào " Tệp> Xuất bản lên Web '.

xuất bản cho web google speadsheet

Điều này sẽ đưa ra một cửa sổ nơi bạn phải chọn cách bạn muốn xuất bản tài liệu này. Bạn phải chọn " Giá trị được phân tách bằng dấu phẩy (.csv) Trong menu thả xuống.

Chế độ xuất dữ liệu WordPress

Đừng quên nhấp vào nút « Xuất bản Để truy cập phiên bản đã xuất bản của dữ liệu của bạn.

Bạn sẽ thấy URL công khai của bảng tính của mình dưới dạng tệp CSV. Bạn phải sao chép URL này và quay lại bảng plugin Visualizer.

Bấm vào nút Từ Web Và nhập URL của tệp csv trên Bảng tính Google của bạn.

liên kết google với tờ kiểu

Ngay sau khi bạn nhập URL, plugin sẽ tìm nạp tệp CSV của bạn và hiển thị bản xem trước thời gian thực của biểu đồ của bạn.

Bạn có thể nhấp vào nút tạo bảng để lưu biểu đồ của bạn.

Thêm đồ thị vào một bài viết hoặc trang

Để thêm bảng hoặc biểu đồ vào bài viết và trang WordPress của bạn, bạn có thể thực hiện dễ dàng như khi bạn thêm hình ảnh vào bài viết / trang.

Cookies và WordPress: Làm thế nào để tạo ra, truy xuất và xóa khám phá chúng bằng cách nhấp vào liên kết này

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Tạo một bài viết / trang mới hoặc chỉnh sửa một bài viết hiện có nơi bạn muốn thêm bảng. Trên màn hình chỉnh sửa, nhấp vào " Thêm một phương tiện truyền thông Phía trên trình soạn thảo trực quan.

thêm một phương tiện truyền thông WordPress mới

Điều này sẽ đưa ra một cửa sổ bật lên với phương tiện truyền thông của bạn. Bạn phải nhấp vào tab "Trực quan hóa" trên cột bên trái. Bạn sẽ tìm thấy tất cả các đồ họa bạn đã tạo và lưu trên trang web này.

WordPress xem mẫu phương tiện truyền thông

Nhấp vào biểu tượng chèn bên dưới để thêm nó. Cửa sổ bật lên sẽ biến mất và bạn sẽ thấy bảng của mình được thêm vào bài viết WordPress của bạn dưới dạng mã ngắn.

thêm bản đồ trong biểu mẫu bảng

Bây giờ bạn có thể lưu nó trên các bài viết / trang WordPress của bạn và truy cập trang web của bạn để xem tất cả hoạt động như thế nào.

Chỉnh sửa đồ họa plugin Visualizer trên WordPress

Bạn có thể chỉnh sửa và chỉnh sửa biểu đồ của mình bất cứ lúc nào. Chỉ cần truy cập Phương tiện> Thư viện Visualizer ". Từ trang này, bạn có thể sao chép một bảng, xóa nó hoặc thay đổi cài đặt hình ảnh của nó.

sửa đổi của đồ họa WordPess

Cập nhật dữ liệu từ biểu đồ hiện có mà không sửa đổi bảng là đủ dễ dàng với Visualizer.

Nếu bạn đã thêm dữ liệu từ bảng tính Google, tất cả những gì bạn cần làm để cập nhật dữ liệu là đi đến vị trí sau: " Tệp> Publier cho web Và xuất bản lại bảng tính của bạn. Những thay đổi của bạn sẽ được cập nhật tự động.

Chúng tôi cũng mời bạn tham khảo ý kiến ​​của chúng tôi 10 WordPress plugin để nhúng Google Maps trên blog của bạn

Mặt khác, nếu bạn đã tải xuống tệp CSV, bạn phải cập nhật tệp CSV trên máy tính của mình. Khi hoàn tất, chọn biểu đồ bạn muốn cập nhật và nhấp vào liên kết chỉnh sửa bảng.

Trong phần Tải lên Bạn chỉ cần tải xuống tệp CSV mới của bạn. Những thay đổi sẽ được tự động cập nhật.

Thêm một biểu đồ trên thanh bên

Visualizer sử dụng shortcodes để chèn đồ họa. Chỉ cần đi đến " Phương tiện> Thư viện Visualizer Bạn sẽ thấy một mã ngắn bên dưới mỗi biểu đồ của bạn.

Sao chép mã ngắn và đi đến " Appearance> Widgets ". Kéo và thả một widget văn bản vào thanh bên của bạn và dán shortcode bên trong widget.

Khám phá thêm một số plugin WordPress cao cấp

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. WordPress PDO CRUD

WordPress PDO Crud là một plugin mạnh mẽ sẽ cho phép bạn tạo biểu mẫu, để thực hiện các hoạt động thêm, sửa đổi, xóa dữ liệu trên đường viền.

Nó cung cấp một bảng đẹp mà bạn có thể thêm dữ liệu của mình theo nhiều cách, điều này sẽ dễ dàng được xác định bởi bất kỳ Quản trị viên web nào.

Các tính năng chính của nó là: ayntaxe rất đơn giản, support của nhiều lần xuất hiện, các gliệt kê tự động các biểu mẫu chèn hoặc cập nhật từ các bảng DB,hiển thị các lĩnh vực cụ thể, phỗ trợ nhiều plugin WordPress, exportation dữ liệu trong pdf, xml, csv và excel, diđể cài đặt cá nhân hóa,upport đa ngôn ngữ, rtìm kiếm trên các lĩnh vực cụ thể, onhiều lượt xóa, enhiều hơn

Tải về | Bản demo | Web hosting

2. Các âm thanh

Âm thanh nổi bật là một plugin WordPress tuyệt vời được thừa hưởng các tính năng HTML5 tốt nhất, như tên gọi của nó. Plugin này cho phép bạn điều chỉnh âm lượng của âm thanh đã chọn cho mỗi bài viết và trang.

Như các tính năng chúng ta sẽ có trong số các tính năng khác: bài hát ở phía trước, trình phát âm thanh hỗ trợ hoàn hảo HTML5, hỗ trợ các thiết bị di động như: iPhone, iPad, Android và WP7, đọc các tệp âm thanh được lưu trữ trong thư viện của WordPress , hỗ trợ cho các trình duyệt cũ, hỗ trợ các định dạng âm thanh: mp3, wav, ogg, v.v ..., đa ngôn ngữ và nhiều thứ khác ...

Tải về | Bản demo | Web hosting

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

3. ChimpMate Pro

Chimpmate là plugin Pop-up WordPress của MailChimp, sẽ giúp bạn chuyển đổi người đọc thành người đăng ký. Nó được thiết kế để tăng danh sách email của bạn mà không gây khó chịu cho khách truy cập, với các cửa sổ bật lên gây phiền nhiễu.

Nó hoàn toàn có thể tùy chỉnh và bạn sẽ thành thạo khi nào và ở đâu để hiển thị cửa sổ bật lên. Các tính năng khác của anh ấy là: anh fNó hoạt động hoàn hảo trên một số trình duyệt và có pnhiều tùy chọn lập lịch, bố trí hoàn toàn tùy biến, mộthỗ trợ khách hàng nhanh nhạy, tôitích hợp hoàn hảo với WooCommerce, một eQuản lý bộ nhớ cache tuyệt vời, tích hợp hoàn hảo với một số chủ đề WordPress, Hỗ trợ đa ngôn ngữ nhờ plugin WPMLkhông còn nhiều nữa

Tải về | Bản demo | Web hosting

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo các tài nguyên dưới đây để đi xa hơn trong việc kiểm soát và kiểm soát trang web và blog của bạn.

Kết luận

Thế thôi! Đó là nó cho hướng dẫn này. Tôi hy vọng nó sẽ cho phép bạn hiển thị bản đồ và đồ họa tốt hơn trên WordPress. Đừng ngần ngại chia sẻ mẹo với bạn bè trên mạng xã hội của bạn.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Nhưng trong lúc này, hãy cho chúng tôi biết về bạn ý kiến và đề xuất trong phần dành riêng.

...

Bài viết này chứa comments 0

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
26 cổ phiếu
cổ phiếu22
tweet3
Enregistrer1