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 » 4 plugin tạo nội dung hỗ trợ wysiwyg hay nhất cho WordPress

4 plugin tạo nội dung hỗ trợ wysiwyg hay nhất cho WordPress

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

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

Chúng tôi luôn tìm cách dễ dàng và thuận tiện nhất để quản lý khối nội dung cho khách hàng.

Widgets

Widgets chỉ hữu ích ở một vai trò nào đó, vì nó không phải là plugin tuyệt vời cho trình soạn thảo WYSIWYG mà tôi biết. Rich Text Widget và WYSIWYG Text Widget có lỗi, chúng không tương thích với phiên bản 2.9.2. Rich Widgets thì ổn hơn nhưng yêu cầu đòi hỏi quá nhiều nhấp chuột và điều này không gây được thân thiện với người dùng.

Trường tùy chỉnh (Custom Fields)

Các trường tùy chỉnh chỉ hữu ích ở thời điểm bạn sử dụng – vì nó cũng không là trình biên tập nội dung. Thêm một box riêng với api add_meta_box trong functions.php để thêm tùy chỉnh, để trường tùy chỉnh có thể thân thiện sẽ mất một khoảng thời gian và một cần kiến thức PHP. Ngoài ra, giải thích cho khách hàng về các trường tùy chỉnh này không phải là một điều gì siêu sao.

Vì vậy, giải pháp nào để mở rộng chức năng của WordPress?

Content Blocks

Tôi đã tìm ra một số plugin để tạo khối nội dung:
1. Page.ly MultiEdit
Plugin này có thể trợ giúp chỉnh sửa nội dung một cách dễ dàng, bạn có thể xem hướng dẫn cài đặt plugin MultiEdit tại đây. MultiEdit cho phép bạn lật giữa các tabs để chỉnh sửa nhiều vùng nội dung! Thật thú vị, nhưng có một vấn đề là, plugin không lưu đúng nội dung ở mỗi tabs. Nó chỉ lưu nội dung trong tab cuối cùng.

2. Multiple Content Blocks
Plugin này rất dễ sử dụng. Tất cả bạn phải làm là thêm một đoạn mã vào template và kết quả bạn có một trình soạn thảo văn bản WYSIWYG khác trong khu vực quản trị. Thật kinh ngạc! tuy nhiên tôi không thể tìm ra cách sử dụng mã này trong sidebar vì sidebar không phải là một trang. 🙁

3. Page blocks
Tôi đã làm theo hướng dẫn để sử dụng plugin này , nhưng xem ra nó vẫn không làm việc như tôi mong muốn với các trình soạn thảo bổ sung trong phần chỉnh sửa trang.

4. Custom field template
Đây chính là plugin tôi cần tìm! Plugin này là cha của tất cả các plugin thêm trường tùy biến.
Nó cho phép bạn thêm bất kỳ tuỳ chỉnh nào bạn muốn vào trường tùy chỉnh và sau đó thêm mã vào template của bạn như thể nó giống như một trường tùy chỉnh thông thường.
Thực hiện các bước sau:

  1. Cài đặt và kích hoạt plugin.
  2. Chuyến đến tab mới trong admin có tên “Custom Field Template”.
  3. Sửa lại thông số mẫu dưới đây:

    [ContentAreaName]
    type = textarea
    rows = 4
    cols = 40
    tinyMCE = true
    htmlEditor = true
    mediaButton = true
    Điều này có nghĩa là trường tùy chỉnh mà tôi tạo ra có trình soạn thảo văn bản WYSIWYG TinyMCE, chế độ xem HTML và nút phương tiện để khách hàng có thể tải lên hình ảnh. Có thêm nhiều tùy chọn được giải thích trong trang cài đặt.
  4. Thêm đoạn code này vào bất cứ chỗ nào trong template bạn muốn hiển thị trình soạn thảo:
    <?php if(get_post_meta($post->ID, “ContentAreaName”, true)) { ?>
    <?php echo get_post_meta($post->ID, “ContentAreaName”, $single = true); ?>
    <?php } ?>
    

    hoặc nếu bạn muốn sử dụng nó thông qua shortcode: [ContentAreaName]

Đó là tất những gì mình biết & chia sẻ cho các bạn. Nếu bạn có cách nào tốt hơn hãy để lại comment bên dưới nhé! chúng ta cùng thảo luận.

Hãy cho mình biết suy nghĩ của bạn trong phần bình luận bên dưới bài viết này. Hãy theo dõi kênh chia sẻ kiến thức WordPress của Hoangweb trên Twitter và Facebook

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

Chuyên mục: Wordpress Tìm kiếm: 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.