Firewall Anti DDoS
SSL
5
5

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

22
Lượt xem
Home WordPress 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.

Thay đổi kích thước font chữ trong WordPress
Thay đổi kích thước font chữ trong WordPress

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.

Thêm block Heading trong WordPress
Thêm block Heading trong WordPress

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.

Sử dụng heading phụ H2
Sử dụng heading phụ H2

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ài đặt Heading
Cài đặt Heading

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.

Tạo Heading trong Classic Editor
Tạo Heading trong Classic Editor

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

Thay đổi kích thước font
Thay đổi kích thước font

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

Reset kích thước font chữ
Reset kích thước font chữ

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

Thêm kích cỡ font chữ
Thêm kích cỡ font chữ

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.

Thêm nhiều kích thước font khác
Thêm nhiều kích thước font khác

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.

Advanced Editor Tools Classic Editor
Advanced Editor Tools Classic 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.

Thêm block Classic Paragraph
Thêm block Classic Paragraph

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.

Chọn kích thước font chữ
Chọn kích thước font chữ

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

Hosting tối ưu cho website WordPress

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

Thêm Snippet mới
Thêm Snippet mới

Đ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’.

Chọn CSS Snippet cho kích thước font chữ
Chọn CSS Snippet cho kích thước font chữ

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.

Dán font-size code vào
Dán font-size code vào

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.

Chọn cách chèn code
Chọn cách chèn code

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ưu mã font size
Lưu mã font size

Vietnix với hơn 11 năm hoạt động đã đồng hành với hơn 50.000 khách hàng cá nhân và doanh nghiệp. Đến năm 2022 Vietnix vinh dự được nhận giải Thương hiệu Việt Nam xuất sắc nhất. Đồng thời, với tỷ lệ 97% khách hàng sau khi sử dụng dịch vụ tại Vietnix đã giới thiệu đến bạn bè, đồng nghiệp cũng là một minh chứng cho chất lượng dịch vụ luôn đáp ứng được mọi nhu cầu của khách hàng.

Vietnix cung cấp dịch vụ hosting, VPS tốc độ cao hàng đầu Việt Nam

Nhanh tay đăng ký Hosting Vietnix để trải nghiệm dịch vụ ổn định, tốc độ cao, bảo mật và hỗ trợ nhanh chóng với nhiều ưu đãi hấp dẫn nhất.

  • Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
  • Hotline: 1800 1093
  • Email: sales@vietnix.com.vn
Banner WordPress Hosting Singlepost

Chương trình ra mắt dịch vụ WordPress Hosting miễn phí 500 mẫu website

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!

Chia sẻ lên
Theo dõi trên
Đánh giá
5/5 - (83 bình chọn)
Kết nối với mình qua
Mình là Trường - hiện đang phụ trách một số mảng trong chiến lược Marketing của Vietnix và đặc biệt là SEO. Ngoài ra, mình còn thích sử dụng WordPress để xây dựng website trong nhiều năm qua. Mình mong muốn có thể dùng trải nghiệm thực tế khi làm việc tại Vietnix để đem lại những chia sẻ hữu ích cho các bạn.
Đăng ký nhận tin
Để không bỏ sót bất kỳ tin tức hoặc chương trình khuyến mãi từ Vietnix
Bài viết liên quan
Bình luận