VietNetwork.Vn

Bạn đang tìm cách thêm chữ hoa đầu dòng trong WordPress?

Chữ hoa đầu dòng là một cách tuyệt vời để bắt đầu một đoạn văn. Bằng cách có một chữ cái đầu tiên lớn, chúng có thể giúp bạn thu hút sự chú ý của người đọc và khiến họ quan tâm đến việc đọc nội dung của bạn.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm chữ hoa đầu dòng vào các bài đăng trên WordPress.

Drop Cap là gì?

Chữ hoa đầu dòng là một kỹ thuật tạo kiểu thường được sử dụng trong các sách và tạp chí in có nội dung đọc lâu hơn. Chữ cái đầu tiên của đoạn bắt đầu trong mỗi chương sử dụng cỡ chữ lớn.

Thông thường, chữ in hoa lớn kéo dài xuống dưới để giảm xuống bên dưới một vài dòng đầu tiên, đó là lý do tại sao nó được gọi là "chữ hoa đầu dòng".


Thêm chữ hoa đầu dòng giúp nội dung của bạn nổi bật và thu hút sự chú ý của khách truy cập. Chúng thêm nét trang trọng và truyền thống hơn cho thiết kế trang web của bạn.

Có một số cách để thêm chữ hoa đầu dòng vào  trang web WordPress. Bạn có thể sử dụng tùy chọn tích hợp trong trình chỉnh sửa khối WordPress hoặc sử dụng plugin.

Điều đó đang được nói, hãy xem cách bạn có thể dễ dàng thêm chữ hoa đầu dòng trong các bài đăng WordPress bằng các phương pháp khác nhau.

Vui lòng nhấp vào các liên kết bên dưới để chuyển sang phương pháp ưa thích của bạn.

1. Phương pháp 1. Thêm chữ hoa đầu dòng bằng Trình chỉnh sửa khối WordPress

Phương pháp này được khuyến nghị cho tất cả người dùng vì nó được mặc định trong trình chỉnh sửa khối WordPress. Trong khi nó hoạt động, bạn phải thực hiện thủ công cho từng bài đăng. Nếu bạn đang tìm phương pháp tự động, hãy chuyển sang phương pháp 2.

Trước tiên, hãy truy cập trang Bài viết »Thêm mới từ bảng điều khiển quản trị viên WordPress.

Bây giờ, chỉ cần nhấp vào nút 'Thêm khối' (+) ở góc trên cùng bên trái của màn hình.

Sau đó, chỉ cần xác định vị trí và nhấp vào khối đoạn để thêm nó vào bài đăng của bạn.


Tiếp theo, bạn cần mở Bảng cài đặt khối ở cột bên phải.

Khi bạn làm điều đó, hãy đi tới phần 'Kiểu chữ' và nhấp vào biểu tượng ba chấm bên cạnh để mở các tùy chọn kiểu chữ.

Tiếp theo, bạn cần chọn tùy chọn 'Drop Cap' từ danh sách để thêm nó vào phần 'Kiểu chữ' của bạn.


Khi tính năng viết hoa đầu dòng đã được thêm vào, chỉ cần bật công tắc bên cạnh tùy chọn 'Drop Cap' để hiển thị một chữ cái đầu lớn ở đầu đoạn văn.

Đừng quên nhấp vào nút 'Lưu bản nháp' hoặc 'Xuất bản' ở trên cùng để lưu các thay đổi của bạn.


Bây giờ bạn đã thêm thành công một drop cap vào bài đăng của mình.

Đây là giao diện của nó trên trang demo của chúng tôi.


Lưu ý rằng tùy chọn viết hoa đầu dòng tích hợp trong trình chỉnh sửa khối sẽ sử dụng kiểu dáng của chủ đề WordPress của bạn cho màu sắc, phông chữ và kích thước của chữ cái đầu tiên.

Nếu bạn muốn thay đổi kiểu chữ hoa đầu dòng của mình trong trình chỉnh sửa khối WordPress, thì bạn sẽ phải sử dụng mã CSS tùy chỉnh để tạo kiểu chữ hoa đầu dòng của mình.

2. Phương pháp 2. Thêm chữ hoa đầu dòng bằng mã CSS

Đối với phương pháp này, chúng tôi sẽ thêm mã CSS tùy chỉnh để tự động thêm chữ hoa đầu dòng vào đoạn đầu tiên của mỗi bài đăng. Bạn có thể thêm mã CSS vào biểu định kiểu của chủ đề hoặc sử dụng plugin đoạn mã.

Chúng tôi khuyên bạn nên sử dụng WPCode, plugin đoạn mã số 1 được sử dụng bởi hơn 1.000.000 trang web trên toàn cầu. Nó làm cho việc thêm mã vào trang web của bạn trở nên cực kỳ dễ dàng mà không gặp bất kỳ rắc rối nào.

Trước tiên, bạn cần cài đặt và kích hoạt plugin WPCode miễn phí. Để biết thêm hướng dẫn, hãy xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn cần truy cập trang Đoạn mã » +Thêm đoạn mã từ thanh bên quản trị viên WordPress.

Từ đây, bạn cần di chuột qua tùy chọn 'Add Your Custom Code (New Snippet)'.

Thao tác này sẽ hiển thị nút 'Sử dụng Đoạn mã' mà bạn cần nhấp vào.


Bây giờ bạn đang ở trang 'Tạo đoạn mã tùy chỉnh', hãy bắt đầu bằng cách nhập tiêu đề cho đoạn mã của bạn. Nó có thể là bất cứ thứ gì giúp bạn xác định đoạn trích.

Sau đó, bạn cần chọn 'Đoạn mã CSS' làm 'Loại mã' từ menu thả xuống ở bên phải.


Tiếp theo, chỉ cần sao chép và dán đoạn mã sau vào hộp 'Xem trước mã'.
   
<style type="text/css">
.entry-content p:first-child:first-of-type:first-letter {
    font-size: 85px;
    line-height: 1;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 4px;
    color: #000080;
    float: left;
    font-family: 'Tangerine', serif;
    text-shadow: 4px 4px 4px #aaa;
</style>
}
Đây là giao diện mã của bạn sau khi bạn dán mã vào 'Xem trước mã'.


Bây giờ, bạn cần cuộn xuống phần chèn và chọn phương pháp 'Chèn tự động' nếu bạn muốn thực thi mã trên toàn bộ trang web của mình.

Bạn có thể sử dụng phương pháp 'Mã ngắn' nếu bạn chỉ muốn thêm chữ hoa đầu dòng vào các bài đăng cụ thể.

Khi bạn lưu đoạn mã, bạn sẽ được cung cấp một mã ngắn mà bạn có thể dán vào trình chỉnh sửa khối của các bài đăng mà bạn muốn thêm chữ hoa đầu dòng.


Sau đó, quay trở lại đầu trang và chuyển nút sang 'Hoạt động'.

Cuối cùng, nhấp vào nút 'Lưu đoạn trích'.


Đoạn mã CSS của bạn giờ đây sẽ hiển thị trực tuyến trên trang web của bạn.

Đây là cách các chữ hoa đầu dòng trông như thế nào trên trang web demo của chúng tôi bằng cách sử dụng đoạn mã CSS ở trên.


3. Phương pháp 3. Thêm Drop Caps bằng Plugin

Nếu bạn ngần ngại thêm CSS tùy chỉnh, thì bạn cũng có thể thêm chữ hoa đầu dòng bằng cách sử dụng plugin Thư ban đầu.

Plugin này cũng cho phép bạn thay đổi kích thước, màu sắc và phông chữ của chữ hoa đầu dòng.

Lưu ý: Hãy nhớ rằng plugin Thư ban đầu chưa được thử nghiệm với phiên bản mới nhất của WordPress và không còn được nhà phát triển duy trì.

Tuy nhiên, chúng tôi đã thử nghiệm plugin và nó hoạt động tốt. Nếu bạn vẫn không chắc chắn, hãy xem bài viết của chúng tôi về các plugin đã lỗi thời.

Nói như vậy, trước tiên, bạn cần cài đặt và kích hoạt plugin Thư ban đầu. Để biết thêm hướng dẫn, hãy xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, hãy điều hướng đến trang Cài đặt » Thư ban đầu từ thanh bên của quản trị viên.

Từ đây, bạn cần định cấu hình cài đặt cho chữ hoa đầu dòng.

Trước tiên, bạn cần chọn xem bạn có muốn drop caps tự động áp dụng cho bài viết mới hay không.

Chỉ cần chọn 'Có' hoặc 'Không' từ trình đơn thả xuống bên cạnh tùy chọn 'Mặc định cho Bài đăng'.

Tiếp theo, bạn cần chọn phông chữ, màu sắc, kích thước và phần đệm ưa thích cho chữ hoa đầu dòng.

Lưu ý: Bạn có thể cần quay lại cài đặt sau khi xem trước trang web của mình để điều chỉnh các tùy chọn kiểu dáng này.


Sau đó, hãy chọn hộp bên cạnh tùy chọn 'Bật cho đoạn trích' nếu bạn muốn bật tính năng viết hoa đầu dòng cho đoạn trích của bài đăng.

Bạn cũng có thể chọn hộp bên cạnh tùy chọn 'Chỉ đoạn đầu tiên' nếu bạn chỉ muốn thêm chữ hoa đầu dòng vào đoạn đầu tiên của bài đăng của mình.


Cuối cùng, đừng quên nhấp vào nút 'Lưu thay đổi' để lưu cài đặt của bạn.

Giờ đây, bạn có thể truy cập bất kỳ bài đăng nào trên trang web của mình và bạn sẽ thấy các chữ hoa đầu dòng đang hoạt động trên đoạn đầu tiên của bài đăng.


Nếu bạn muốn xóa chữ hoa đầu dòng cho một bài đăng, bạn cũng có thể làm điều đó bằng cách mở bài đăng trong trình chỉnh sửa khối.

Khi đó, hãy cuộn xuống phần 'Thư đầu tiên' và chọn tùy chọn 'Không' từ menu thả xuống.

Điều này sẽ vô hiệu hóa các chữ hoa đầu dòng cho bài đăng đó.


Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm chữ hoa đầu dòng trong các bài đăng trên WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách kiểm tra xem các bài đăng WordPress của bạn có được xếp hạng cho các từ khóa phù hợp hay không và các lựa chọn hàng đầu của chúng tôi về các chủ đề WordPress dựa trên khối tốt nhất cho trang web của bạn.