Tạo custom error pages với .htaccess

Trong bài viết này mình sẽ giúp các bạn tạo custom error pages với .htaccess, giúp bạn có thể thay đổi các trang error pages mặc định thô kệch có sẵn.

I. Giới thiệu

Nếu như bạn chưa biết thì các trang lỗi mặc định của các Web Server tương đối nhàm chán và xấu xí. Để mình cho các bạn xem một vài ví dụ về lỗi 404 trên Litespeed và Apache nhé.

Với LiteSpeed Web Server:

Với Apache Web Server:

Và để mọi thứ sinh động hơn thì chúng ta sẽ tạo custom error pages với .htaccess. Đương nhiên tệp .htaccess sẽ không thể tạo ra các trang mã html đẹp được mà là .htaccess sẽ đóng vai chuyên hướng các mã lỗi này đến các trang html mà chúng ta đã cấu hình trước đó.

II. Tạo custom error pages với .htaccess

Để tạo custom error pages với .htaccess chúng ta sẽ cần thực hiện 3 bước sau.

Bước 1: Truy cập vào tính năng File Manager trên gói hosting của bạn

Bước này thì có lẽ đa số các bạn đã biết rồi nên mình cũng không đề cập sâu vào.

Trong bài hướng dẫn này mình sẽ sử dụng File Manager trên cPanel để thực hiện, vì đại đa số các hệ thống hosting sẽ sử dụng cPanel là chủ yếu.

Ở đây mình sẽ tạo sẵn các tệp tin có tên như 404.html, 503.html..vv… tùy vào các mã lỗi tùy chỉnh mà bạn muốn thay đổi. Và trong bài này mình sẽ chỉ tạo trang 404 thôi nhé. Từ đó các bạn có thể dựa vào và tạo các mã lỗi khác.

Nếu bạn muốn sử dụng trang 404 của mình thì có thể tải về với đường dẫn sau, chỉ cần tải về và giải nén vào thư mục gốc của website là được:

• 404.zip

Hoặc bạn có thể tham khảo các mẫu html có sẵn tại trang sau:

• Freefrontend.com

Bước 2: Thêm cấu hình vào .htaccess

Sau khi mình đã có tệp html 404 rồi thì mình tiến hành khai báo khi website gặp lỗi 404 thì tệp .htaccess tự động chuyển hướng sang trang 404.html mình đã có trước đó với mã sau:

ErrorDocument 404 /404.html
    

Mã này bạn nên đặt vào phần đầu của tệp .htaccess.

Bước 3: Kiểm tra kết quả

Bây giờ bạn có thể vào trình duyệt và gõi tên miền của mình, sau đó phía sau hãy / thêm một dường dẫn không tồn tại để kiểm tra mình đã thực hiện đúng đầy đủ chưa nhé.

Ví dụ đây là một trang của mình: https://labcpanel.chupanhcotrang.com/1241241241

Nếu mọi thứ hình sau thì bạn đã tạo custom error pages với .htaccess thành công.

III. Tổng kết

Hy vọng bài viết tạo custom error pages với .htaccess này sẽ giúp các bạn trang trí cho website mình thêm sinh động và đậm nét riêng.

Bạn hoàn toàn có thể dựa vào và tạo thêm các mã lỗi khác như 500, 503, 403, 408, 502, 504..vv.. Chúc các bạn có thể thực hiện thành công.

Xem thêm các bài viết hướng dẫn website hữu ích tại đường dẫn sau:

• Tổng hợp hướng dẫn sử dụng và tối ưu Website.

Nếu các bạn cần hỗ trợ các bạn có thể liên hệ bộ phận hỗ trợ theo các cách bên dưới:

• Hotline: 0569 395 495
• Email: support@partner.com.vn.