Sửa header footer WordPress: 5 bước với block theme và giao diện cũ

Sửa header footer WordPress (đầu trang, chân trang) phụ thuộc loại giao diện: với block theme, vào Giao diện → Trình chỉnh sửa → Mẫu → Phần mẫu, chọn Header hoặc Footer và sửa bằng khối như bài viết; với giao diện cũ, sửa qua Giao diện → Tùy biến, Widget, Menu hoặc cài đặt riêng của theme. Header, footer dùng chung cho toàn website, nên sửa một lần là mọi trang thay đổi.

Đầu trang và chân trang chứa thông tin quan trọng nhất với khách: logo, menu, số điện thoại, địa chỉ, giờ làm việc, chính sách. Bài này hướng dẫn sửa header footer WordPress theo từng loại giao diện, nội dung nên có và các lỗi hay gặp.

Sửa header footer với block theme

1. Vào Giao diện → Trình chỉnh sửa.
2. Chọn Mẫu (Patterns) → Phần mẫu (Template parts) → Header hoặc Footer.
3. Bấm vào khối cần sửa: logo (khối Logo trang web), menu (khối Navigation), số điện thoại (đoạn văn hoặc nút).
4. Thêm khối mới nếu cần: nút Zalo, biểu tượng mạng xã hội, ô tìm kiếm.
5. Bấm Lưu. Thay đổi áp dụng cho mọi trang dùng phần mẫu đó.

Nếu lỡ tay, mở lại phần mẫu và dùng Bản sửa đổi hoặc “Đặt lại” về mặc định của theme. Tài liệu: Site Editor trên WordPress.org.

Sửa header footer với giao diện cũ

• Logo, tên website: Giao diện → Tùy biến → Nhận diện trang.
• Menu: Giao diện → Menu, gán vị trí menu chính, menu chân trang.
• Nội dung chân trang: Giao diện → Widget, các vùng Footer 1, 2, 3.
• Dòng bản quyền, màu nền: thường trong Tùy biến → Footer hoặc bảng cài đặt riêng của theme.
• Page builder: nếu header, footer dựng bằng Elementor, sửa trong mục Templates của plugin.

Header nên có gì?

Footer nên có gì?

• Tên công ty, mã số doanh nghiệp, địa chỉ theo đơn vị hành chính mới.
• Số điện thoại, Zalo, email, giờ làm việc.
• Liên kết nhanh: dịch vụ chính, bảng giá, tuyển dụng.
• Chính sách: bảo mật, điều khoản, đổi trả (website bán hàng).
• Mạng xã hội: fanpage, YouTube, TikTok.
• Bản đồ nhỏ hoặc liên kết Google Maps.
• Biểu tượng đã thông báo Bộ Công Thương nếu website bán hàng thuộc diện phải thông báo.

Thông tin footer nên khớp hoàn toàn với Hồ sơ doanh nghiệp trên Google để hỗ trợ SEO địa phương. Xem Google Business Profile.

Lỗi hay gặp khi sửa header footer WordPress

• Logo quá nặng, làm chậm mọi trang.
• Sửa header trên một trang bằng page builder, các trang khác không đổi vì dùng header khác.
• Xóa nhầm khối Navigation, menu biến mất trên điện thoại.
• Số điện thoại ở footer khác với header và Google Maps.
• Quên xóa cache sau khi sửa, tưởng chưa lưu.

Ví dụ header footer cho website phòng khám (giả định)

Header: logo bên trái; menu Giới thiệu, Dịch vụ, Bảng giá, Bác sĩ, Kiến thức ở giữa; bên phải là số hotline dạng bấm gọi và nút “Đặt lịch” màu nổi bật. Trên điện thoại, menu thu gọn thành biểu tượng ba gạch, nút Đặt lịch vẫn hiển thị.

Footer: cột 1 giới thiệu ngắn và giấy phép hoạt động; cột 2 danh sách dịch vụ chính; cột 3 địa chỉ, giờ khám từng ngày, số điện thoại, Zalo; dòng cuối là chính sách bảo mật và bản quyền. Khi phòng khám đổi giờ làm việc dịp Tết, nhân viên chỉ sửa footer một lần, mọi trang cập nhật ngay.

Header footer và tốc độ website

Vì header, footer xuất hiện trên mọi trang, bất cứ thành phần nặng nào ở đây đều ảnh hưởng toàn website: logo ảnh lớn, thanh trượt ảnh, bản đồ nhúng trực tiếp, nhiều phông chữ. Nên dùng logo SVG hoặc PNG dưới 30 KB, bản đồ dạng liên kết hoặc ảnh trỏ tới Google Maps thay vì nhúng, và hạn chế hiệu ứng chuyển động.

Kiểm tra sau khi sửa header footer WordPress

1. Mở trang chủ, một trang dịch vụ và một bài viết để chắc thay đổi áp dụng đồng bộ.
2. Kiểm tra trên điện thoại: menu mở được, nút gọi bấm được.
3. Bấm thử mọi liên kết trong footer.
4. Xóa cache và mở bằng cửa sổ ẩn danh.

Header footer cho website song ngữ

Website có bản tiếng Anh cần header, footer riêng cho từng ngôn ngữ: menu, nút hành động, thông tin liên hệ được dịch và điều chỉnh phù hợp khách quốc tế (email, WhatsApp, múi giờ GMT+7). Plugin đa ngôn ngữ thường cho phép dịch phần mẫu hoặc tạo menu riêng theo ngôn ngữ. Thêm nút chuyển ngôn ngữ rõ ràng ở header, dùng chữ “Tiếng Việt / English” thay vì chỉ cờ quốc gia. Xem thêm website đa ngôn ngữ.

Ai nên được sửa header footer?

Vì ảnh hưởng toàn website, quyền sửa Site Editor chỉ nên dành cho Quản trị viên hoặc người được giao trách nhiệm. Nhân viên đăng bài (vai trò Tác giả, Biên tập viên) không truy cập được phần này, giúp tránh sửa nhầm. Khi cần đổi thông tin thường xuyên (giờ làm việc mùa lễ, khuyến mãi ở thanh thông báo đầu trang), có thể tách phần đó thành mẫu đồng bộ để người phụ trách nội dung cập nhật mà không chạm vào bố cục chung.

Thanh thông báo đầu trang: dùng khi nào?

Nhiều website thêm một dải thông báo mỏng phía trên header để báo khuyến mãi, lịch nghỉ lễ, miễn phí vận chuyển. Với block theme, chỉ cần thêm một khối Nhóm có nền màu và một dòng chữ vào đầu phần mẫu Header. Nguyên tắc dùng:

• Chỉ một thông điệp ngắn, có liên kết tới trang chi tiết.
• Gỡ ngay khi hết hạn để khách không hiểu nhầm.
• Không dùng hiệu ứng chạy chữ, nhấp nháy gây khó chịu.
• Kiểm tra trên điện thoại, chữ không bị xuống quá hai dòng.

Thông tin pháp lý ở chân trang

Với doanh nghiệp, chân trang là nơi phù hợp để công khai thông tin pháp lý cơ bản: tên doanh nghiệp đầy đủ, mã số doanh nghiệp, địa chỉ trụ sở, người đại diện (nếu cần), số giấy phép chuyên ngành (phòng khám, lữ hành, thuốc thú y). Website thương mại điện tử bán hàng còn cần các chính sách theo quy định và thông tin đã thông báo với Bộ Công Thương nếu thuộc diện phải thông báo. Thông tin minh bạch giúp tăng niềm tin của khách và là tín hiệu tin cậy với Google. Xem thông báo website với Bộ Công Thương.

Mẹo đồng bộ thông tin liên hệ

Số điện thoại, địa chỉ, giờ làm việc xuất hiện ở header, footer, trang Liên hệ, Google Maps, fanpage. Hãy lập một “nguồn chuẩn” (ví dụ bảng tính nội bộ) và mỗi khi thay đổi, cập nhật lần lượt tất cả các nơi trong cùng một ngày để thông tin luôn khớp.

Tóm tắt nhanh

• Block theme: sửa header footer WordPress trong Giao diện → Trình chỉnh sửa → Phần mẫu.
• Giao diện cũ: Tùy biến, Menu, Widget hoặc cài đặt theme.
• Header: logo, menu, nút hành động, số điện thoại.
• Footer: thông tin doanh nghiệp, liên hệ, chính sách, mạng xã hội.
• Giữ nhẹ, đồng bộ, kiểm tra trên điện thoại và xóa cache sau khi sửa.

Đầu trang và chân trang là nơi khách nhìn thấy trên mọi trang, vì vậy dành chút thời gian chăm chút chúng luôn mang lại hiệu quả xứng đáng.

Câu hỏi thường gặp khi sửa header footer WordPress

Có thể dùng header khác cho từng trang không?

Có. Với block theme, tạo nhiều phần mẫu header và gán vào mẫu trang khác nhau, ví dụ landing page dùng header tối giản.

Thanh liên hệ cố định ở đáy màn hình điện thoại làm thế nào?

Thường cần plugin hoặc một đoạn mã nhỏ; nên nhờ đơn vị thiết kế để không che nội dung.

Header dính khi cuộn có nên không?

Hữu ích trên máy tính; trên điện thoại nên giữ header gọn để không chiếm nhiều màn hình.

Kết luận về sửa header footer WordPress

Sửa header footer WordPress dễ dàng hơn nhiều với block theme: vào Site Editor, sửa phần mẫu bằng khối và lưu. Giữ thông tin liên hệ thống nhất, logo nhẹ, nút hành động rõ ràng. Xem thêm block theme là gì và bảng giá thiết kế web của Việt Thái Group.