Trong WordPress, HTML xử lý cấu trúc nội dung của trang web của bạn. Vì vậy, chỉnh sửa HTML là cách tốt nhất để sửa đổi bố cục trang web
Trong bài viết trước, chúng tôi đã hướng dẫn bạn 3 cách chỉnh sửa mã nguồn HTML trong WordPress. Tuy nhiên, một số người mới bắt đầu có thể thấy quá phức tạp để làm theo. Đó là lý do tại sao trong bài viết hôm nay, chúng tôi sẽ cung cấp một cách khác để chỉnh sửa HTML, bằng cách sử dụng plugin trang đích phổ biến của WordPress – Elementor
Bài đăng sẽ bắt đầu với lý do tại sao bạn nên chỉnh sửa HTML trong Elementor và sau đó làm theo hướng dẫn về cách sửa đổi HTML từ đầu
Chỉnh sửa HTML trong Elementor có phải là một lựa chọn tốt không?
Ngày nay, biết cách viết mã không cần thiết để xây dựng các trang web hấp dẫn. Elementor giúp những người không phải lập trình viên dễ dàng tạo bất kỳ trang web WordPress nào họ muốn
Plugin cho phép bạn linh hoạt kéo bất kỳ tiện ích nào trong số hơn 90 tiện ích để tạo nội dung, như nút, xếp hạng sao và thanh tiến trình. Trong số đó có widget HTML giúp bạn làm đẹp bố cục dễ dàng hơn
Chỉnh sửa HTML trong Elementor dễ dàng hơn bao giờ hết nhờ các tính năng chỉnh sửa trực tiếp. Nó làm cho quá trình trở nên dễ dàng bằng cách cho phép bạn xem trước từng thành phần khi bạn sửa đổi nó
Cách chỉnh sửa HTML trong Elementor
Đảm bảo rằng bạn đã cài đặt Elementor trên trang web WordPress của mình trước khi làm theo hướng dẫn bên dưới của chúng tôi
Để thêm HTML vào các trang hoặc bài đăng trên trang web của bạn, bạn cần sử dụng tiện ích HTML của Elementor
- Tạo một trang mới hoặc chỉnh sửa trang trước đó trong bảng điều khiển WordPress
- Đi tới nút Chỉnh sửa bằng Elementor trên thanh bên
- Tìm kiếm tiện ích HTML ở bên trái bảng điều khiển
- Trong Bảng chỉnh sửa, kéo và thả tiện ích HTML của Elementor vào trang của bạn
- Mở trang mà bạn muốn sửa đổi bố cục trên tab trình duyệt mới. Nhấn Ctrl + U hoặc nhấp chuột phải vào phần trống của trang web và chọn Xem nguồn trang từ menu bật lên
- Một cửa sổ nguồn mã sẽ hiển thị. Chọn một phần của trang mà bạn muốn thay đổi cấu trúc
- Chỉ cần sao chép dòng HTML của phần đó và dán vào hộp Mã
Nhớ lưu và cập nhật các thay đổi của bạn. Sau khi lưu thành công, bạn có thể xem trước mã của mình trong tab trình duyệt mới
Tuy nhiên, đôi khi khi làm việc với WordPress, nút Chỉnh sửa bằng Elementor có thể biến mất khỏi thanh Quản trị. Cùng khám phá một số nguyên nhân cụ thể và cách khắc phục
Nút “Chỉnh sửa với Elementor” Không hiển thị trong WordPress
Có 3 nguyên nhân phổ biến của vấn đề này. Chúng tôi đã phân tích vấn đề này và tổng hợp 3 nguyên nhân phổ biến
- Elementor chưa kích hoạt các loại bài đăng có liên quan
- Xảy ra lỗi sau khi nâng cấp WordPress
- Plugin đã cài đặt không nhất quán
Tiếp tục đọc để khám phá cách khắc phục tất cả
Elementor chưa kích hoạt các loại bài đăng có liên quan
Lỗi này khắc phục siêu đơn giản. Bạn chỉ cần vào Cài đặt của Elementor và đánh dấu vào ô của loại bài đăng có liên quan
Xảy ra lỗi sau khi nâng cấp WordPress
Khi bạn nâng cấp WordPress lên phiên bản mới, mọi thay đổi trong mã lõi có thể ảnh hưởng trực tiếp đến các mục được hiển thị trong thanh quản trị
Khi gặp sự cố này, bạn nên liên hệ với nhóm hỗ trợ WordPress để tìm kiếm giải pháp
Plugin đã cài đặt không nhất quán
Theo mặc định, các plugin không nhất quán sẽ làm chậm trang web của bạn và ngăn bạn hoạt động bình thường với WordPress
Nếu trường hợp này xảy ra, tốt hơn hết bạn nên hủy kích hoạt tất cả các plugin của mình ngoại trừ Elementor. Sau đó, kiểm tra xem nút Edit with Elementor có xuất hiện hay không. Cố gắng kích hoạt lại từng plugin một cho đến khi bạn tìm ra thủ phạm chính
Thay đổi bố cục của bạn bằng Elementor
Elementor là trình tạo trang đầu tiên và hiện tại duy nhất cung cấp khả năng thiết kế vô hạn. Điều đó có nghĩa là, việc sửa đổi HTML trong Elementor cung cấp cho bạn toàn quyền kiểm soát tài liệu nguồn và hình ảnh của mình mà không gặp rắc rối
Chúng tôi đã hướng dẫn bạn qua 5 bước để chỉnh sửa HTML trong Elementor. Vì vậy, bạn có thể thực hiện tùy chỉnh chủ đề nâng cao hoặc thêm hiệu ứng HTML vào bài đăng của mình ngay lập tức
Nếu bạn gặp bất kỳ vấn đề nào liên quan đến HTML hoặc Elementor khi làm việc với WordPress, đừng ngần ngại để lại nhận xét của bạn bên dưới