Hướng dẫn cách thay đổi kích thước font chữ trong WordPress

Bạn có muốn thay đổi kích thước trên bài viết hoặc trang WordPress? Đôi khi bạn có thể muốn làm cho một dòng hoặc một đoạn văn lớn hơn, hoặc tăng kích thước font chữ trên toàn bộ trang. Trong bài viết này, Vietnix sẽ hướng dẫn cách thay đổi kích thước font chữ một cách dễ dàng trong bài viết và giao diện WordPress.

Tại sao cần thay đổi kích thước font chữ trong WordPress?

Thay đổi kích thước font chữ trong WordPress giúp cải thiện tính đọc của nội dung và làm nổi bật thông tin quan trọng. Ngoài ra còn góp phần làm tăng sự chú ý của các sản phẩm hoặc giúp nội dung dễ đọc hơn trên thiết bị di động và máy tính.

Cùng tham khảo thêm một số bài viết về font chữ có thể bạn quan tâm:

Cách 1: Thay đổi kích thước font chữ bằng headings

Nếu bạn muốn dễ dàng thay đổi kích thước font chữ thì việc sử dụng Headings là một cách hiệu quả. Vì Headings giúp thu hút sự chú ý với font chữ lớn hơn và tạo ra các phần khác nhau trong post hoặc page.

Ngoài ra, việc sử dụng Headings cũng cải thiện SEO website vì công cụ tìm kiếm đánh giá cao headings hơn văn bản thông thường.

Cách thêm Heading trong Block Editor mặc định của WordPress

Đầu tiên, bạn cần mở một bài viết hoặc trang mới trong trình soạn WordPress Block Editor(Gutenberg).

Sau đó, nhấp vào nút ‘+’ ở góc trên bên trái màn hình để mở menu và thêm block Heading vào trang/bài viết.

Mặc định, block sẽ được đặt là Heading 2. Nếu bạn đang thêm một tiêu đề phụ, thì việc sử dụng tùy chọn ‘Heading 2’ là hợp lý.

Nếu muốn thay đổi điều này, nhấp vào menu ‘H2’ để chọn tùy chọn khác.

Bạn cũng có thể thay đổi kích thước tiêu đề bằng cách sử dụng cài đặt block nằm bên tay phải. Tùy chỉnh màu sắc, hiển thị và chữ hoa/thường cho tiêu đề. Đừng quên đừng quên nhấp vào nút ‘Update’ hoặc ‘Publish’ để lưu cài đặt.

Cách thêm heading trong Classic Editor

Nếu bạn vẫn sử dụng trình Classic Editor trong WordPress, hãy thêm heading bằng cách sử dụng menu Paragraph. Chọn văn bản, sau đó nhấp vào menu ‘Paragraph’ ở góc trên bên trái và chọn kích thước Heading.

Tuy nhiên, Classic Editor không cho phép bạn thay đổi kích thước và màu sắc font chữ của các kiểu Heading khác nhau. Nếu muốn làm điều đó, bạn sẽ cần thay đổi trong stylesheet (style.css) của Heading. Cuối cùng, chỉ cần nhấp vào nút ‘Update’ hoặc ‘Publish’ để lưu các thay đổi.

Cách 2: Thay đổi kích thước font chữ trong Block Editor

Đầu tiên, bạn cần mở một trang/bài viết hiện có trong trình soạn thảo khối Gutenberg. Sau đó, nhấp vào bất kỳ block Paragraph nào và chuyển sang tab ‘Styles’ từ block ở phía bên phải màn hình. Từ đây, bạn phải chọn một kích thước font chữ từ phần ‘Typography’.

Bạn có thể chọn kích thước Small, Medium, Large, hoặc Extra Large.

Để đưa văn bản về kích thước ban đầu, nhấp vào menu ba chấm trong block Typography và chọn ‘Reset’.

Ngoài ra, còn có thể thêm drop cap, thay đổi kiểu chữ, khoảng cách, hiển thị và nhiều tùy chọn khác trong menu. Sau đó, chỉ cần nhấp vào nút ‘Update’ hoặc ‘Publish’ để lưu các thay đổi.

Hãy nhớ rằng những tùy chọn này không khả dụng trong WordPress Classic Editor và nên xem xét việc chuyển sang trình soạn thảo mới nếu như bạn muốn sử dụng.

Cách 3: Thay đổi kích thước font chữ bằng plugin

Để thay đổi kích thước font chữ bằng plugin, bạn có thể sử dụng plugin Advanced Editor Tools. Cùng tham khảo bài viết

Sau khi cài đặt và kích hoạt, bạn có thể truy cập vào trang Settings » Advanced Editor Tools để kéo và thả các tính năng định dạng, bao gồm kích thước font chữ. Khi đó, bạn có thể dễ dàng kéo và thả các tính năng định dạng từ phần ‘Unused Buttons’ vào khối ‘Classic Paragraph’.

Sau khi hoàn thành, cuộn xuống phần ‘Options’ và chọn tùy chọn ‘Font Sizes’ để truy cập vào một loạt kích thước font chữ lớn hơn.

Sau đó, chỉ cần nhấp vào nút ‘Save Changes’ để lưu cài đặt.

Nếu bạn đang sử dụng plugin với Classic Editor, hãy chuyển sang tab ‘Classic Editor’ ở đầu trang.

Sau khi sang tab đó, bạn cần thực hiện các hành động tương tự như trong block editor.

Sau khi thay đổi, nhớ nhấp vào nút ‘Save changes’ ở cuối màn hình.

Để xem plugin hoạt động, mở trang/bài viết mới hoặc đã tồn tại từ WordPress dashboard.

Sau đó, nhấp vào nút ‘+’ ở góc trên bên trái màn hình để mở menu và thêm block Classic Paragraph vào trang.

Sử dụng menu ‘Font Sizes’ để điều chỉnh kích thước của văn bản trong block ‘Classic Paragraph’.

Cuối cùng, nhấp vào ‘Update’ hoặc ‘Publish’ để lưu những thay đổi vào bài viết hoặc trang.

Bên cạnh plugin thay đổi kích thước font chữ, để xây dựng một website WordPress chuyên nghiệp và thu hút người dùng, bạn cần bổ sung thêm nhiều tính năng khác. Để làm điều này, việc sử dụng các theme và plugin hỗ trợ là cần thiết, từ đó bạn có thể tận dụng tối đa các tính năng và công cụ có sẵn để tạo nên một website WordPress đẹp mắt, chuyên nghiệp và hấp dẫn người dùng.

Hiện tại khi đăng ký dịch vụ WordPress Hosting tại Vietnix bạn sẽ được nhận miễn phí bộ theme & plugin trị giá lên đến 26.000.000 VND giúp bạn nâng cao chất lượng, chức năng và trải nghiệm người dùng của trang web một cách nhanh chóng và hiệu quả.

Cách 4: Thay đổi kích thước font chữ trên toàn trang bằng WPCode.

Để thay đổi kích thước font chữ trên toàn bộ trang web, bạn có thể sử dụng WPCode, một plugin mã nguồn WordPress.

Đầu tiên, cài đặt và kích hoạt plugin WPCode. Sau đó, truy cập vào trang Code Snippets » + Add Snippets trong trang quản trị WordPress.

Tại đây, nhấp vào nút ‘Use Snippet’ dưới tùy chọn ‘Add Your Custom Code (New Snippet)’ và thêm mã CSS để điều chỉnh kích thước font chữ trên trang web. Lưu và áp dụng thay đổi bằng cách nhấp vào nút ‘Update’ hoặc ‘Publish’.

Điều này sẽ đưa bạn đến trang ‘Create Custom Snippet’, nơi bạn có thể đặt tiêu đề cho đoạn code và chọn ‘CSS Snippet’ từ menu ‘Code Type’.

Tiếp theo, sao chép và dán đoạn mã CSS tùy chỉnh sau vào ô ‘Code Preview’.

{
font-size:16px;
}

Sau đó, chỉ cần thêm kích thước văn bản mong muốn vào dòng ‘font-size’ trong mã CSS.

Sau đó, cuộn xuống phần ‘Insertion’ và chọn chế độ ‘Auto Insert’ để code tự động thực hiện sau khi kích hoạt.

Cuối cùng, cuộn lên đầu trang và chuyển công tắc ‘Inactive’ sang chế độ ‘Active‘ và nhấp vào nút ‘Save Snippet’.

Lời kết

Vietnix hy vọng bài viết này đã giúp bạn hiểu cách thay đổi kích thước font chữ một cách dễ dàng trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của Vietnix danh sách các plugin xây dựng trang WordPress kéo và thả tốt nhất. Vietnix chúc bạn thành công!