Hướng dẫn thêm Custom Button vào trình soạn thảo của WordPress

Hướng dẫn thêm Custom Button vào trình soạn thảo của WordPress

Custom Button là những nút nhấn tùy chỉnh cho mục đích nào nó như: chèn shortcode, chèn nhanh một đoạn văn bản,…Như vậy thì bạn cũng sẽ thấy là Custom Button giúp bạn tiết kiệm được rất nhiều thời gian trong việc soạn thảo.

Mặc đinh WordPress chỉ cung cấp những nút hỗ trợ mặc định trên thanh công cụ của trình soạn thảo như bôi đen, canh giữa, xóa định dạng,…hoặc khi bạn cài một plugin nào đó như Pretty Link thì nó sẽ tự động chèn một chức năng nào đó vào. Vậy làm thế nào để có thể thêm một Custom Button vào trình soạn thảo của WordPress?

Thực hiện công việc này khá đơn giản vì đã có một plugin hỗ trợ rất nhanh chóng cho bạn. Đó là Visual Editor Custom Buttons.

Sau khi tìm và cài đặt plugin Visual Editor Custom Buttons thì bạn tiến hành kích hoạt nó lên để bắt đầu sử dụng. Bạn truy cập Dashboard -> Visual Editor Custom Buttons -> Settings để cấu hình vị trí hiển thị của các button và chỉ định loại user có thể sử dụng.

Visual Editor Custom Buttons Settings

Tiếp theo bạn vào Visual Editor Custom Buttons -> Add new để tạo ra một button mới. Trong đó:

  • Enter title here: Đặt tên cho nút nhấn.
  • Button Content: Nội dung của nút nhấn.
  • Display Editor: Tùy chọn hiển thị.
  • Visual Editor Content Styling: Cấu hình CSS.

Bạn tùy chọn giống như hình bên dưới, trong ví dụ mình chèn đoạn shortcode và lựa chọn Icon để dễ nhìn thấy.

Visual Editor Custom Buttons Add new

Cuối cùng nhấn nút Publish để nút nhấn có thể hiển thị trên thanh công cụ của trình soạn thảo.

Visual Editor Custom Buttons Demo

Chỉ cần vào thao tác đơn giản là bạn đã có thể thêm một Custom Button bất kỳ vào trình soạn thảo của WordPress rồi đấy. Từ giờ nó sẽ giúp bạn tiết kiệm được nhiều thời gian và làm cho công việc viết bài của bạn trở nên chuyên nghiệp hơn.

Hướng dẫn thêm Custom Button vào trình soạn thảo của WordPress
5 (1 vote)

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

2 Bình luận trên "Hướng dẫn thêm Custom Button vào trình soạn thảo của WordPress"

avatar
500
Blog
Khách

thêm shortcode vào khung soạn thảo có thể tự làm bằng code nhưng không biết code thì nên làm bằng plugin

Phạm Lệ Quyên
Khách

Lại một cách hay cho mọi người tham khảo :))

wpDiscuz
Đăng kí BẢN TIN

Đăng kí BẢN TIN

Đăng kí bản tin to cập nhật bài viết nhanh nhất and receive the following phần quà hấp dẫn từ Nam Ngô Blog.

Bạn đã đăng kí thành công!