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

Cách tạo công cụ trực quan hóa đồ họa trong 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 701.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à biểu đồ trong WordPress hay bạn muốn tìm hiểu cách tạo công cụ trực quan hóa biểu đồ trong WordPress?

Các công cụ hỗ trợ trực quan như đồ thị, thanh, biểu đồ hình tròn là cách lý tưởng để trình bày dữ liệu tốt hơn trong các bài đăng / 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 bên 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 kết thúc việc tạo đồ họa trong ứ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 định thay đổi bất cứ điều gì. Tuy nhiên, hình ảnh không thể thay thế biểu đồ tương tác nơi dữ liệu trọng tải 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ừ nguồn dữ liệu trên máy tính của bạn hoặc trên web.
  • Điền vào đồ thị, biểu đồ và thanh bằng cách sử dụng 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 mộ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 " Media> Thư viện Visualizer ". Đây là nơi tất cả các đồ họa sẽ được hiển thị.

cách tạo công cụ trực quan hóa biểu đồ

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

Thao tác này sẽ hiển thị một cửa sổ trên màn hình. Bạn sẽ thấy các loại biểu đồ 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 tiếp theo để 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 có thể 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 đồ.

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ạo đồ họa WordPress

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 ví dụ này, có sẵn trên Google Trang tính.

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 soạn thảo văn bản, thì 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 biểu đồ vào 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 cho Web '.

xuất bản cho web google speadsheet

Thao tác này sẽ hiển thị một cửa sổ nơi bạn nên 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 cần 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 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 kiếm tệp CSV của bạn và hiển thị bản xem trước biểu đồ của bạn theo thời gian thực.

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

Thêm hình ảnh vào một bài báo 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

Tạo một bài / trang mới hoặc chỉnh sửa một bài hiện có mà 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.

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]

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

Thao tác này sẽ hiển thị một cửa sổ bật lên với phương tiện của bạn. Bạn phải nhấp vào tab "Hình ảnh hóa" ở cột bên trái. Bạn sẽ tìm thấy tất cả các đồ họa mà 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 đăng 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 Media> 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 cần sửa đổi bảng khá 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ều hướng đến vị trí sau: " Tệp> Xuất bản 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 cần cập nhật tệp CSV trên máy tính của mình. Sau khi hoàn tất, hãy 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 lên tệp CSV mới của mình. Các thay đổi sẽ được cập nhật tự động.

Thêm biểu đồ vào thanh bên

Visualizer sử dụng mã ngắn để chèn đồ họa. Chỉ cần đi tới " Media> 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 " Giao diện> Tiện ích ". 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.

Wordpress pdo crud plugin wordpress chèn bảng đồ họa trang web dạng blog

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 gtự động tạo biểu mẫu chèn hoặc cập nhật từ các bảng cơ sở dữ liệu,hiển thị các lĩnh vực cụ thể, phỗ trợ nhiều plugin WordPress, đxportation 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 thừa hưởng các tính năng HTML5 tốt nhất, như tên cho thấy. 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 đăng và trang. 

Các plugin wordpress cao cấp có âm thanh nổi bật thêm trình phát âm thanh

Như các tính năng chúng tôi sẽ có trong số những tính năng khác: bài hát trên trang nhất, trình phát âm thanh hỗ trợ đầy đủ HTML5, hỗ trợ cho các thiết bị di động như: iPhone, iPad, Android và WP7, phát lại các tệp âm thanh được lưu trữ trong thư viện phương tiện 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 định dạng 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.

Tinh tinh pro

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 đáp ứng, 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. thoải má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.

Tuy nhiên, trong thời gian chờ đợi, hãy cho chúng tôi biết về ý 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