Cách ẩn header và footer cho 1 page trong WordPress

Cách ẩn header và footer cho 1 page trong WordPress

Trong bài viết này mình sẽ hướng dẫn cách ẩn header và footer cho 1 page trong wordpress mà không cần phải tạo một file php mới. Phù hợp với những bạn có nhu cầu làm 1 page tĩnh để đặt làm trang chủ website hay thêm một page có sự khác biệt.

Cách ẩn header và footer cho 1 page trong wordpress không cần code thêm file php

Đầu tiên bạn cần tạo 1 page theo thông thường và chú ý như sau :

Mỗi page trong wordpress được tạo ra đều có ID cho từng page đó nằm ở đường dẫn tĩnh như hình dưới.

ẩn header và footer cho 1 page trong wordpress

Sau khi tạo page và đã xác định được ID của page mình cần ẩn header và footer, bước tiếp theo bạn cần xem header và footer của bạn thuộc class hay ID nào trong css.

Để xem được class hay id của header và footer bạn f12 hoặc chuột phải vào vị trí header và footer chọn inspect element. Chúng ta sẽ thấy được class, id của vị trí. Tùy theo theme wordpress khác nhau mà có class, id khác nhau.

ẩn header và footer 1 page wordpress

Tiếp theo sau khi đã xác định được ID của page cần ẩn và xác đinh được class của header, footer việc của bạn là rất đơn giản với 1 dòng code css:

Theo ví dụ ở trên mình có đoạn code như sau :

Hiểu một cách đơn giản của đoạn code css này đó là header và footer của page có ID là 280 sẽ phải ẩn đi. Thuộc tính display : none là ẩn đi. (!important là cần thiết).

Đoạn code css này bạn có thể bỏ vào mục custom css của theme hoặc file style.css đều được.

Rồi, sau khi đã ẩn. Bạn ra xem page đó sẽ trắng bên trên và dưới. Còn mỗi nội dung ở giữa. Và nếu bạn muốn custom hình ảnh đại diện để làm trang chủ thì bạn chỉ cần sử dụng các plugin như visual composer hay page builder. Sau đó vào setting (cài đặt) => Reading (đọc) chọn fontpage (trang chính) là trang mà chúng ta đã làm việc từ nãy giờ là xong.

ẩn header và footer 1 page wordpress

Và đây là kết quả của ví dụ bên trên mình đã làm.

ẩn đầu trang và chân trang 1 page wordpress

Lời kết : Đây là cách để bạn ẩn header và footer cho 1 page trong wordpress mà không cần phải code thêm 1 file php riêng, phù hợp với những người không rành về code.

Bài viết bởi Nguyễn Lợi từ blogloi.com. Nếu bạn cần hỗ trợ về dịch vụ để có một website chuyên nghiệp chuẩn SEO đúng nghĩa xem chi tiết tại đây : http://blogloi.com/thiet-ke-website-wordpress-gia-re/

Cách ẩn header và footer cho 1 page trong WordPress
4.5 (2 votes)

Để lại một bình luận

2 Bình luận trên "Cách ẩn header và footer cho 1 page trong WordPress"

avatar
500
Tịnh Nguyễn Blog
Khách

Cách này nó chỉ làm ẩn đi chứ nó vẫn tải thành phần này khi truy cập chứ.

V An.
Khách

Vẫn tải bạn ạ, nó chỉ là ẩn css thôi chứ không bị biến mất đâu.

wpDiscuz
Đăng kí BẢN TIN

Đăng kí BẢN TIN

Đăng kí bản tin to cập nhật bài viết nhanh nhất and receive the following phần quà hấp dẫn từ Nam Ngô Blog.

Bạn đã đăng kí thành công!