Cách sử dụng Div với WordPress

Trong mã hóa HTML, thẻ chia hoặc thẻ Div Div, là một đoạn mã cho phép bạn tạo một phần mới cho trang web, một phần chứa nội dung và các thành phần HTML của riêng nó. Bạn có thể sử dụng chúng để phân tách một số phần nhất định trên trang web của mình, chẳng hạn như vị trí doanh nghiệp của bạn trong bản đồ được nhúng, ưu đãi và khuyến mãi đặc biệt hoặc chi tiết liên hệ. Để thêm một bộ chia, hãy thêm một số mã HTML và CSS vào Trình chỉnh sửa chủ đề blog của bạn.

1.

Đăng nhập vào bảng điều khiển quản trị WordPress của bạn. Nhấp vào Xuất hiện trên màn hình chính từ thanh menu chính ở phía bên trái màn hình, sau đó nhấp vào Trình chỉnh sửa.

2.

Nhấp vào kiểu style.css, từ danh sách tệp ở bên phải màn hình. Nó thường nằm gần cuối danh sách.

3.

Cuộn xuống dưới cùng của tập tin và bắt đầu một dòng mới. Dán vào đoạn mã sau:

newdiv {

hiển thị: khối; chiều rộng: 100%; màu nền: trắng; màu đen; viền: 5px màu đỏ đặc; lề: 5px; phần đệm: 5px; }

Thay đổi tên newdiviên thành một tên phù hợp hơn cho bộ chia và thay đổi các thuộc tính để phù hợp với kiểu bạn muốn Div có. Lưu ý rằng, lề lề lề tạo ra một khoảng cách giữa Div và các thành phần trang web khác xung quanh nó, và pad padding tạo ra một khoảng cách giữa cạnh của Div và nội dung bên trong nó.

4.

Nhấp vào nút Cập nhật tập tin Cập nhật ngay trên khung chỉnh sửa.

5.

Nhấp vào tệp mẫu từ danh sách các tệp tương ứng với một phần của trang web mà bạn muốn thêm Div. Ví dụ: nếu bạn muốn nó trên một trang bài đăng, hãy nhấp vào đĩa đơn.

6.

Cuộn qua tệp và đặt con trỏ tại vị trí trong tệp mà bạn muốn thêm dải phân cách mới.

7.

Nhập mã sau vào tệp:

Thêm nội dung bạn muốn dải phân cách chứa giữa hai thẻ này, sau đó nhấp vào Cập nhật tệp. Cập nhật Bây giờ bạn có thể thêm thẻ này vào bất kỳ tệp mẫu nào khác hoặc tạo Div mới nếu cần.

Bài ViếT Phổ BiếN