Hướng dẫn how do i import an html file into my website? - làm cách nào để nhập tệp html vào trang web của tôi?

Tìm hiểu làm thế nào để bao gồm các đoạn trích HTML trong HTML.

HTML

Lưu HTML bạn muốn đưa vào tệp .html:

content.html

Google Maps Nút hoạt hình Box Modal Hộp hoạt hình Tiến trình Thanh treo lơ lửng nhấp vào Dropdowns Bảng đáp ứng bảng
Animated Buttons

Modal Boxes

Animations

Progress Bars

Hover Dropdowns

Click Dropdowns

Responsive Tables

Bao gồm HTML

Bao gồm HTML được thực hiện bằng cách sử dụng thuộc tính W3-Include-HTML:w3-include-html attribute:

Thí dụ

Thêm JavaScript

HTML bao gồm được thực hiện bởi JavaScript.

Thí dụ

Thêm JavaScript

HTML bao gồm được thực hiện bởi JavaScript.

hàm bao gồmHtml () {& nbsp; var z, i, elmnt, file, xhttp; & nbsp; / * Loop thông qua một bộ sưu tập tất cả các yếu tố HTML: */& nbsp; z = document.getElsByTagName ("*"); & nbsp; for (i = 0; i

Thí dụ

Thêm JavaScript

Tại sao tải các tệp HTML lên WordPress? Nếu bạn đang xây dựng hoặc phát triển một trang web WordPress, việc nhập các tệp và trang HTML có thể giúp bạn tiết kiệm thời gian đáng kể khi thiết lập trang web của bạn hoặc khi thêm nội dung mới, tùy chỉnh. Đôi khi bạn có thể muốn xây dựng một trang HTML tùy chỉnh hoặc sử dụng các trang từ một trang web cũ hơn và sau đó thêm chúng vào WordPress.

Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách thêm các tệp và trang HTML của bạn vào trang web WordPress của bạn.

Chúng tôi sẽ bao gồm: & nbsp;

• Tệp HTML là gì?
• Tại sao tải các tệp HTML lên WordPress
• Cách tải tệp HTML lên WordPress
• Cách thêm trang HTML vào WordPress

Tệp HTML là gì?

Tại sao tải các tệp HTML lên WordPress

Cách tải tệp HTML lên WordPress

Cách thêm trang HTML vào WordPress

HTML là viết tắt của "Ngôn ngữ đánh dấu siêu văn bản", là ngôn ngữ được sử dụng để tạo và cấu trúc các trang web. Các tệp HTML là các tài liệu chỉ dành cho văn bản và chúng chứa nội dung tương tác cao được thiết kế để được xem trên trình duyệt web. Các tệp HTML có thể được tạo từ đầu hoặc bạn có thể lấy các tệp hiện có - như Google Docs - và chuyển đổi chúng thành HTML.

Dưới đây là một ví dụ về những gì một tệp HTML có thể chứa.

Xem ví dụ về tệp HTML PEN của HubSpot (@HubSpot) trên CodePen.

Các tệp HTML có thể được tải trên bất kỳ loại trình duyệt web nào. Điều này làm cho chúng thân thiện với thiết bị di động hơn, bởi vì chúng sẽ hiển thị đúng cách bất kể thiết bị hoặc hệ điều hành đang được sử dụng. Nếu bạn có nhiều người làm việc trên trang web của bạn hoặc nếu bạn đã thuê ngoài công việc cho nhà phát triển bên ngoài, các tệp HTML là một cách tuyệt vời để phân phối nội dung trước khi xuất bản nó trên trang web của bạn.

Nhưng, đây không phải là lợi ích duy nhất của việc sử dụng các tệp HTML. Khi bạn làm việc trong WordPress, các tệp HTML rất tuyệt vời để tạo nội dung tùy chỉnh có thể không được cung cấp tự nhiên với chủ đề WordPress hiện tại của bạn.

Đọc trên một số lý do bổ sung để tải lên các tệp và trang web HTML khi xây dựng trang web của bạn trên WordPress.

WordPress không chỉ là một người xây dựng trang web, đó là một hệ thống quản lý nội dung. Điều đó có nghĩa là, ngay cả khi trang web của bạn được lưu trữ trên WordPress, bạn không phải tạo từng trang trong giao diện WordPress.

Khi nói đến việc tạo các trang web, WordPress có lợi ích của nó. Bạn có thể tạo các trang đẹp với các chủ đề được thiết kế sẵn và thậm chí bạn có thể cài đặt các nhà xây dựng trang như Elementor để tạo các trang bán hàng, trang đích và trang sản phẩm.

Tuy nhiên, bạn có thể muốn lưu trữ các tệp HTML tùy chỉnh trong bảng điều khiển WordPress của mình. Dưới đây là một số lý do bạn muốn.

Bạn không muốn xây dựng lại các trang từ đầu.

Bạn có thể có một trang HTML hiện có chuyển đổi tốt và thay vì xây dựng lại nó trên WordPress, bạn có thể tiết kiệm thời gian bằng cách tải lên trực tiếp trang. Điều này cũng làm giảm nguy cơ lỗi của con người, vì thay vì sao chép và dán mã thủ công, bạn chỉ cần tải lên hoàn toàn nội dung thông qua tệp HTML.

Bạn muốn tùy chỉnh trang của bạn ngoài một chủ đề đóng chai.

Một lợi ích khác của việc tải lên các tệp HTML là nó cho phép bạn tùy chỉnh nội dung của mình bên ngoài chủ đề của bạn có thể cho phép. Chẳng hạn, giả sử trang web cũ của bạn đã sử dụng một mẫu hoặc trang mà bạn thực sự thích, nhưng nó không được cung cấp trên WordPress. Bạn có thể sao chép HTML cho nội dung đó, sau đó tải nó lên trang web WordPress của bạn.

Hoặc, bạn có thể tạo lại nội dung từ đầu và tự viết HTML. Sau khi hoàn thành, hãy tải tệp HTML của bạn lên WordPress và Presto! Bây giờ bạn có một trang mới, tùy chỉnh hoặc tính năng theo ý của bạn.

Cách tải tệp HTML lên WordPress

1. Cách thêm trang HTML vào WordPress
2. HTML là viết tắt của "Ngôn ngữ đánh dấu siêu văn bản", là ngôn ngữ được sử dụng để tạo và cấu trúc các trang web. Các tệp HTML là các tài liệu chỉ dành cho văn bản và chúng chứa nội dung tương tác cao được thiết kế để được xem trên trình duyệt web. Các tệp HTML có thể được tạo từ đầu hoặc bạn có thể lấy các tệp hiện có - như Google Docs - và chuyển đổi chúng thành HTML.
3. Dưới đây là một ví dụ về những gì một tệp HTML có thể chứa.
4. Xem ví dụ về tệp HTML PEN của HubSpot (@HubSpot) trên CodePen.
5. Các tệp HTML có thể được tải trên bất kỳ loại trình duyệt web nào. Điều này làm cho chúng thân thiện với thiết bị di động hơn, bởi vì chúng sẽ hiển thị đúng cách bất kể thiết bị hoặc hệ điều hành đang được sử dụng. Nếu bạn có nhiều người làm việc trên trang web của bạn hoặc nếu bạn đã thuê ngoài công việc cho nhà phát triển bên ngoài, các tệp HTML là một cách tuyệt vời để phân phối nội dung trước khi xuất bản nó trên trang web của bạn.
6. Nhưng, đây không phải là lợi ích duy nhất của việc sử dụng các tệp HTML. Khi bạn làm việc trong WordPress, các tệp HTML rất tuyệt vời để tạo nội dung tùy chỉnh có thể không được cung cấp tự nhiên với chủ đề WordPress hiện tại của bạn.

Đọc trên một số lý do bổ sung để tải lên các tệp và trang web HTML khi xây dựng trang web của bạn trên WordPress.

WordPress không chỉ là một người xây dựng trang web, đó là một hệ thống quản lý nội dung. Điều đó có nghĩa là, ngay cả khi trang web của bạn được lưu trữ trên WordPress, bạn không phải tạo từng trang trong giao diện WordPress.

Khi nói đến việc tạo các trang web, WordPress có lợi ích của nó. Bạn có thể tạo các trang đẹp với các chủ đề được thiết kế sẵn và thậm chí bạn có thể cài đặt các nhà xây dựng trang như Elementor để tạo các trang bán hàng, trang đích và trang sản phẩm.

Tuy nhiên, bạn có thể muốn lưu trữ các tệp HTML tùy chỉnh trong bảng điều khiển WordPress của mình. Dưới đây là một số lý do bạn muốn.

Bạn không muốn xây dựng lại các trang từ đầu.

Bạn có thể có một trang HTML hiện có chuyển đổi tốt và thay vì xây dựng lại nó trên WordPress, bạn có thể tiết kiệm thời gian bằng cách tải lên trực tiếp trang. Điều này cũng làm giảm nguy cơ lỗi của con người, vì thay vì sao chép và dán mã thủ công, bạn chỉ cần tải lên hoàn toàn nội dung thông qua tệp HTML.

4. Nhấp vào 'Thêm khối.'

Khi bạn đã truy cập trình soạn thảo trực quan, nhấp vào tùy chọn ở trên cùng bên trái để "Thêm khối". Điều này sẽ kích hoạt menu thả xuống ở phía bên trái của màn hình.

5. Thêm khối 'tệp'.

Sử dụng thanh tìm kiếm ở đầu menu bên trái, tìm kiếm thuật ngữ "Tệp". Sau đó, nhấp vào nó để tải lên một tệp mới.

Ngoài ra, bạn cũng có thể tìm kiếm "HTML." Khối này sẽ cho phép bạn nhập HTML, nhưng bạn sẽ phải sao chép và dán thủ công vào khối mã. Điều này hoạt động nếu bạn đang tải lên các đoạn mã ngắn, nhưng sẽ hiệu quả hơn khi sử dụng tùy chọn phương tiện để tải lên lớn hơn.

6. Chọn tệp HTML của bạn.

Trong mô -đun xuất hiện, chọn tùy chọn "Tải lên". Sau đó, chọn tệp HTML mà bạn muốn thêm vào bài đăng. Khi tệp của bạn được chọn, nó sẽ được tự động thêm vào bài đăng của bạn.

Bạn cũng có thể thêm tệp vào thư viện phương tiện của bạn. Điều này sẽ cho phép bạn sử dụng lại tệp HTML trong các bài đăng trên blog khác.

Cách khắc phục "Loại tệp không được phép vì lý do bảo mật" Lỗi

Trong một số trường hợp, bạn có thể gặp phải lỗi này khi cố gắng tải tệp HTML của mình lên bài đăng trên blog hoặc thư viện phương tiện.

Cách dễ nhất để điều hướng điều này là sử dụng khối HTML thay thế. Với một khối HTML, bạn có thể sao chép tất cả các mã trong tệp HTML của mình và dán trực tiếp vào trang WordPress của bạn - tương tự như ví dụ dưới đây.

Cách thêm trang HTML vào WordPress

Giả sử chúng tôi là những nhà thiết kế đáng tự hào của trang web, Lonéz Scents và chúng tôi muốn chuyển trang này sang WordPress.

Nguồn hình ảnh

Hãy cùng xem quá trình chuyển trang này sang WordPress.

1. Nén trang HTML vào thư mục ZIP.

Xuất trang web từ CMS hiện tại của bạn. Bạn không cần phải chạm vào bất kỳ tệp nào trong số này, trừ khi bạn muốn tùy chỉnh chúng trước khi tải chúng lên WordPress.

Đảm bảo tệp HTML này được nén vào thư mục ZIP. & NBSP;

2. Điều hướng đến trang web WordPress của bạn.

Xuất sắc! Bây giờ bạn có tệp HTML mà bạn sẽ chuyển sang trang web WordPress của mình.

Tiếp theo, đó là thời gian để truy cập cPanel của bạn, nơi đặt cơ sở dữ liệu của trang web của bạn. Bạn nhận được những thông tin đăng nhập này từ nhà cung cấp dịch vụ lưu trữ của bạn.

Mẹo chuyên nghiệp: Nếu bạn muốn người khác thực hiện công việc nặng nhọc cho bạn, một số nhà cung cấp dịch vụ lưu trữ sẽ di chuyển các trang web của bạn cho bạn miễn phí. Hãy chắc chắn để kiểm tra với dịch vụ lưu trữ của bạn. If you'd rather someone else do the heavy lifting for you, some hosting providers will migrate your webpages for you for free. Make sure to check with your hosting service.

Để điều hướng đến cPanel, đăng nhập vào trang web của nhà cung cấp dịch vụ lưu trữ của bạn và tìm hiểu nơi họ giữ liên kết đến cPanel của bạn.

Trong Bluehost, nhấp vào nâng cao trên thanh bên trên thanh bên, cuộn xuống các tệp, sau đó nhấp vào Trình quản lý tệp.

3. Nhập thư mục public_html của bạn bên trong cPanel của bạn.

Thư mục public_html của bạn sẽ được tìm thấy trong thanh bên trái. Nếu bạn lưu trữ một số trang web, bạn sẽ cần chọn trang web nơi bạn muốn di chuyển trang đến.

4. Thêm một thư mục mới vào trang web của bạn thư mục công khai_HTML của bạn.

Nhấp vào nút của Google+thư mục ở đầu màn hình để tạo một thư mục mới. Bây giờ, đặt tên cho thư mục mới của bạn và sau đó nhấp vào Tạo thư mục mới. (Tên thư mục này sẽ là một phần của URL trang HTML của bạn.)

5. Tải tệp HTML có khóa kéo lên thư mục mới.

Khi thư mục được tạo, nhấp vào nó. Sau đó, nhấp vào nút Tải lên ở đầu màn hình. Cần có một tùy chọn Chọn tệp và bạn có thể chọn tệp HTML được nén mà bạn muốn thêm.

6. Trích xuất các tập tin.

Sau khi được tải lên, tệp HTML bị nén của bạn hiện có trong thư mục. Chọn tệp và nhấp vào Trích xuất ở góc trên cùng bên phải của màn hình. Bây giờ, nhấp vào Trích xuất tệp.

7. Xem trước trang của bạn.

Bây giờ bạn sẽ thấy một tùy chọn gọi là kết quả trích xuất. Nhấp vào Đóng. Sau đó, nhấp vào tải lại ở giữa màn hình. Bạn sẽ thấy tệp HTML được giải nén trong thư mục. (Nếu bạn thích, hãy xóa tệp zip. Nó sẽ không ảnh hưởng đến trang HTML được trích xuất của bạn hoặc bất kỳ thư mục nào khác.)

Cuối cùng, bạn có thể xem trước trang bằng cách truy cập yourdomain.com/foldername/htmlfilename.html.

Và bạn đã xong! Bây giờ bạn đã biết cách tải các tệp HTML lên trang web WordPress của bạn.

Tải các tệp HTML lên WordPress để xây dựng trang web của bạn

Tải các tệp HTML lên WordPress có thể chỉ là cách để đi - đặc biệt nếu bạn muốn tạo một trang web tùy chỉnh cao mà bạn có thể xây dựng với một chủ đề. Nó cũng là một lựa chọn tuyệt vời cho bạn nếu bạn muốn chuyển trang web cũ của mình sang nền tảng WordPress. Phần tốt nhất là nó dễ dàng - nhưng hãy đảm bảo đánh dấu hướng dẫn này, vì vậy bạn không bao giờ bị lạc trong quá trình.

Lưu ý của biên tập viên: Bài đăng này ban đầu được xuất bản vào tháng 7 năm 2019 và đã được cập nhật về tính toàn diện.

Làm cách nào để tải tệp HTML lên trang web của tôi?

Làm cách nào để xuất và nhập tệp HTML?