Giới thiệu về Pages trong WordPress #
Pages (Trang) là những nội dung tĩnh của website như Trang chủ, Giới thiệu, Liên hệ, Dịch vụ, Chương trình đào tạo… Không giống bài viết, trang không có ngày đăng hay danh mục.
Tuỳ vào cấu hình của website, trang có thể được chỉnh sửa bằng Gutenberg hoặc Elementor. Việc chọn sai trình dựng trang có thể gây lỗi layout.
Khi nào dùng Gutenberg và khi nào dùng Elementor? #
Dùng Gutenberg khi #
- Trang chỉ chứa nội dung đơn giản (văn bản + hình)
- Không có layout phức tạp
- Trang thuộc hệ thống do theme tự xử lý
- Website có template không dùng Elementor
Dùng Elementor khi #
- Trang có thiết kế đặc biệt / layout phức tạp
- Cần sử dụng section, column, widget
- Trang chủ, landing page, trang chương trình đào tạo
- Website đã được build toàn bộ bằng Elementor
Lưu ý quan trọng: Không bao giờ chuyển trang đang làm bằng Elementor sang Gutenberg, hoặc ngược lại → sẽ gây vỡ layout.
Cách nhận biết trang đang sử dụng trình dựng nào #
- Nếu thấy nút Edit with Elementor → trang dùng Elementor
- Nếu chỉ có khối văn bản Gutenberg → trang dùng Block Editor (Gutenberg)
- Nếu mở trang mà Gutenberg chỉ có 1 block “Shortcode / Template” → trang template
(Placeholder: ảnh minh hoạ nút “Edit with Elementor”)
Tạo trang mới #
- Vào Pages → Add New
- Đặt tên trang (ví dụ: Liên hệ, Giới thiệu, Khóa học)
- Chọn trình dựng phù hợp (Gutenberg hoặc Elementor)
- Nhấn Publish
Lưu ý khi tạo trang mới #
- Trang mới thường không tự động xuất hiện trong menu → phải thêm vào Menu
- Không tạo quá nhiều trang rác → gây khó quản lý
- Không tạo trang trùng tên
Chỉnh sửa trang bằng Gutenberg (Block Editor) #
Gutenberg sử dụng các “block” để tạo nội dung. Phù hợp với trang đơn giản.
Các block thường dùng #
- Paragraph (văn bản)
- Heading (tiêu đề)
- Image (ảnh)
- List (danh sách)
- Buttons (nút bấm)
- Columns (chia cột)
Ưu điểm của Gutenberg #
- Load nhanh
- Không phụ thuộc plugin
- Tương thích SEO tốt
Chỉnh sửa trang bằng Elementor #
Elementor là trình dựng trang mạnh mẽ, phù hợp cho các trang có thiết kế đẹp và phức tạp.
Cách chỉnh sửa #
- Mở trang cần chỉnh → chọn Edit with Elementor
- Chỉnh sửa bằng kéo–thả các widget
- Nhấn Update để lưu
Những widget Elementor hay dùng #
- Heading
- Text Editor
- Image / Image Box
- Button
- Icon List
- Section / Inner Section
- Video (nhúng từ YouTube)
Lưu ý quan trọng khi dùng Elementor #
- Không xoá Section bố cục chính
- Không thay đổi Template áp dụng cho trang
- Kiểm tra Responsive (Mobile / Tablet) trước khi lưu
- Nếu layout bị lệch → kiểm tra padding / margin
Chọn Template cho trang #
Ở phần “Page Attributes” hoặc “Template”, bạn có thể chọn:
- Default Template
- Elementor Full Width
- Elementor Canvas
- Template riêng của website
Lưu ý: Chỉ đổi Template nếu bạn biết rõ nó ảnh hưởng gì đến layout.
Quản lý tất cả trang trong Pages #
Các thao tác cơ bản #
- Search trang theo tên
- Duplicate trang (nếu có plugin hỗ trợ)
- Ẩn / Hiện trang bằng Private hoặc Draft
- Chuyển trang sang thùng rác
Cảnh báo: Không xoá trang đang được dùng làm trang chủ, trang form hoặc trang hệ thống.
Lỗi thường gặp khi chỉnh trang #
Trang không hiển thị đúng layout #
Do chỉnh sai Template hoặc mix Gutenberg + Elementor.
Ảnh bị vỡ hoặc mất bố cục #
Do upload ảnh kích thước quá nhỏ hoặc sai tỉ lệ.
Không lưu được thay đổi #
- Do xung đột plugin
- Do hosting chặn AJAX
- Do thiếu bộ nhớ PHP
Mất header/footer #
Do chọn “Elementor Canvas” cho trang không nên dùng layout trống.
Best Practices khi chỉnh trang #
- ✔ Luôn xác định trang dùng Elementor hay Gutenberg trước khi sửa
- ✔ Sử dụng đúng Template trang
- ✔ Kiểm tra responsive sau mỗi lần update
- ✔ Tối ưu ảnh theo đúng kích thước thiết kế
- ✔ Sử dụng ít widget nặng (Slider, Gallery) để tăng tốc độ load
Checklist cho người mới quản lý Pages #
- ✔ Xác định đúng trình dựng trang (Elementor/Gutenberg)
- ✔ Không mix 2 trình dựng trong cùng 1 trang
- ✔ Không thay đổi Template nếu không hiểu rõ
- ✔ Layout ổn trên Mobile trước khi Publish
- ✔ Kiểm tra liên kết trong trang không bị lỗi
Bài 7 – Pages kết thúc.
