thuongxuanhoang
New member
## Nhận xét trong WordPress vượt quá khung
** Một bức tranh đáng giá một nghìn từ, nhưng một bình luận dài đáng giá một con mắt. **
Nếu bạn đã từng viết một bình luận trên một blog WordPress cuối cùng bị cắt, bạn sẽ biết cảm giác.Bạn đã dành thời gian để chế tạo phản hồi hoàn hảo của bạn, chỉ để nó bị cắt ngắn và bị hủy hoại.
Nhưng có một giải pháp!Với một chút CSS, bạn có thể dễ dàng đảm bảo rằng nhận xét của bạn ở trong khung.
** Đây là cách: **
1. Chuyển đến bảng điều khiển WordPress của bạn và nhấp vào ** Xuất sắc **> ** Trình chỉnh sửa **.
2. Trong bảng ** chủ đề **, nhấp vào tab Tùy chọn chủ đề ** **.
3. Cuộn xuống phần ** Kiểu bình luận ** và dán mã sau vào trường ** tùy chỉnh CSS **:
`` `
.Comment .Content {
chiều rộng tối đa: 100%;
tràn: ẩn;
Text-Overflow: Ellipsis;
}
`` `
4. Nhấp vào ** Lưu các thay đổi **.
Bây giờ, khi bạn viết một bình luận trên blog của bạn, nó sẽ tự động được thay đổi kích thước để phù hợp với khung hình.Nếu nhận xét của bạn quá dài, nó sẽ bị cắt ngắn và một liên kết sẽ được thêm vào cuối để người đọc có thể nhấp để xem toàn văn.
** Đây là một ví dụ: **
[!
Như bạn có thể thấy, nhận xét vẫn có thể đọc được, mặc dù nó đã bị cắt đứt.Và nếu độc giả muốn xem toàn bộ văn bản, họ chỉ có thể nhấp vào liên kết.
Vì vậy, lần tới khi bạn viết một bình luận dài về WordPress, đừng lo lắng về việc nó bị cắt đứt.Chỉ cần sử dụng thủ thuật CSS này để đảm bảo rằng lời nói của bạn luôn được nhìn thấy.
** Hashtags: **
* #wordpress
* #commenting
* #CSS
* #typography
* #Thiết kế web
=======================================
## Comment in WordPress exceeds the frame
**A picture is worth a thousand words, but a long comment is worth an eye-roll.**
If you're ever written a comment on a WordPress blog that ended up getting cut off, you know the feeling. You've spent time crafting your perfect response, only to have it truncated and ruined.
But there's a solution! With a little CSS, you can easily make sure that your comments stay within the frame.
**Here's how:**
1. Go to your WordPress dashboard and click **Appearance** > **Editor**.
2. In the **Themes** panel, click the **Theme Options** tab.
3. Scroll down to the **Comment Styling** section and paste the following code into the **Custom CSS** field:
```
.comment .content {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
```
4. Click **Save Changes**.
Now, when you write a comment on your blog, it will automatically be resized to fit within the frame. If your comment is too long, it will be truncated and a link will be added to the end so that readers can click to see the full text.
**Here's an example:**
[![Comment truncated in WordPress](https://i.imgur.com/6k1751q.png)](https://i.imgur.com/6k1751q.png)
As you can see, the comment is still readable, even though it's been cut off. And if readers want to see the full text, they can just click the link.
So next time you're writing a long comment on WordPress, don't worry about it getting cut off. Just use this CSS trick to make sure that your words are always seen.
**Hashtags:**
* #wordpress
* #commenting
* #CSS
* #typography
* #Web Design
** Một bức tranh đáng giá một nghìn từ, nhưng một bình luận dài đáng giá một con mắt. **
Nếu bạn đã từng viết một bình luận trên một blog WordPress cuối cùng bị cắt, bạn sẽ biết cảm giác.Bạn đã dành thời gian để chế tạo phản hồi hoàn hảo của bạn, chỉ để nó bị cắt ngắn và bị hủy hoại.
Nhưng có một giải pháp!Với một chút CSS, bạn có thể dễ dàng đảm bảo rằng nhận xét của bạn ở trong khung.
** Đây là cách: **
1. Chuyển đến bảng điều khiển WordPress của bạn và nhấp vào ** Xuất sắc **> ** Trình chỉnh sửa **.
2. Trong bảng ** chủ đề **, nhấp vào tab Tùy chọn chủ đề ** **.
3. Cuộn xuống phần ** Kiểu bình luận ** và dán mã sau vào trường ** tùy chỉnh CSS **:
`` `
.Comment .Content {
chiều rộng tối đa: 100%;
tràn: ẩn;
Text-Overflow: Ellipsis;
}
`` `
4. Nhấp vào ** Lưu các thay đổi **.
Bây giờ, khi bạn viết một bình luận trên blog của bạn, nó sẽ tự động được thay đổi kích thước để phù hợp với khung hình.Nếu nhận xét của bạn quá dài, nó sẽ bị cắt ngắn và một liên kết sẽ được thêm vào cuối để người đọc có thể nhấp để xem toàn văn.
** Đây là một ví dụ: **
[!
Như bạn có thể thấy, nhận xét vẫn có thể đọc được, mặc dù nó đã bị cắt đứt.Và nếu độc giả muốn xem toàn bộ văn bản, họ chỉ có thể nhấp vào liên kết.
Vì vậy, lần tới khi bạn viết một bình luận dài về WordPress, đừng lo lắng về việc nó bị cắt đứt.Chỉ cần sử dụng thủ thuật CSS này để đảm bảo rằng lời nói của bạn luôn được nhìn thấy.
** Hashtags: **
* #wordpress
* #commenting
* #CSS
* #typography
* #Thiết kế web
=======================================
## Comment in WordPress exceeds the frame
**A picture is worth a thousand words, but a long comment is worth an eye-roll.**
If you're ever written a comment on a WordPress blog that ended up getting cut off, you know the feeling. You've spent time crafting your perfect response, only to have it truncated and ruined.
But there's a solution! With a little CSS, you can easily make sure that your comments stay within the frame.
**Here's how:**
1. Go to your WordPress dashboard and click **Appearance** > **Editor**.
2. In the **Themes** panel, click the **Theme Options** tab.
3. Scroll down to the **Comment Styling** section and paste the following code into the **Custom CSS** field:
```
.comment .content {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
```
4. Click **Save Changes**.
Now, when you write a comment on your blog, it will automatically be resized to fit within the frame. If your comment is too long, it will be truncated and a link will be added to the end so that readers can click to see the full text.
**Here's an example:**
[![Comment truncated in WordPress](https://i.imgur.com/6k1751q.png)](https://i.imgur.com/6k1751q.png)
As you can see, the comment is still readable, even though it's been cut off. And if readers want to see the full text, they can just click the link.
So next time you're writing a long comment on WordPress, don't worry about it getting cut off. Just use this CSS trick to make sure that your words are always seen.
**Hashtags:**
* #wordpress
* #commenting
* #CSS
* #typography
* #Web Design