Làm Thế Nào Dãn Cách Dòng Đơn/ Đôi Trong WordPress

Trong hầu hết các bộ xử lý Word, bạn có thể dễ dàng dãn cách dòng. Tất cả những gì bạn phải làm là nhấn phím ENTER một vài lần. Nếu bạn hiểu biết nhiều hơn một chút thì bạn có thể thay đổi định dạng để tạo ra dòng có khoảng cách tăng gấp đôi sau khi hết đoạn, tăng khoảng cách dòng, vv Bây giờ điều này trở nên thực sự bực bội cho những người mới bắt đầu khi họ bắt đầu sử dụng WordPress visual editor. Tại sao? Vì nó không có nút format như trong MS Word. Trong bài viết này, chúng tôi sẽ chỉ cho bạn biết làm thế nào để dãn cách dòng đơn và đôi trong WordPress.

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

Thêm đôi dãn cách hai dòng

Khi bạn nhấn Enter để kết thúc một dòng, WordPress visual editor xem nó như là một đoạn mới. Điều này có nghĩa rằng nó sẽ tự động thêm hai dòng được cấp mà theme của bạn đã định kiểu dáng cho nó (hầu hết các theme tốt làm như vậy).

Vì vậy, chỉ đơn giản là đi vào và nhấn Enter phía sau của dòng và sau đó gõ cái gì khác trong dòng tiếp theo.

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

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

Bây giờ nếu bạn đang viết một cái gì đó giống như một địa chỉ thì bạn có thể muốn được dãn cách một dòng thay vì dãn hai dòng.

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

Điều này sẽ cho WordPress mà bạn muốn bắt đầu một dòng mới bên trong một đoạn hiện tại do đó nó cần khoảng cách dòng đơn chứ không phải dãn cách hai dòng.

Sửa đổi chiều cao và dãn cách của dòng

Đôi khi ngay cả khi bạn thêm khoảng cách dòng thích hợp trong editor, nó vẫn không hiển thị theo cách bạn muốn nó làm trong theme của bạn. Đây là lúc bạn cần thay đổi CSS. CSS là cơ bản giống như các tính năng định dạng trong Microsoft Word.

singlespacepreview

Đúng vậy bạn sẽ tinh chỉnh một chút code CSS, nhưng nó không phải là đáng sợ như bạn nghĩ.

Mở file CSS của theme của bạn. Bạn có thể tìm thấy nó bằng cách vào Appearance »Editor trong khu vực WordPress admin của bạn. Bạn cũng có thể sử dụng FTP nếu như bạn thích.

Trong file CSS của bạn, bạn muốn tìm kiếm .post p

Điều này về cơ bản là điều khiển hiển thị các đoạn văn trong nội dung bài viết của bạn. Một khi bạn tìm thấy nó, bạn cần phải thêm hoặc sửa đổi các giá trị line-height. Nếu bạn không tìm thấy thẻ .post p thì chỉ cần tạo ra một cái mới.

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

 

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

Bây giờ điều này chỉ thay đổi khoảng giữa các dòng. Nếu bạn muốn thay đổi khoảng cách giữa các đoạn văn (nghĩa là tăng gấp đôi khoảng cách), thì bạn sẽ cần phải thêm padding.

<pre>.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.

Về tác giả

Duy Anh

Chào các bạn,

Mình là coder, đang sống và làm việc ở Mỹ. Mình thích viết lách nên muốn dành khoảng thời gian trống để chia sẻ các thủ thuật giúp các bạn xây dựng được trang web riêng của mình. Bạn nào cần xây dựng blog, web thì cứ ới, rảnh là mình giúp, tất cả FREE nhé!

Ý kiến cá nhân của bạn

bộ công cụ Wordpress hữu ích dành cho mọi website

Bộ công cụ hữu ích dành cho mọi website Wordpress

Bao gồm theme & plugin tốt nhất và được sử dụng nhiều nhất!

Xin vui lòng kiểm tra email để xác thực tài khoản!