Cách thêm Khoảng cách dòng Đơn / Đôi trong WordPress

Trước khi bắt đầu, điều quan trọng là phải biết rằng khoảng cách dòng được kiểm soát bởi chủ đề WordPress mà bạn sử dụng. Chúng tôi sẽ chỉ cho bạn cách thêm khoảng cách dòng trong trình chỉnh sửa trực quan và sau đó chúng tôi sẽ trình bày cách thay đổi khoảng cách dòng trong chủ đề của bạn nếu bạn không hài lòng với kết quả.

Video hướng dẫn

Nếu bạn không thích video hoặc cần thêm hướng dẫn, thì hãy tiếp tục đọc.

Thêm dấu cách dòng đôi

Khi bạn nhấn phím ‘Enter’ trên bàn phím để thêm dấu ngắt dòng, trình chỉnh sửa trực quan của WordPress sẽ coi nó như một đoạn văn mới. Điều này có nghĩa là nó sẽ tự động thêm không gian dòng đôi được cấp mà chủ đề của bạn có kiểu dáng cho nó (tất cả các chủ đề WordPress tốt đều có).

Vì vậy, chỉ cần truy cập và nhấn Enter sau dòng và sau đó nhập một cái gì đó khác vào dòng tiếp theo.

Bằng cách đơn giản làm điều đó, dựa trên kiểu chủ đề của bạn, bạn sẽ thấy sự phân biệt rõ ràng giữa các đoạn văn (tức là khoảng cách dòng đôi).

Thêm dấu cách dòng đơn

Bây giờ nếu bạn đang viết một cái gì đó như một địa chỉ, thì bạn có thể muốn nó có khoảng cách đơn thay vì khoảng cách đôi.

Trong trường hợp này, bạn cần nhấn phím SHIFT + ENTER.

Điều này sẽ cho WordPress biết rằng bạn muốn bắt đầu một dòng mới bên trong một đoạn văn hiện có, do đó nó cần khoảng cách dòng đơn so với khoảng cách dòng đôi.

Sửa đổi chiều cao dòng và khoảng cách

Đôi khi, ngay cả khi bạn thêm khoảng cách dòng thích hợp trong trình chỉnh sửa, nó không hiển thị theo cách bạn muốn trong chủ đề của bạn. Đây là lúc bạn cần thêm một số CSS vào chủ đề của mình.

CSS về cơ bản giống như tính năng định dạng trong Microsoft Word. Thay vì nhấp vào các nút, bạn sẽ viết một số mã CSS đơn giản. Nó không đáng sợ như một số người mới bắt đầu có thể nghĩ. CSS rất dễ hiểu nếu bạn chỉ làm theo hướng dẫn.

Để thêm CSS tùy chỉnh vào chủ đề của bạn, bạn cần truy cập trang Giao diện »Tùy chỉnh . Thao tác này sẽ khởi chạy công cụ tùy chỉnh chủ đề WordPress, nơi bạn cần nhấp vào tab ‘CSS bổ sung’ từ cột bên trái.

Trong hộp CSS tùy chỉnh, bạn cần thêm mã CSS sau:

.post p{line-height: 1.5em;} 

Quy tắc CSS hiển thị ở trên sẽ thay đổi khoảng cách dòng của nội dung đoạn văn thành 1.5em. Em là một đơn vị chiều rộng cho kiểu chữ. Chúng tôi đang sử dụng lớp .post mà WordPress tự động thêm vào vùng nội dung của tất cả các bài đăng để đảm bảo rằng nó chỉ ảnh hưởng đến các bài đăng chứ không ảnh hưởng đến các đoạn văn được sử dụng ở nơi khác.

Bây giờ điều này chỉ thay đổi khoảng cách của khoảng cách đơn. Nếu bạn muốn thay đổi khoảng cách giữa mỗi đoạn (tức là khoảng cách kép), thì bạn sẽ cần thêm phần đệm.

.post p { 
line-height: 1.5em;
padding-bottom: 15px;
} 

Hãy điều chỉnh các con số để đáp ứng nhu cầu của bạn.

Chúng tôi hy vọng bài viết này đã giúp bạn thêm khoảng cách dòng đơn / đôi trong WordPress. Bạn cũng có thể muốn xem các mẹo của chúng tôi về việc thành thạo trình chỉnh sửa trực quan WordPress để viết nội dung hiệu quả hơn trong WordPress.