Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế web giá rẻ
    • Thiết kế website WordPress
    • Hosting Miễn Phí 100GB
    • Tích hợp thanh toán MoMo, ViettelPay, Vietcombank, MB..
    • Tối ưu Google PageSpeed
    • Sửa lỗi nâng cấp website
    • Viết plugin WordPress
    • Code Tool theo yêu cầu
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Wordpress » Tạo WYSIWYG widget sử dụng visual editor [WordPress]

Tạo WYSIWYG widget sử dụng visual editor [WordPress]

Thứ Tư, 05/07/2017 by Hoàng Quách

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

WordPress widgets dễ sử dụng cho những người mới. Trước đây, mình đã chỉ cho bạn cách tạo widget cho riêng mình. Chúng tôi cũng hướng dẫn làm thế nào để chèn widget trong nội dung bài viết hoặc trang.
Nhưng đối với người mới tìm hiểu , chưa từng viết cú pháp HTML thì khó có thể thêm hình ảnh hoặc liên kết trong widget văn bản. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách sử dụng trình soạn thảo để tạo nội dung widget trong wordpress.

WordPress đi kèm với một tiện ích widget văn bản bạn có thể sử dụng để thêm mọi văn bản và HTML. Nó có một trường văn bản và nếu bạn muốn thêm hình ảnh, liên kết, …bạn sẽ cần viết mã HTML. Vấn đề là hầu hết người mới bắt đầu không biết làm thế nào để viết mã HTML và CSS.

Do vậy phải tìm một giải pháp cho phép người dùng tạo widget nội dung sử dụng trình soạn thảo WYSIWYG (visual editor).

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin WYSIWYG Widgets.

Khi cài đặt, plugin bổ sung thêm một mục menu mới gọi là Widget Blocks trong thanh quản trị WordPress của bạn. Đi tới Widget Blocks » Add New để tạo khối widget mới.

Khối widget là một kiểu dữ liệu tùy chỉnh, vì vậy khi thêm khối tiện ích mới, bạn sẽ sử dụng trình soạn thảo trực quan mà bạn sử dụng để tạo bài đăng và trang. Bạn có thể sử dụng tiện ích trong việc sửa hình ảnh và thêm liên kết, list hoặc bất cứ thứ gì bạn muốn trong trình chỉnh sửa này.

Bây giờ hãy vào Appearance » Widgets và kéo thả WYSIWYG Widget vào thanh bên của bạn. Trong Widget Block nhấp để hiển thị thả xuống và chọn Widget Block bạn đã tạo ra trước đó. Lưu thay đổi của bạn và xem trước trang web.

Nếu bạn đang phát triển trang WordPress cho những khách hàng không biết gì về HTML hoặc nếu bạn là người mới bắt đầu, thì bạn có thể sử dụng plugin này để tạo các widget tùy chỉnh trong WordPress. Chúng tôi hy vọng bạn thấy bài viết này hữu ích.

Để nhận được bài viết mới vui lòng đăng ký kênh kiến thức WordPress từ A-Z ở Form bên dưới. Bạn cũng có thể nhận được sự trợ giúp trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Chuyên mục: Wordpress Tìm kiếm: widget, WYSIWYG

Tôi giúp gì cho bạn?

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 – 0868 292 303 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • GitHub
  • YouTube

SẢN PHẨM

  • Plugin Thanh Toán Quét Mã QR Code Tự Động
  • WP2Speed – Tối ưu Google Speed
  • 23WebHost – Hosting Miễn Phí 100GB

LIÊN KẾT

  • Có nên thuê thiết kế website giá rẻ?
  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2023 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.