# 83: Xây dựng Trang chủ WordPress, Phần 2 - Thủ thuật CSS

Anonim

Chúng tôi tiếp tục chuyển mã từ mockup tĩnh sang trang index.php WordPress của chúng tôi. Chúng tôi điều chỉnh "vòng lặp" một chút để xuất ra những gì chúng tôi muốn.

Chúng tôi đi xuống đủ xa trên trang mà các chức năng của WordPress get_sidebar()hiển thị. Có thể dự đoán, nó hoạt động rất giống với get_header()các hoạt động. Nó đi và lấy sidebar.phptệp và đưa nội dung của nó vào trang ngay vị trí của chức năng đó.

Chúng tôi xóa khá nhiều mã mà chúng tôi mô phỏng đánh dấu mà chúng tôi nhận được từ nơi khác và thay thế nó bằng các chức năng kết thúc tốt hơn cùng một đánh dấu. Ví dụ, một loạt các đánh dấu đã làm cho khu vực thăm dò biến mất và chúng tôi đưa vào wp_polls (), đây là một hàm có chức năng loại bỏ tất cả những thứ cần thiết để hiển thị cuộc thăm dò trong mẫu WordPress thực tế của chúng tôi.

Trước khi quá phấn khích và xem xét tác phẩm của mình, chúng ta chuyển sang tệp footer.php và dọn dẹp nó. Nhiệm vụ quan trọng ở đây là chúng ta cần đóng bất kỳ phần tử nào mà chúng ta đã mở trong tệp header.php nhưng không đóng. Trong trường hợp của chúng tôi, nó chỉ là một, thẻ mở cho cần phải được đóng lại.

Chúng tôi liên kết các tập lệnh phù hợp trong chân trang, xóa một loạt nội dung cụ thể của v9 và buộc các đầu lỏng lẻo.

Khi chúng tôi xem trang, hóa ra có một số điểm kỳ lạ trên màn hình mà chúng tôi phải đối phó. Chúng tôi dành toàn bộ phần cuối của video để gỡ lỗi những vấn đề này, hóa ra đây là những điểm mới mà chúng tôi cần phải cẩn thận khi xóa các thẻ nổi và thẻ đóng.