Nếu bạn muốn tùy chỉnh giao diện, đổi màu, thay font chữ hoặc chỉnh lại khoảng cách hiển thị trên website thì việc chèn code CSS vào WordPress là cách nhanh chóng và hiệu quả nhất. Bạn không cần giỏi lập trình – chỉ cần làm đúng vài bước theo hướng dẫn dưới đây của mình là được.
Code CSS trong WordPress là gì?
CSS (Cascading Style Sheets) là ngôn ngữ dùng để tạo kiểu dáng cho website – như màu sắc, font chữ, kích thước, khoảng cách, bố cục, v.v… Nói một cách đơn giản và dễ hiểu nhất, code CSS sẽ làm cho website của bạn được đẹp hơn.
Trong WordPress, code CSS được dùng để tùy chỉnh giao diện mà không cần phải chỉnh sửa sâu vào mã gốc của theme. Dưới đây là một số ví dụ về CSS mà bạn có thể sử dụng để thay đổi:
- Màu nền của header
- Cỡ chữ, màu chữ trong bài viết
- Khoảng cách giữa các đoạn văn
- Màu nền của nút “Đọc thêm”, “Liên hệ”…
Ví dụ: Giả sử bạn muốn đổi màu tiêu đề bài viết (thẻ heading 2 – h2) thành màu đỏ và in đậm. Bạn chỉ cần thêm đoạn CSS bên dưới vào website là tất cả các tiêu đề H2 trên website của bạn sẽ được chuyển sang màu đỏ và in đậm hơn.
h2 {
color: red;
font-weight: bold;
}
- Rank Math Pro – Tối ưu SEO Website
- WP Rocket – Tăng tốc độ tải trang
- Imagify – Nén dung lượng ảnh
- Cùng 200+ plugins cao cấp khác
Cách chèn code CSS vào website WordPress
Sau khi hiểu code CSS là gì, bước tiếp theo là biết cách chèn CSS vào website WordPress để tùy chỉnh giao diện theo ý thích. Tin vui là WordPress hỗ trợ rất nhiều cách để bạn có thể thêm code CSS, dưới đây là 2 cách đơn giản nhất để chèn code CSS mà mình thường sử dụng:
#1. Chèn code CSS bằng Customizer của WordPress
Cách chèn code CSS bằng Customizer của WordPress là cách thực hiện đơn giản và nhanh chóng nhất, cho dù bạn không giỏi về code và lập trình thì cũng hoàn toàn có thể thực hiện được.
Bước 1: Đăng nhập trang quản trị > Vào Giao diện > Tùy biến (Customize). Hoặc bạn cũng có thể truy cập vào website và click Tuỳ biến (Customize) ngay trên thanh công cụ WordPress.
Bước 2: Kéo xuống dưới cùng, chọn mục CSS bổ sung (Additional CSS)
Bước 3: Dán đoạn mã CSS bạn muốn thêm
Bước 4: Nhấn Xuất bản (Publish) để lưu thay đổi
#2. Chèn code CSS bằng Theme Editor
Bước 1: Đăng nhập trang quản trị > Vào Giao diện > Theme Editor
Bước 2: Mở file style.css của theme đang dùng
Bước 3: Thêm code CSS vào cuối file rồi bấm Cập nhật
Trên đây là 2 cách chèn code CSS vào WordPress mà mình thấy đơn giản và dễ dàng tiếp cận nhất dành cho người mới. Ngoài 2 cách trên, bạn có thể tham khảo thêm các cách chèn code CSS khác như sử dụng Simple Custom CSS… Và bạn cũng đừng quên thường xuyên theo dõi blog của mình để cập nhật thêm nhiều kiến thức hay về Website – Marketing & SEO nhé.
Bình luận bài viết (1)
Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.