Làm cách nào để sử dụng văn bản được định dạng sẵn trong wordpress?

Trình chỉnh sửa khối Gutenberg cho phép thêm nội dung vào các trang và bài đăng của bạn trong WordPress. Có nhiều loại khối khác nhau mà bạn có thể sử dụng để tạo và tạo kiểu cho nội dung của mình. Tuy nhiên, một số khối có bản chất tương tự nhau khiến người dùng nhầm lẫn chính xác nơi sử dụng khối có liên quan. Trong bài viết này, chúng ta sẽ xem xét ba loại khối phổ biến nhất có sẵn trong trình chỉnh sửa khối Gutenberg – Code Vs Preformatted Vs Paragraph blocks. Chúng tôi sẽ giải thích chúng khác nhau như thế nào, cũng như các tình huống phù hợp để sử dụng từng loại

Mã Vs Định dạng sẵn Vs Đoạn văn

Mã, định dạng sẵn và đoạn văn đều là một phần của khối văn bản trong trình soạn thảo Gutenberg. Bạn có thể sử dụng các khối này để chèn các loại nội dung văn bản khác nhau tùy theo tình huống.   

1. khối mã

Như tên gợi ý, khối mã được sử dụng để hiển thị trực tiếp mã được định dạng cho mục đích hướng dẫn. Nói cách khác, bất cứ khi nào bạn cần hiển thị mã như một phần nội dung của mình, khối mã sẽ được sử dụng. Bây giờ, bạn có thể đang nghĩ, liệu khối mã có chạy mã đã nhập không? . Về bản chất, khối mã không phải là trình chỉnh sửa mã, về cơ bản, nó sẽ hiển thị mã theo cách nó đã được thêm vào. Vì vậy, hãy đảm bảo áp dụng các phương pháp hay nhất về mã hóa, chẳng hạn như định dạng bằng cách sử dụng khoảng trắng, thêm nhận xét về mã, v.v.

Một điều tuyệt vời khác về khối mã là nó sẽ hiển thị mã từ bất kỳ ngôn ngữ lập trình nào vì nó không chạy chúng. Điều này làm cho nó trở thành một công cụ tuyệt vời để hiển thị các loại tập lệnh khác nhau để độc giả của bạn đọc, tìm hiểu hoặc thậm chí sao chép

Cũng giống như các khối Gutenberg khác, khối mã cung cấp hai tùy chọn để tùy chỉnh, là thanh công cụ trên cùng nằm phía trên khối và thanh bên của khối nằm ở phía bên phải của trang, như trong hình trên

Từ thanh công cụ trên cùng, bạn có thể thực hiện các thay đổi sau đối với khối

• Thay đổi kiểu hoặc loại khối. Cài đặt này sẽ cho phép bạn thay đổi khối mã thành định dạng sẵn, HTML tùy chỉnh, thay đổi các cột hoặc tạo một nhóm có thể tùy chỉnh thêm về kiểu, màu sắc và khoảng cách
• Lôi kéo. Điều này là tự giải thích và bạn có thể giữ biểu tượng này để di chuyển khối bằng cách kéo nó đến bất cứ nơi nào bạn muốn trên trang
• Di chuyển Lên & Xuống. Cài đặt này hoạt động tương tự như cài đặt trước với điểm khác biệt duy nhất là thay vì kéo khối, bạn có thể di chuyển khối lên hoặc xuống khối theo cách thủ công
• Tùy chọn phông chữ. Thanh công cụ trên cùng cũng cung cấp các tùy chọn để áp dụng cài đặt in đậm và in nghiêng cho mã được viết
• liên kết. Cài đặt này cho phép bạn siêu liên kết bất kỳ mã được viết nào tới một URL cụ thể
• Cài đặt khác. Cài đặt này sẽ cho phép bạn sử dụng các tùy chọn như mã nội tuyến, Hình ảnh nội tuyến, nhập bàn phím, gạch ngang, chỉ số dưới, chỉ số trên và màu văn bản

Bảng tùy chỉnh khác được cung cấp trong khối mã là thanh bên, cho phép bạn thay đổi kích thước phông chữ, cũng như bao gồm một neo HTML và các lớp CSS bổ sung

2. Khối định dạng sẵn

Khối này rất giống với khối mã với một số khác biệt nhỏ giữa hai khối. Khối này hiển thị văn bản chính xác như cách nó đã được nhập và chủ yếu được sử dụng để hiển thị nội dung văn bản có ngắt dòng và khoảng trắng, đồng thời cung cấp tùy chọn thay đổi kiểu chữ, màu sắc, v.v.

Hãy xem qua cài đặt thanh công cụ và thanh bên trên cùng của khối này để chúng tôi có thể khám phá một số khác biệt quan trọng giữa khối này và khối mã

Với thanh công cụ trên cùng, hầu hết các tùy chọn đều giống như với khối mã. Bạn cũng có thể chuyển đổi khối được định dạng sẵn thành mã và các khối khác như đã giải thích ở trên. Sự khác biệt chính giữa khối được định dạng sẵn và khối mã nằm trong các tùy chọn thanh bên của khối và cụ thể là các tùy chọn màu sắc. Khối được định dạng sẵn cho phép bạn thay đổi màu văn bản, thêm màu nền và cũng có thể thay đổi màu liên kết, nếu có bất kỳ văn bản nào đã được siêu liên kết. Mặc dù khối mã cung cấp tùy chọn thay đổi màu văn bản từ tab tùy chọn khác trên thanh công cụ trên cùng của nó, nhưng các tùy chọn tùy chỉnh màu bổ sung được cung cấp trong các khối được định dạng sẵn làm cho nó nổi bật

Note: There are lot of syntax highlighter plugins available to showcase your code by adding colors, line numbers and click to copy functions. Most of these plugin work with

 or preformatted tag which include the  tag. For example, the plugin will add syntax highlighting when you add code in the format 
your code
. However, some plugins may also only use preformatted or code block. If you are a developer or coder want to showcase your coding skills then we recommend using one of these syntax highlighter plugins to make use of the default code and preformatted blocks in Gutenberg.
3. Khối đoạn văn
Và cuối cùng, chúng ta có khối đoạn văn là loại khối mặc định để thêm nội dung và văn bản thông qua trình chỉnh sửa khối. Chắc chắn đó là khối mà bạn sẽ sử dụng nhiều nhất vì khối này là khối cơ bản và nền tảng nhất. Văn bản đã nhập sẽ được định dạng bằng các thẻ đoạn văn HTML và nhấn enter sẽ tạo một khối đoạn văn mới
Sự khác biệt chính khác giữa khối đoạn văn và hai khối còn lại nằm ở các tùy chọn tùy chỉnh độc đáo của nó. Với thanh công cụ trên cùng, không giống như hai khối còn lại, khối đoạn văn có thể được chuyển đổi thành Cột, Nhóm, Khối được định dạng sẵn, Tiêu đề, Danh sách, Trích dẫn, Trích dẫn và Câu thơ. Phần còn lại của các tùy chọn thanh công cụ trên cùng giống nhau giữa ba khối. Hơn nữa, nhìn vào các tùy chọn thanh bên của khối, nó cung cấp các tùy chọn màu nền và văn bản như khối Định dạng sẵn, nhưng cũng có một tùy chọn duy nhất gọi là Cài đặt văn bản. Cài đặt này cho phép bạn hiển thị chữ hoa đầu dòng (chữ cái đầu lớn) trên đoạn văn của bạn, như minh họa trong ví dụ bên dưới



Khối đoạn văn
Ngoài ra, bạn có các tùy chọn để thêm chữ hoa đầu dòng và thay đổi chiều cao của dòng. Tuy nhiên, điểm khác biệt ở đây là bạn có thể chuyển đoạn văn sang định dạng sẵn chứ không thể chuyển sang khối mã
Sự khác biệt - Mã Vs Định dạng sẵn Vs Đoạn
Dưới đây là tóm tắt về sự khác biệt giữa các khối này
Usage/BlockParagraphCodePreformattedPurposeParagraph block is used to create content and is the default block for adding text via the block editor.Code block is used to display code as a part of the content.Preformatted block is used to show a text exactly as you type it.HTML Tag
……
……
……
ConversionTo preformatted and many otherTo preformattedTo codeText ColorYesYesYesBackgroundYesNo by default, you can use Group to add backgroundYesUsed in Syntax HighlightingNoYesYesFont UsedDefault body fontCustom monospace fontCustom monospace fontLine BreakNoYesYesSpaceYesYesYesHTML CommentsNoYesYesTabNoYesYesDrop CapYesNoNoLine HeightYesNoNo
Từ cuối cùng
Và chúng tôi đã có nó. Cả ba khối đều phục vụ mục đích của chúng về việc thêm các loại nội dung cụ thể thông qua trình chỉnh sửa khối. Kiểu dáng của các khối này tùy thuộc vào chủ đề bạn sử dụng và hầu hết các chủ đề và plugin đều sử dụng kết hợp tiền/mã để làm nổi bật cú pháp. Ngoài ra, bạn có thể sử dụng khối HTML tùy chỉnh để chèn hiển thị kết quả của mã
 

Văn bản định dạng sẵn dùng để làm gì?
: The Preformatted Text element. The 
 HTML element represents preformatted text which is được trình bày chính xác như được viết trong tệp HTML . Văn bản thường được hiển thị bằng phông chữ không theo tỷ lệ hoặc đơn cách. Khoảng trắng bên trong phần tử này được hiển thị như đã viết. 
Định dạng sẵn có nghĩa là gì trong WordPress?
Khối định dạng sẵn hiển thị văn bản của bạn chính xác như khi bạn nhập . Điều này có nghĩa là bạn có thể bao gồm khoảng trắng và ngắt dòng trong văn bản của mình. Biết cách sử dụng Khối định dạng sẵn mang lại cho bạn một số lợi thế như phân tách các phần văn bản của bạn và tạo các yếu tố nổi bật. 
Đoạn định dạng sẵn là gì?
Đoạn văn được định dạng sẵn là đoạn văn sử dụng nguồn cấp dữ liệu dòng để chia nội dung của nó thành các dòng và chuỗi dấu cách để thụt lề các dòng . Để thụt đầu dòng chính xác, kiểu mặc định của Thành phần được định dạng sẵn sử dụng kiểu mặc định rgProgramListing, chỉ định phông chữ đơn cách. 
Làm cách nào để sử dụng các khối trong WordPress?
Chỉ cần nhấp vào khối để chèn khối đó vào bài đăng hoặc trang của bạn . Tất cả các khối có thể tái sử dụng được lưu trữ trong cơ sở dữ liệu WordPress của bạn và bạn có thể quản lý chúng bằng cách nhấp vào liên kết 'quản lý tất cả các khối có thể tái sử dụng'. Thao tác này sẽ đưa bạn đến trang quản lý khối. Từ đây, bạn có thể chỉnh sửa hoặc xóa bất kỳ khối nào có thể tái sử dụng của mình.