Làm cách nào để tùy chỉnh văn bản trong wordpress?

Nếu bạn chưa quen với WordPress, bạn có thể thắc mắc trình soạn thảo văn bản WordPress dùng để làm gì và nó khác với đối tác trực quan của nó như thế nào

Trình soạn thảo văn bản hiển thị nội dung trong HTML, cho phép những tùy chọn tùy chỉnh bổ sung cho những người quen thuộc với ngôn ngữ này. Nó cũng cung cấp các tính năng để chỉnh sửa HTML nhanh hơn, chẳng hạn như các nút để chèn mã định dạng được sử dụng thường xuyên.

Bài viết này sẽ giải thích cách sử dụng trình soạn thảo văn bản WordPress và đề xuất các plugin trình soạn thảo văn bản thay thế nếu bạn không hài lòng với tùy chọn mặc định

Làm cách nào để tùy chỉnh văn bản trong wordpress?

  • Trình soạn thảo văn bản WordPress so với. Trình chỉnh sửa trực quan
  • Trình soạn thảo văn bản WordPress và thẻ HTML
  • Plugin AddQuicktag cho Trình soạn thảo văn bản WordPress
  • Các công cụ và lựa chọn thay thế cho Trình soạn thảo văn bản WordPress
    • 1. Công cụ chỉnh sửa nâng cao (TinyMCE Advanced)
    • 2. khối cuối cùng
    • 3. Trình tạo bảng WP
    • 4. Zedity
    • 5. Trình quản lý nội dung cho WordPress

Trình soạn thảo văn bản WordPress so với. Trình chỉnh sửa trực quan

Trình soạn thảo văn bản WordPress, còn được gọi là trình soạn thảo HTML, tạo và hiển thị mã HTML của bài đăng hoặc trang, rất hữu ích cho định dạng văn bản thuần túy

Khi tùy chỉnh bằng trình soạn thảo văn bản, người dùng cũng có thể sửa các thay đổi về kiểu dáng và định dạng không mong muốn mà WordPress có thể tự động áp dụng.  

Tuy nhiên, điều quan trọng cần lưu ý là nếu bạn muốn tùy chỉnh trang web WordPress của mình bằng trình soạn thảo văn bản, kiến ​​thức về HTML là điều cần thiết.  

Để so sánh, trình chỉnh sửa trực quan dựa trên nguyên tắc Những gì bạn thấy là những gì bạn nhận được (WYSIWYG). Điều này có nghĩa là thiết kế và kiểu dáng của nội dung được hiển thị theo cách chính xác khi xuất bản

Phiên bản mới nhất của WordPress sử dụng Gutenberg làm trình chỉnh sửa trực quan. Nó thực hiện chức năng kéo và thả, có bố cục xác định và cung cấp hệ thống khối nội dung với thanh công cụ trực quan.

Những tính năng này có nghĩa là nó rất dễ sử dụng, làm cho nó trở thành một lựa chọn tuyệt vời cho người dùng bình thường.  

Mặc dù chỉ có thể sử dụng một loại trình chỉnh sửa, nhưng cả trình chỉnh sửa hình ảnh và văn bản WordPress đều có thể tạo một bài đăng blog chuyên nghiệp và gọn gàng hơn nhiều khi được sử dụng song song.  

Để truy cập trình soạn thảo văn bản Gutenberg, hãy nhấp vào ba dấu chấm (Tùy chọn) ở góc trên cùng bên phải của màn hình, sau đó chọn Code editor.

Làm cách nào để tùy chỉnh văn bản trong wordpress?

Nếu bạn đang sử dụng trình chỉnh sửa Cổ điển của WordPress, chỉ cần nhấp vào tab Văn bản trên thanh công cụ để mở trình soạn thảo văn bản.

Làm cách nào để tùy chỉnh văn bản trong wordpress?

Trình soạn thảo văn bản WordPress và thẻ HTML

Như đã đề cập trước đó, để chỉnh sửa một bài đăng hoặc trang bằng trình soạn thảo văn bản, cần có một số kiến ​​thức cơ bản về HTML

Một tài liệu HTML được tạo thành từ một tập hợp các phần tử hoặc thẻ HTML khi ở chế độ văn bản. Lưu ý rằng thẻ HTML bao gồm thẻ mở và thẻ đóng với cú pháp sau

<tag></tag>

Nội dung được thêm vào giữa các thẻ. như một ví dụ

<tag>write sentence here</tag>

Hơn nữa, có hai loại thẻ HTML ở chế độ văn bản – cấp độ khối và nội tuyến

Các phần tử cấp khối bắt đầu ở một dòng mới và chiếm toàn bộ không gian theo chiều ngang của trang. Không gian dọc bằng chiều cao của nội dung.  

Ba thẻ cấp độ khối mà mọi tài liệu HTML nên chứa là

  • HTML – , encloses an HTML page
  • Head – , holds meta information
  • Body – , wraps all content within the page

Dưới đây là một số ví dụ khác về thẻ cấp độ khối

  • Headings –

    ,

    /

    ,

    , and so on
  • Paragraph –

  • Table –
  • Footer –
  • Ordered list –

    Thẻ nội tuyến không bắt đầu một dòng mới và chỉ chiếm nhiều dung lượng cần thiết. Nó định dạng nội dung bên trong các phần tử cấp khối.  

    Một vài trong số những cái phổ biến là

    • Bold –
    • Emphasis –
    • Anchor –
    • Inline frame –
    • Code text –

    Đây là một ví dụ đơn giản về tài liệu HTML sử dụng cả thẻ cấp khối và thẻ nội tuyến

    <html>
    
       <head>
    
          <h1>My first HTML document</h1>
    
       </head>
    
       <body>
    
          <p><strong>Hello world!</strong></p>
    
       </body>
    
    </html>

    Khi chỉnh sửa trang web WordPress của bạn bằng trình soạn thảo văn bản HTML, hãy đảm bảo định dạng chính xác các thẻ và mã. Bạn có thể kết thúc với các trang và bài viết lộn xộn nếu bạn làm sai bước này.  

    Vui lòng tải xuống tệp HTML Cheat Sheet của chúng tôi để tham khảo.

    Plugin AddQuicktag cho Trình soạn thảo văn bản WordPress

    Thẻ nhanh là nút thêm các thẻ HTML vào bài đăng của bạn, nghĩa là bạn không phải nhập chúng theo cách thủ công ở chế độ văn bản mỗi lần. Ví dụ: nút b button thêm thẻ mở và thẻ đóng in đậm. Chúng có thể được sử dụng trong trình soạn thảo văn bản Cổ điển.

    Theo mặc định, trình soạn thảo văn bản WordPress cung cấp 12 thẻ nhanh, bao gồm văn bản in đậm, nhấn mạnh, danh sách không có thứ tự/có thứ tự và trích dẫn khối

    Vì bạn có thể cần thẻ nhanh cho các phần tử khác nên đây là lúc plugin AddQuicktag phát huy tác dụng. Nó cho phép bạn thêm thẻ nhanh tùy chỉnh vào trình soạn thảo văn bản một cách nhanh chóng và dễ dàng.

    Ví dụ: để thêm thẻ nhanh cho các phần tử head , chỉ cần điền vào Nhãn nút . Sau đó, chọn nơi bạn muốn nút xuất hiện. , the Start and End Tag. Then, select where you want the button to appear.

    Làm cách nào để tùy chỉnh văn bản trong wordpress?

    Sau khi lưu các thay đổi, bạn sẽ thấy thẻ nhanh mới trong thanh công cụ soạn thảo văn bản.  

    Làm cách nào để tùy chỉnh văn bản trong wordpress?

    Hãy nhớ rằng plugin này chỉ hoạt động trên trình soạn thảo văn bản WordPress Classic. Trình chỉnh sửa mã Gutenberg hoàn toàn không sử dụng thẻ nhanh.     

    Các công cụ và lựa chọn thay thế cho Trình soạn thảo văn bản WordPress

    Trình soạn thảo văn bản WordPress có thể phức tạp để hiểu và sử dụng, trong khi trình soạn thảo Gutenberg có vẻ hạn chế khi nói đến các tùy chọn tùy chỉnh.  

    Nếu cả hai lựa chọn trình chỉnh sửa này đều không cung cấp cho bạn giao diện mà bạn đang theo đuổi, bạn nên xem xét các lựa chọn thay thế khác

    Dưới đây là danh sách các plugin được đề xuất của chúng tôi có thể giúp bạn mở rộng chức năng của trình chỉnh sửa WordPress.  

    1. Công cụ chỉnh sửa nâng cao (TinyMCE nâng cao)

    Làm cách nào để tùy chỉnh văn bản trong wordpress?

    Số liệu thống kê plugin

    • Tải xuống. 2.000.000+
    • Xếp hạng. 4. 6/5
    • Các tính năng đáng chú ý. Trình sắp xếp menu cho khối đoạn văn cổ điển và thanh công cụ
    • Phù hợp nhất cho. Người dùng muốn tùy chỉnh trình chỉnh sửa WordPress dựa trên nhu cầu của họ
    • Giá bán. Tự do

    Plugin này thêm khối Đoạn văn cổ điển vào trình chỉnh sửa Gutenberg, khối này sẽ hiển thị thanh công cụ Cổ điển đầy đủ mà người dùng WordPress đã quen thuộc. Điều này cấp quyền truy cập vào các khối văn bản và các tính năng mới khác trong Gutenberg, cùng với tất cả các thành phần của trình soạn thảo văn bản Cổ điển.

    Menu trên thanh công cụ Cổ điển có thể được sắp xếp lại theo nhu cầu của bạn. Chỉ cần vào cài đặt plugin và thêm hoặc xóa các chức năng bằng cách kéo và thả các nút.  

    Hơn nữa, plugin này cho phép thay đổi kích thước của bảng, hàng và cột một cách dễ dàng. Tuy nhiên, hãy nhớ rằng chức năng này có thể ghi đè một số kiểu được đặt bởi các chủ đề trang web WordPress cụ thể.  

    Công cụ Trình chỉnh sửa Nâng cao cũng tương thích với plugin Trình chỉnh sửa Cổ điển. Do đó, cũng có thể tùy chỉnh menu tùy chọn thanh công cụ trên trình chỉnh sửa Cổ điển.

    2. Khối cuối cùng

    Làm cách nào để tùy chỉnh văn bản trong wordpress?

    Số liệu thống kê plugin

    • Tải xuống. Hơn 20.000
    • Xếp hạng. 4. 9/5
    • Các tính năng đáng chú ý. Cung cấp các khối nội dung bổ sung cho Gutenberg
    • Phù hợp nhất cho. Dự án viết blog hoặc chủ sở hữu trang web dựa trên nội dung
    • Giá bán. Tự do

    Ultimate Blocks là một trong những plugin đơn giản nhất để bắt đầu sử dụng. Nó đi kèm với 20 cài đặt bổ sung liên quan đến blog và nội dung mà bạn có thể thêm vào trình chỉnh sửa Gutenberg.  

    Ví dụ: Mục lục , Đếm ngược , . Các yếu tố này cũng tương thích với hầu hết các chủ đề WordPress và các plugin WordPress khác. Content Filter, and Testimonial are some of the unique elements that can be used for your projects. These elements are also compatible with most WordPress themes and other WordPress plugins.

    Các khối nâng cao do Gutenberg cung cấp cũng nhận được các tùy chọn tùy chỉnh mới. Khối Nút có thêm kích thước, kiểu và biểu tượng nút và khối Chia sẻ xã hội sẽ có các biểu tượng cho LinkedIn, Pinterest và Reddit

    Nếu bạn cần trợ giúp về cách sử dụng plugin Ultimate Blocks, vui lòng truy cập diễn đàn hỗ trợ hoặc Facebook group.

    3. Trình tạo bảng WP

    Làm cách nào để tùy chỉnh văn bản trong wordpress?

    Số liệu thống kê plugin

    • Tải xuống. 30.000+
    • Xếp hạng. 4. 9/5
    • Các tính năng đáng chú ý. Cài đặt phản hồi và trình chỉnh sửa thân thiện với người dùng
    • Phù hợp nhất cho. Trang web quản lý, đánh giá và kinh doanh của mọi người
    • Giá bán. Freemium

    WP Table Builder là một trong những plugin tốt nhất để tạo bảng cho trang web WordPress của bạn. Nó giới thiệu chức năng kéo và thả và giao diện trực quan hơn. Với các tính năng này, việc tạo các bảng giá khác nhau, nhiều so sánh và các danh sách khác sẽ nhanh chóng và dễ dàng.  

    Có bảy cách người dùng có thể thêm vào bảng – bằng cách sử dụng Văn bản , Hình ảnh , List, Button, Star Rating, Custom HTML, and Shortcode. Each element has its own customization options that can further improve your posts.

    Cài đặt chung của quản lý ô cho phép bạn thêm hàng/cột mới và hợp nhất/tách ô. Hơn nữa, bạn có thể nhập các bảng tạo sẵn từ . CSV . XML hoặc xuất những tệp bạn đã tạo bằng plugin.

    Khi nói đến khả năng phản hồi, WP Table Builder có tùy chọn chỉnh sửa giao diện của bảng trên màn hình thiết bị di động, máy tính bảng và máy tính để bàn. Tính năng này không chỉ cho phép bạn phục vụ đối tượng lớn hơn mà còn cho phép bạn điều chỉnh trang web của mình theo nhiều mục đích khác nhau

    Để nhận các tính năng bổ sung, chẳng hạn như mẫu bảng, sao chép toàn bộ cột/hàng và màu đường viền, bạn sẽ cần nâng cấp. Phiên bản cao cấp của WP Table Builder bắt đầu từ $39. 99/năm , bao gồm các bản cập nhật plugin và hỗ trợ ưu tiên từ nhóm nhà phát triển.

    Plugin cũng có diễn đàn hỗ trợ nếu bạn muốn tự tìm giải pháp cho vấn đề của mình.

    4. Sedity

    Làm cách nào để tùy chỉnh văn bản trong wordpress?

    Số liệu thống kê plugin

    • Tải xuống. 3.000+
    • Xếp hạng. 4. 5/5
    • Các tính năng đáng chú ý. Trình chỉnh sửa trực quan không có bố cục
    • Phù hợp nhất cho. Trang web có nhiều nội dung tương tác
    • Giá bán. Freemium

    Zedity là một plugin thêm nội dung đa phương tiện vào trang web WordPress của bạn. Sẽ không mất nhiều thời gian để tìm hiểu cách trình chỉnh sửa hoạt động vì nó có hướng dẫn dành cho người dùng lần đầu

    Tính năng kéo và thả giúp chỉnh sửa dễ dàng. Vì không có bố cục nên người dùng có thể đặt các hộp nội dung ở bất kỳ đâu trên trang. Khác nhau, từ phòng trưng bày đến đồ họa thông tin, bạn có thể điều chỉnh trực quan các hộp này mà không cần bất kỳ mã nào.  

    Phiên bản miễn phí của Zedity cho phép bạn thêm video từ YouTube và Vimeo, cũng như âm thanh từ SoundCloud và ReverbNation. Bên cạnh các hộp Văn bản, Hình ảnh và Màu sắc, còn có hộp HTML dành cho các tập lệnh tùy chỉnh có thể thay đổi kích thước và xoay một cách dễ dàng.

    Phiên bản cao cấp p của plugin này cũng đi kèm với các chức năng bổ sung như thẻ thân thiện với SEO, màu sắc không giới hạn, phông chữ web/tùy chỉnh và . $39/year.

    Khi bạn cài đặt plugin này, bạn sẽ tìm thấy nút Zedity ở góc trên cùng bên phải của thanh công cụ Trình chỉnh sửa cổ điển và khối cổ điển Gutenberg

    5. Trình quản lý nội dung cho WordPress

    Làm cách nào để tùy chỉnh văn bản trong wordpress?

    Số liệu thống kê plugin

    • Tải xuống. 800+
    • Xếp hạng. 4. 6/5
    • Các tính năng đáng chú ý. Trình chỉnh sửa lưới mặt trước
    • Phù hợp nhất cho. Những người muốn chức năng phức tạp mà không cần sử dụng HTML
    • Giá bán. $34/giấy phép thông thường ($130/giấy phép mở rộng)

    Trình quản lý nội dung cho WordPress đơn giản hóa việc tạo các trang và bài đăng phức tạp. Nó cho phép bạn chỉnh sửa và sắp xếp bố cục trang từ giao diện người dùng của trang web WordPress của bạn.  

    Với hệ thống kéo và thả và trình quản lý lưới, bạn có thể nhanh chóng có một trang được thiết kế đẹp mắt. Bố cục cũng sẽ đáp ứng, vì vậy khách truy cập có thể thưởng thức trang web của bạn trên thiết bị di động của họ.  

    Trình quản lý nội dung cho WordPress đi kèm với hơn 50 mã ngắn phần tử sẵn sàng sử dụng. Mỗi mã ngắn có giao diện thân thiện với người dùng và các tùy chọn tùy chỉnh.  

    Do đó, việc thêm các nút, biểu tượng xã hội và phòng trưng bày ở bất kỳ đâu trên trang web của bạn sẽ không gặp rắc rối. Ngoài ra, mã ngắn hoạt hình cho hộp lật, thanh tiến trình và thanh trượt cũng có sẵn.   

    Ngoài ra, plugin này còn có các mẫu blog và danh mục đầu tư. Nó cũng có thể dịch sang bất kỳ ngôn ngữ nào bằng cách sử dụng . PO . Tệp MO .

    Plugin tích hợp tốt với WordPress và sử dụng AJAX. Sau khi được cài đặt với khoản thanh toán một lần là $39/giấy phép thông thường , bạn sẽ tìm thấy một nút trên trình chỉnh sửa WordPress để thêm mã ngắn.

    Sự kết luận

    Tóm lại, trình soạn thảo văn bản WordPress được sử dụng để chỉnh sửa mã HTML của bài đăng và trang. Thật tiện lợi khi thêm các thay đổi về kiểu dáng bổ sung và khắc phục các sự cố định dạng khác nhau.   

    Mặc dù sử dụng trình soạn thảo văn bản WordPress cung cấp cho bạn nhiều tùy chọn tùy chỉnh hơn, nhưng kiến ​​thức về mã HTML là bắt buộc.  

    Mặt khác, trình chỉnh sửa trực quan cho phép bạn thay đổi các chủ đề và bài đăng trên trang web của mình mà không cần bất kỳ mã nào. Thật dễ dàng để sử dụng, vì tất cả các thay đổi được hiển thị ngay khi bạn thực hiện chúng.  

    Mặc dù phương pháp này thân thiện với người mới bắt đầu, nhưng nó hạn chế hơn rất nhiều. Có nghĩa là sẽ không có nhiều tùy chọn tùy chỉnh so với trình soạn thảo văn bản

    Nếu bạn có thể sử dụng thay thế trình soạn thảo hình ảnh và văn bản, thì việc tùy chỉnh các bài đăng và trang để phù hợp với phong cách và chủ đề trang web của bạn sẽ trở nên dễ dàng.  

    May mắn thay, có rất nhiều trình soạn thảo văn bản, trình chỉnh sửa trực quan và plugin khác nhau mà bạn có thể chọn, trả phí và miễn phí. Tất cả bắt nguồn từ việc tìm kiếm sự kết hợp phù hợp với nhu cầu của bạn

    Khám phá các hướng dẫn WordPress khác

    Thêm mã PHP vào bài đăng hoặc trang WordPress
    Hướng dẫn WordPress
    Tất cả về các móc nối WordPress
    Cách thêm tùy chỉnh
    How to Create a WordPress Custom Post Type
    How to Create WordPress Custom Widgets
    WordPress Cheat Sheet

    Làm cách nào để tùy chỉnh văn bản trong wordpress?

    Tác giả

    Ratna Siti N

    Ratna là một chuyên gia lưu trữ web và viết nội dung tại Hostinger. Với kinh nghiệm của mình về mọi thứ liên quan đến công nghệ và SEO, cô ấy luôn sẵn sàng chia sẻ. Khi rảnh rỗi, Ratna thích đọc một cuốn sách hay hoặc tiếp tục dự án thêu chữ thập của mình