Mục lục:
- 1Trong bảng điều khiển WordPress chọn AppearanceEditor để mở Edit Themes.
- 2Chuyển xuống trong trình soạn thảo văn bản cho đến khi bạn xác định chỉ thị 'body'.
- 3Change giá trị thuộc tính nền bằng mã hex.
- 4Change giá trị thuộc tính nền mà không có mã hex.
- 5Change tài sản nền để sử dụng một hình ảnh.
- 6. Cập nhật chủ đề và xem lại các thay đổi.
Video: [WordPress Training] Tùy chỉnh giao diện WordPress bằng CSS? CSS cơ bản 2025
Cascading Style Sheet (CSS) là một bảng định kiểu điều khiển sự xuất hiện của nội dung mẫu trang web. Mỗi chủ đề WordPress bạn sử dụng trong trang web của bạn sử dụng một CSS cung cấp phong cách và thiết kế tinh tế cho các mẫu của bạn. Thay đổi nội dung mặc định của nền trang web của bạn được thực hiện bằng cách sửa đổi các thành phần cơ bản cơ bản của mẫu mà bạn đang sử dụng.
1Trong bảng điều khiển WordPress chọn AppearanceEditor để mở Edit Themes.
Sau khi chọn chủ đề bạn muốn làm việc, biểu mẫu liên quan sẽ mở ra trong chế độ chỉnh sửa.
2Chuyển xuống trong trình soạn thảo văn bản cho đến khi bạn xác định chỉ thị 'body'.
Trong bảng định kiểu, nền của cơ thể được xác định bằng mã màu hệ thập lục phân như:
body {background: # f1f1f1;}
Hãy cẩn thận. Lưu một bản gốc của tờ kiểu dáng trong một chương trình văn bản, chẳng hạn như Notepad (Windows) hoặc TextMate (Mac), vì vậy nếu cần, bạn có thể tìm thấy CSS gốc và sao chép và dán nó vào biểu định kiểu của bạn.
3Change giá trị thuộc tính nền bằng mã hex.
Thực hiện thay đổi sau:
body {background: # 000000;}
Thao tác này sẽ thay đổi màu nền từ màu xám nhạt sang màu đen. Trang web W3Schools có một tài nguyên tuyệt vời về mã hex màu.
4Change giá trị thuộc tính nền mà không có mã hex.
Trong trường hợp của một số màu cơ bản, bạn không phải sử dụng mã hex màu. Đối với các màu như trắng, đen, đỏ, xanh và bạc, bạn chỉ có thể sử dụng tên màu thay vì mã hex …
5Change tài sản nền để sử dụng một hình ảnh.
Bạn có thể dễ dàng sử dụng một hình ảnh làm nền cho trang web của bạn bằng cách tải lên hình ảnh vào thư mục chủ đề của bạn và sử dụng URL của ảnh trong lệnh nền. Câu lệnh giá trị sẽ giống như sau:
body {background: url (images / yourimage. Jpg)}
6. Cập nhật chủ đề và xem lại các thay đổi.
Nhấp vào nút tệp cập nhật gần cuối trang. Thay đổi của bạn được lưu và áp dụng cho chủ đề đã chọn. Mở phiên trình duyệt mới, truy cập trang web của bạn và xem lại các thay đổi của bạn.
