Tải lên và chuyển đổi HTML sang WordPress được thực hiện vì nhiều lý do. Bạn có thể muốn chuyển đổi một trang HTML tĩnh, cũ và chạy nó trên hệ thống quản lý nội dung WordPress. Cũng có khả năng bạn chỉ cần một nơi để lưu trữ hoặc chia sẻ tệp HTML và WordPress cung cấp một giải pháp khả thi cho cả hai.

Chuyển từ HTML sang WordPress thường gây khó chịu hoặc không hiệu quả. Chúng tôi ở đây để hướng dẫn bạn thực hiện quy trình nhằm đảm bảo rằng bạn học các công cụ cần thiết để chuyển đổi tệp HTML và tự mình hoàn thành quá trình chuyển đổi.

HTML là một ngôn ngữ đánh dấu đơn giản và WordPress, mặc dù mạnh mẽ và chứa đầy các tính năng, nhưng khá đơn giản và trực quan. Do đó, việc chuyển đổi giữa HTML và WordPress cũng không phải là một việc vặt.

Hãy tiếp tục đọc để tìm hiểu thêm về các khái niệm cơ bản về HTML đối với chuyển đổi WordPress, cùng với các tình huống thực tế mà bạn có thể xem xét một động thái như vậy.

Table of Contents

Những lý do chính để tải lên hoặc chuyển đổi HTML sang WordPress

Nếu bạn đang tự hỏi tại sao bạn có thể chuyển đổi hoặc tải HTML lên WordPress ngay từ đầu, hãy xem các ví dụ sau để hiểu lý do hoàn thành một tác vụ như thế này.

  • Chuyển đổi một trang web HTML cũ để chạy trên hệ thống WordPress. Có thể thiết kế cũ là một trong những yêu thích của bạn hoặc bạn không muốn thực hiện công việc thiết kế lại. Điều này cũng rất quan trọng để giữ lại hình ảnh thương hiệu của bạn.
  • Chuyển đổi một trang web HTML hoặc bài đăng blog và xuất bản nó trên trang WordPress hiện tại của bạn. Điều này đặc biệt hữu ích nếu chủ đề hiện tại của bạn không có bố cục trang tùy chỉnh mà bạn muốn.
  • Thay đổi mẫu trang web HTML thành định dạng chủ đề có thể được cài đặt trên WordPress.
  • Tải lên tệp xác minh HTML, chứng minh quyền sở hữu trang web của bạn lên công cụ tìm kiếm hoặc dịch vụ khác.
  • Lưu trữ tệp HTML trên trang web của bạn để sử dụng sau này.
  • Tạo liên kết đến tệp đó để bạn có thể chia sẻ hoặc yêu cầu người dùng tải tệp xuống máy tính của họ.
  • Tạo thành phần thiết kế HTML trên trang hoặc bài đăng WordPress, như hộp tác giả tùy chỉnh hoặc biểu mẫu đăng ký email.
  • Kết hợp chủ đề WordPress của bạn với một thiết kế trang web HTML mà bạn đã tìm thấy trực tuyến nhưng không có quyền truy cập.

Như bạn có thể thấy, các lý do để thêm tệp HTML vào WordPress khác nhau tùy theo mục tiêu của bạn. Đôi khi quá trình này khá đơn giản, chẳng hạn như tải một tệp HTML lên một trang hoặc bài đăng trên blog WordPress. Những lần khác, có một quá trình dài để chuyển đổi toàn bộ trang web HTML với hàng tá tệp và các công việc phụ phải hoàn thành, chẳng hạn như chuyển nội dung trang web cùng với HTML.

Đối với hướng dẫn chuyển đổi và tải HTML lên WordPress này, chúng tôi sẽ bắt đầu với những điều cơ bản (cách tải tệp HTML lên WordPress), sau đó chúng tôi sẽ chuyển sang các yêu cầu chuyên sâu hơn để sao chép hoặc chuyển đổi các trang web HTML đầy đủ để hoạt động trên hệ thống WordPress.

Cuối cùng, chúng ta sẽ nói về ưu và nhược điểm của trình chuyển đổi HTML tự động và những công cụ nào có sẵn trên thị trường.

Đọc tiếp để bắt đầu với việc tải lên hoặc chuyển đổi HTML sang WordPress đầu tiên của bạn!

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

Bước đầu tiên khi học cách chuyển tệp HTML thành trang WordPress hoặc trang web đầy đủ là xem quá trình tải lên tệp HTML hoạt động như thế nào.

Đi tới hướng dẫn này để có cái nhìn chuyên sâu về cách tải tệp HTML lên WordPress.

Chúng tôi sẽ cung cấp cho bạn bản tóm tắt nhanh về quy trình đó bên dưới để đảm bảo rằng bạn đang đi đúng hướng khi chúng tôi chuyển sang các bước khác trong bài viết này.

Có ba phương pháp để tải tệp HTML lên WordPress:

  1. Thông qua bảng điều khiển WordPress.
  2. Với một ứng dụng khách FTP.
  3. Sử dụng cPanel.

Tải tệp HTML lên bảng điều khiển WordPress được thực hiện trong Thư viện phương tiện. Chúng tôi sẽ đề cập đến một số lộ trình cần thực hiện trong các hướng dẫn bên dưới, nhưng hãy nhớ rằng việc tải lên tệp thông qua bảng điều khiển WordPress có thể được thực hiện trên một trang, bài đăng hoặc trực tiếp thông qua Thư viện phương tiện.

Một ứng dụng khách FTP (như FileZilla) liên kết đến các tệp trực tiếp cho trang web WordPress của bạn, cùng với các tệp trên máy tính của bạn. Điều này cho phép bạn chuyển các tệp cục bộ sang các tệp trang web được lưu trữ miễn là bạn đăng nhập vào Ứng dụng khách FTP bằng thông tin đăng nhập lưu trữ SFTP của mình.

Cuối cùng, cPanel lưu trữ cung cấp quyền truy cập vào trình quản lý tệp trực tuyến. Nó hoạt động giống như một FTP Client, cho phép bạn kiểm soát tất cả các tệp giống nhau. Sự khác biệt chính là cPanel là một ứng dụng web trực tuyến, yêu cầu bạn tải các tệp của mình lên cPanel thay vì chuyển chúng ngay lập tức từ môi trường cục bộ sang một trang trực tuyến trong ứng dụng FTP.

Mỗi phương pháp đều có ưu và nhược điểm của nó. Kinsta Hosting không cung cấp trải nghiệm cPanel, vì vậy tốt nhất bạn nên tải lên các tệp HTML nhỏ hơn mà bạn muốn lưu trữ hoặc chia sẻ thông qua bảng điều khiển WordPress.

Ứng dụng FTP / SFTP Client là phương pháp được chọn để tạo một trang web hoàn toàn mới từ một trang web HTML tĩnh. Lý do cho điều này là vì Máy khách FTP / SFTP cung cấp khả năng kiểm soát đáng kinh ngạc đối với các tệp trang web của bạn và có thể chuyển bất kỳ thứ gì từ tệp phương tiện sang thư mục HTML trực tiếp từ máy tính của bạn.

Cách thêm mã HTML vào trang hoặc bài đăng WordPress

Có một số phương pháp để tải tệp HTML trực tiếp lên bài đăng hoặc trang WordPress. Đầu tiên là quá trình thực sự tải lên tệp zip HTML hoặc TXT dưới dạng phần tử phương tiện. Phương pháp này hoạt động tương tự như tải hình ảnh lên trình quản lý phương tiện, ngoại trừ việc bạn đang thực hiện thông qua một trang hoặc bài đăng và đó là tệp HTML thay vì ảnh.

Bạn có thể muốn hoàn thành phương pháp này để có liên kết cho mọi người tải xuống tệp HTML hoặc tự truy cập tệp trên chương trình phụ trợ của trang web của bạn.

Một tùy chọn khác là dán một khối HTML vào một trang hoặc bài đăng để thêm một số yếu tố thiết kế. Ví dụ: bạn có thể có một biểu mẫu đăng ký tùy chỉnh được tạo riêng cho trang này mà bạn muốn chèn bằng một đoạn HTML nhỏ.

Cả hai phương pháp đều có những mục đích và quy trình khác nhau để đạt được kết quả cuối cùng.

Để tải tệp HTML lên bài đăng hoặc trang, hãy làm theo các bước sau.

Đi tới Trang> Tất cả các trang trong bảng điều khiển WordPress. Nếu bạn muốn bắt đầu với một trang trống, hãy chuyển đến Trang> Thêm mới .

pages - add new - for HTML to WordPress
Thêm trang mới trong WordPress

Chọn trang mà bạn muốn tải lên tệp HTML. Bạn cũng có thể nhấp vào nút Thêm mới nếu bạn đang tạo một trang hoàn toàn mới.

Các bước này hầu như giống nhau để thêm tệp HTML vào bài đăng WordPress. Chúng tôi chỉ đơn giản là hướng dẫn cách thực hiện với một trang WordPress. Nếu bạn muốn sử dụng một bài đăng thay thế, hãy chuyển đến Bài đăng> Tất cả bài đăng hoặc bài đăng> Thêm mới .

About Us page in WordPress
Trang giới thiệu về chúng tôi trong WordPress

Phần này phụ thuộc vào việc bạn đang sử dụng Gutenberg Block Editor hay Classic WordPress Editor.

Trong Gutenberg, bạn có thể tìm thấy nút dấu + và nhấp vào nút đó để tìm kiếm khối xây dựng trực quan mới. Tìm kiếm khối Tệp mà bạn có thể nhập vào trường tìm kiếm hoặc cuộn qua danh sách các khối để định vị.

Chọn khối Tệp để đặt nó trên trang hoặc bài đăng của bạn.

Lưu ý: Nếu bạn đang sử dụng Trình chỉnh sửa WordPress Cổ điển, chỉ cần nhấp vào nút Thêm Phương tiện và tải lên tệp HTML của bạn bằng cách sử dụng đó. Nó tạo ra một liên kết đến tệp của bạn để mọi người tải xuống trên giao diện người dùng của trang web của bạn.

Adding a File module in WordPress
Thêm mô-đun ‘Tệp’ trong WordPress

Đối với khối Gutenberg, mô-đun Tệp sẽ hiển thị nút Tải lên . Nhấp vào nút Tải lên và tìm tệp HTML mong muốn trên máy tính của bạn. Chúng thường được lưu trữ dưới dạng tệp TXT, bộ sưu tập tệp TXT trong một thư mục hoặc trong tệp ZIP.

Sau khi được tải lên trang web của bạn, tệp sẽ được hiển thị dưới dạng một liên kết. Giờ đây, bất kỳ người dùng nào cũng có thể truy cập trang web của bạn và nhấp vào liên kết từ trang hoặc bài đăng đó để xem tệp HTML và thậm chí tải tệp xuống máy tính của chính họ.

Bên cạnh đó, tệp đó được lưu trữ trong thư viện phương tiện của bạn, vì vậy bạn có thể truy cập thư viện để lấy URL của tệp bất kỳ lúc nào và đặt nó ở bất kỳ nơi nào khác bạn muốn. Bạn cũng có thể chỉ sử dụng WordPress làm bộ nhớ cho tệp.

Nếu bạn chỉ muốn lưu trữ tệp trong WordPress và không có liên kết có thể tải xuống để tất cả người dùng của bạn nhấp vào, chỉ cần xóa liên kết được tạo trên trang hoặc bài đăng.

'Upload' button under the 'Files' block in WordPress
Nút ‘Tải lên’ trong khối ‘Tệp’ trong WordPress

Bạn có thể gặp lỗi cho bạn biết loại tệp không được phép vì lý do bảo mật. Điều này khá phổ biến, vì vậy hãy xem hướng dẫn này để loại bỏ lỗi đó và cho phép hầu hết các loại tệp vào thư viện phương tiện WordPress của bạn. Nhìn chung, quá trình này bao gồm việc chỉnh sửa tệp wp-config.php của bạn hoặc sử dụng một plugin để loại bỏ lỗi.

Invalid filetype error in WordPress
Lỗi loại tệp không hợp lệ trong WordPress

Thêm mã HTML vào thiết kế trang hoặc bài đăng của bạn

Như đã đề cập trước đó, một trong những lý do bạn có thể cân nhắc việc thêm tệp HTML vào trang hoặc bài đăng là để hiển thị một thiết kế đơn giản trên trang hoặc bài đăng đó.

Phương pháp trước là nhiều hơn để lưu trữ các tệp HTML trên WordPress và thêm một liên kết để mọi người tải chúng xuống.

Đây là một giải pháp chức năng hơn, xem như cách bạn có cơ hội sao chép và dán hoặc tạo mã HTML của riêng mình cho những thứ như biểu mẫu, hộp tác giả, biểu ngữ, v.v.

Đi tới trang hoặc bài đăng bạn chọn và chọn phần bạn muốn đặt đoạn mã HTML.

Bấm vào dấu + để xem lựa chọn các khối. Tìm khối HTML tùy chỉnh bằng cách nhập nó vào trường tìm kiếm hoặc cuộn qua danh sách các khối.

Chọn khối HTML tùy chỉnh để chèn vào trang hoặc bài đăng.

Adding a 'Custom HTML' block in Gutenberg
Thêm khối ‘HTML tùy chỉnh’ trong Gutenberg

Khối đó cung cấp một trường mã trống, đơn giản để bạn dán hoặc nhập, bất kỳ mã HTML nào bạn có sẵn.

Tôi sẽ dán vào một biểu mẫu liên hệ đơn giản với trường email và nút Gửi cho hướng dẫn cụ thể này.

Khi bạn có mã HTML trong khối, hãy nhấp vào nút Cập nhật hoặc Xuất bản để mã hiển thị trên giao diện người dùng của trang hoặc bài đăng của bạn.

HTML to WordPress module
HTML sang mô-đun WordPress

Nếu bạn đi đến giao diện người dùng của trang hoặc bài đăng, HTML sẽ thực hiện công việc của nó và tiết lộ bất kỳ thiết kế hoặc chức năng nào bạn đang cố gắng thêm vào bố cục.

Trong trường hợp này, bạn có thể xem biểu mẫu mà tôi yêu cầu gửi email và cũng có nút Gửi.

The form's frontend view
Giao diện người dùng của biểu mẫu

Quá trình và kết quả không khác nhiều trong Trình chỉnh sửa WordPress cổ điển, ngoại trừ bạn sẽ không sử dụng khối Gutenberg kéo và thả. Thay vào đó, hãy điều hướng đến tab Văn bản trong trình soạn thảo của bạn (thay vì tab Trực quan) và dán mã HTML vào bất cứ nơi nào bạn muốn nó xuất hiện trên trang.

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

Một lý do khác mà bạn có thể muốn tải HTML lên WordPress là vì các yêu cầu tối ưu hóa tìm kiếm. Google và một số công cụ tìm kiếm khác cung cấp bảng điều khiển và công cụ quản trị trang web để xem hiệu suất trang web của bạn và tối ưu hóa nội dung của bạn với sự trợ giúp của phân tích và báo cáo kiểm tra các vấn đề và khắc phục các vấn đề đó.

Tuy nhiên, Google không thể cho rằng bạn là chủ sở hữu của một trang web ngẫu nhiên chỉ vì bạn khẳng định bạn là chủ sở hữu. Đó là nơi mà tệp xác minh HTML phát huy tác dụng.

Nói một cách đơn giản, Google cung cấp một tệp HTML mà bạn phải tải lên trang web của mình. Chỉ chủ sở hữu trang web mới có quyền truy cập vào các tệp trang web, vì vậy Google sử dụng điều này như một cách để đảm bảo bạn không cố gắng kiểm soát các công cụ quản trị trang web của người khác.

Sau đó, tệp xác minh HTML được tải lên sẽ gửi một thông báo đến Google cho biết rằng tệp đã được thêm vào miền đó và trên thực tế, bạn là chủ sở hữu.

Cần thận trọng khi tìm hiểu về cách tải lên tệp xác minh HTML vì Google và các công cụ tìm kiếm không phải là dịch vụ duy nhất yêu cầu bạn xác minh danh tính hoặc quyền sở hữu của mình với các tệp như thế này. Một số plugin, thư mục và plugin của bên thứ ba cũng muốn đảm bảo rằng bạn không phải là kẻ xâm nhập.

Lý do Tải lên Tệp Xác minh HTML

  • Để xác minh rằng bạn sở hữu một trang web cho các công cụ tối ưu hóa công cụ tìm kiếm.
  • Khi chứng minh quyền sở hữu đối với một số thư mục trực tuyến.
  • Nếu bạn cần liên kết đến tích hợp hoặc plugin của bên thứ ba, bạn cần tìm hiểu xem bạn có thực sự duy trì quyền sở hữu trang web của mình hay không.

Như bạn thấy, tệp HTML này có thể đến từ các nguồn khác nhau. Bạn thường không phải biết bất cứ điều gì về nội dung của tệp HTML, mà chỉ biết rằng nó được sử dụng để gửi pingback đó đến dịch vụ để cho biết bạn có quyền kiểm soát các tệp trang web.

Phải nói rằng, phần trình diễn của chúng tôi về việc tải tệp xác minh HTML lên WordPress sẽ liên quan đến Google Search Console, đây là một trong những lý do phổ biến nhất để sử dụng tệp xác minh.

Để bắt đầu, hãy đăng ký trang web của bạn với Google. Điều này được thực hiện bằng cách truy cập công cụ Google Search Console. Nhấp vào nút Bắt đầu ngay và đăng nhập vào tài khoản Google của bạn hoặc đăng ký tài khoản với Google.

Google Search Console's Start Now button
Nhấn ‘Bắt đầu ngay’ trong Google Search Console

Sau khi đăng nhập vào Google Search Console, bạn có thể thấy danh sách các sản phẩm mà bạn đã quản lý hoặc đã thử nghiệm trước đây. Mặt khác, bạn có thể thấy một danh sách trống.

Bất kể, hãy chuyển đến tab Thuộc tính tìm kiếm ở góc trên bên trái của trang tổng quan.

Trong menu thả xuống, hãy chọn tùy chọn Thêm thuộc tính để tiếp tục. Điều này cho phép bạn thêm trang web của mình làm sản phẩm được quản lý trong Google Search Console.

Adding a property in Google Search Console
Thêm một sản phẩm trong Google Search Console

Cửa sổ bật lên tiếp theo yêu cầu bạn chọn một loại thuộc tính. Tùy chọn Miền cho phép bạn xác minh tất cả các URL trên tất cả các miền phụ. Đây thường là cách dễ nhất để xác minh một trang, nhưng nó yêu cầu xác minh DNS – được tìm thấy trong tài khoản lưu trữ của bạn.

Tuy nhiên, chúng tôi hiện đang nói về tải lên tệp HTML, vì vậy chúng tôi sẽ xem xét tùy chọn tiền tố URL, đây là một phương pháp cũ hơn nhưng vẫn đáng tin cậy để xác minh rằng bạn sở hữu một trang web. Hơn nữa, phương pháp này giúp xác định các URL cụ thể theo địa chỉ bạn nhập.

Do đó, hãy lấy URL từ trang web của bạn và dán nó vào trường Tiền tố URL .

Nhấp vào nút Tiếp tục .

Entering the site URL in GSC
Nhập URL trang web trong GSC

Bây giờ, Google Search Console yêu cầu bạn xác minh quyền sở hữu trang web.

Có một số phương pháp xác minh khác, nhưng đây là phương pháp sử dụng tải lên tệp HTML.

Nhấp vào nút yêu cầu bạn tải xuống tệp.

Lưu tệp HTML đó trên máy tính của bạn trong một thư mục mà bạn sẽ nhớ.

Bước tiếp theo là tải tệp lên trang web WordPress mà bạn đã dán vào Google Search Console từ trước đó.

Verifying site ownership in GSC
Xác minh quyền sở hữu trang web trong GSC

Như đã đề cập trước đây, có ba tùy chọn để tải tệp HTML lên WordPress.

Phương pháp đầu tiên, tải lên thông qua trang tổng quan, chắc chắn là một lựa chọn khả thi. Nhiều người vẫn bị theo dõi bên khi xuất hiện lỗi phổ biến khi tải tệp HTML lên Thư viện phương tiện. Do đó, việc tải lên của bạn với FTP Client thường nhanh hơn. Tuy nhiên, nếu bạn định tải lên bảng điều khiển WordPress và bạn thấy lỗi “Rất tiếc, Loại tệp này không được phép”, hãy sử dụng hướng dẫn này để khắc phục sự cố.

Bây giờ bạn có hai giải pháp khác: sử dụng FTP / SFTP Client hoặc tải lên cPanel từ tài khoản lưu trữ của bạn.

CPanel không phải là một lựa chọn tồi cho một số máy chủ, nhưng một lần nữa, Kinsta không cung cấp cPanel. Do đó, chúng tôi sẽ chủ yếu tập trung vào việc tải tệp HTML lên thông qua ứng dụng FTP / SFTP. Các bước chi tiết được nêu trong bài viết được liên kết ở trên, nhưng đây là bản tóm tắt nhanh để hướng dẫn bạn thực hiện theo cách của bạn.

Để bắt đầu, hãy tải FileZilla xuống máy tính của bạn. Bạn cũng có thể thử các ứng dụng khách FTP / SFTP khác.

Lưu ý: Chúng tôi khuyên bạn nên sao lưu trang web của mình trước quá trình này. Việc gây ra sự cố với trang web trong khi truyền tệp qua FTP / SFTP là điều hiếm khi xảy ra, nhưng điều đó hoàn toàn có thể xảy ra. Bạn không muốn làm hỏng trang web của mình hoặc mất dữ liệu, vì vậy hãy tạo một tệp trang web dự phòng.

Mở ứng dụng FTP / SFTP và nhập thông tin đăng nhập FTP / SFTP của bạn để kết nối với máy chủ web.

Enter your SFTP credentials in Filezilla
Nhập thông tin đăng nhập SFTP của bạn vào Filezilla

Các thông tin xác thực được yêu cầu bao gồm những điều sau:

  • Chủ nhà
  • tên tài khoản
  • Mật khẩu
  • Hải cảng

Bạn tìm thông tin đăng nhập cho trang web WordPress của mình ở đâu?

Chúng thường nằm trong bảng điều khiển lưu trữ của bạn, vì vậy bạn có thể liên hệ với máy chủ của mình hoặc tự tìm kiếm chúng.

Kinsta có một lộ trình dễ dàng để định vị thông tin đăng nhập FTP / SFTP bằng cách chuyển đến tab Trang web trong bảng điều khiển lưu trữ Kinsta của bạn và chọn trang web mong muốn của bạn.

Trong tab Thông tin, hãy tìm khu vực SFTP / SSH. Sao chép thông tin đăng nhập tương ứng vào ứng dụng FTP / SFTP.

Ví dụ: bạn có thể thấy các mục Máy chủ, Tên người dùng, Mật khẩu và Cổng đều được sắp xếp độc đáo trong Kinsta.

SFTP credentials under MyKinsta dashboard
Thông tin đăng nhập SFTP trong trang tổng quan MyKinsta

Dán các phần tử đó vào máy khách FTP / SFTP và nhấp vào nút Kết nối nhanh.

Nếu bạn thấy lỗi, rất có thể do FileZilla mặc định là giao thức FTP chứ không phải giao thức SFTP. Để khắc phục điều đó, hãy chuyển đến Tệp> Trình quản lý trang web . Thêm một trang web mới trong FileZilla và chọn SFTP. Dán thông tin đăng nhập lưu trữ vào khu vực đó và thử kết nối lại.

The site manager for HTML to WordPress
Trình quản lý trang web cho HTML sang WordPress

Sau khi kết nối với máy chủ của bạn, tất cả các tệp trang web WordPress sẽ xuất hiện để sửa đổi.

Type in credentials to see the new site's files
Nhập thông tin đăng nhập để xem các tệp của trang web mới

Tìm tệp gốc của trang web của bạn, chứa các thư mục như wp-contentwp-admin .

Find the root folder of your site
Tìm thư mục gốc của trang web của bạn.

Tìm tệp xác minh HTML (trong trường hợp này, tôi đã đổi tên nó để dễ tìm hơn) trong khu vực hiển thị tệp trên máy tính của bạn. Ví dụ: bạn có thể thấy nó bên dưới Tải xuống nếu đó là nơi tải xuống từ internet của bạn.

Kéo tệp đó sang tệp gốc cho trang web của bạn. Tất cả điều này được thực hiện trong ứng dụng khách FTP / SFTP.

Drag the file over to upload it to your server
Kéo tệp qua để tải lên máy chủ của bạn

Quá trình tải lên sẽ chỉ mất vài giây.

The file is now uploaded
Tệp hiện đã được tải lên

Khi nó nằm trong các tệp trang web của bạn, bạn có thể quay lại trang Xác minh của Google và kiểm tra xem nó có đăng ký rằng bạn sở hữu trang web hay không. Thông báo Thành công sẽ xuất hiện trên Google Search Console và một số tính năng sẽ mở ra để bạn tối ưu hóa và phân tích tình trạng trang web của mình.

Chuyển đổi thủ công toàn bộ trang web HTML sang WordPress

Để chuyển đổi một trang web HTML sang WordPress, bạn có thể sử dụng một plugin / ứng dụng, chuyển đổi thủ công các tệp của bạn hoặc sử dụng một chủ đề con và chuyển các tệp HTML sang chủ đề con đó.

Đầu tiên là chuyển đổi thủ công HTML đó để tạo chủ đề WordPress.

Một số người nói rằng đó là phương pháp khó khăn nhất trong số các phương pháp, nhưng những người khác lại thích nó vì bạn có toàn quyền kiểm soát quá trình và không phải phụ thuộc vào các ứng dụng hoặc plugin đôi khi có thể không đáng tin cậy. Thực hiện theo các bước bên dưới để hoàn thành chuyển đổi trang web HTML sang WordPress đầy đủ theo cách thủ công.

Tạo một thư mục cho chủ đề của bạn và thêm các tệp chủ đề chuẩn

Trên máy tính của bạn, hãy tạo một thư mục để lưu tất cả các tệp cơ bản của chủ đề của bạn. Gọi thư mục là bất cứ thứ gì bạn muốn, tốt nhất là đặt tên mà bạn có thể nhớ được.

Tạo các tệp chủ đề cơ bản sau:

  • style.css
  • index.php
  • header.php
  • sidebar.php
  • footer.php

Vui lòng mở chúng trong mã hoặc trình soạn thảo văn bản của bạn vì bạn sẽ chỉnh sửa chúng trong tương lai. Hiện tại, không cần thêm bất kỳ mã nào vào tệp. Đơn giản chỉ cần để chúng trong thư mục.

Lưu ý: Bạn có thể bắt đầu bằng cách tạo chúng dưới dạng tệp TXT. Sau đó, nếu bạn thay đổi phần mở rộng tệp — chẳng hạn như từ .txt thành .php hoặc .txt thành .css máy tính của bạn sẽ tự động điều chỉnh nó thành định dạng tệp phù hợp. Ví dụ: thêm phần mở rộng .css sẽ biến tệp thành một Trang kiểu xếp tầng.

The site files for HTML to WordPress
Các tệp trang web dành cho HTML đến WordPress

Chuyển CSS hiện tại của trang web WordPress của bạn sang thư mục mới

Bạn đã có một chủ đề được cài đặt trên trang web WordPress hiện tại của mình. Nếu không, hãy tiếp tục và cài đặt một chủ đề để trợ giúp phần này.

Bạn sẽ sử dụng CSS của chủ đề hiện tại làm nền tảng, dựa trên đó trong tệp style.css với các tệp trên trang web HTML của bạn.

Do đó, hãy sao chép tiêu đề biểu định kiểu từ trang web WordPress của bạn vào tệp style.css mới.

Nó sẽ trông giống như thế này:

/* Theme Name: Twenty Seventeen Theme URI: https://wordpress.org/themes/twentyseventeen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 2.4 Requires at least: 4.7 Requires PHP: 5.2.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentyseventeen Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */

Trong trường hợp này, trang web đang được sử dụng có chủ đề Twenty Seventeen. Nếu bạn đang sử dụng một chủ đề khác, bạn sẽ thấy một số biến thể trong tiêu đề của biểu định kiểu.

Bây giờ đã đến lúc thay thế các yếu tố của chủ đề cũ bằng thông tin về chủ đề mới của bạn.

Để làm như vậy, hãy hoán đổi những thứ sau:

  • Tên chủ đề: Hãy thoải mái gọi chủ đề của bạn là bất kỳ thứ gì, nhưng không phải là một ý tưởng tồi nếu đặt tên nó giống với thư mục chủ đề của bạn.
  • URI chủ đề – Bạn có thể sử dụng URL chính của trang web của mình cho việc này.
  • Tác giả – Nhập tên của bạn ở đây hoặc bất kỳ tên nào bạn muốn sử dụng.
  • URI tác giả – Đặt liên kết này đến trang chủ của bạn.
  • Mô tả – Bạn có thể tạo mô tả về chủ đề của mình để hiển thị trên phần phụ trợ của trang web WordPress của bạn.

Để mọi thứ khác như cũ. Hầu hết các yếu tố khác như Giấy phép và Thẻ chỉ dành cho nếu bạn có kế hoạch xuất bản chủ đề mới lên Thư mục chủ đề WordPress.

Hãy nhớ rằng, những gì bạn vừa dán và chỉnh sửa là tiêu đề chủ đề của bạn.

Tìm CSS hiện có từ trang web HTML của bạn. Sao chép và dán CSS này sau tiêu đề trong tệp style.css mới.

Lưu và đóng tệp style.css .

Lấy HTML hiện tại của bạn và chia nó thành từng mảnh

WordPress thường sử dụng PHP để lấy các mục như tệp và mã, và phương tiện từ cơ sở dữ liệu của nó. Do đó, một trang web HTML cần được chia nhỏ thành các tệp PHP riêng biệt để hòa hợp với cơ sở hạ tầng WordPress.

Điều này nghe có vẻ đáng sợ, nhưng tất cả những gì cần thiết là chia tài liệu HTML của bạn thành nhiều phần, biến mỗi phần đó thành các tệp PHP.

Mỗi tệp HTML sẽ trông khác nhau, nhưng nó sẽ giúp lấy một ví dụ trực quan. Do đó, chúng tôi sẽ hiển thị một vài mẫu trang web HTML để minh họa.

Đoạn mã sau là một lựa chọn tuyệt vời để tham chiếu chéo với tệp HTML của riêng bạn. Đó là một trang web HTML đơn giản với đầu trang, các mục menu, tiêu đề phụ, thanh bên và chân trang. Bạn có thể tìm thấy một mã tương tự trong tệp index.html của riêng bạn.

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Test Site</title> <meta name="description" content="Website description"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="header-container"> <header class="wrapper clearfix"> <h1 class="title">Website Title</h1> <nav> <ul> <li><a href="#">menu item #1</a></li> <li><a href="#">menu item #2</a></li> <li><a href="#">menu item #3</a></li> </ul> </nav> </header> </div> <div class="main-container"> <main class="main wrapper clearfix"> <article> <header class="entry-header"> <h2 class="entry-title">Article</h2> </header> <p>Test text right here..</p> <h2>Subheading</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <h2>A Sub</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> </article> <aside> <h3>Sidebar here</h3> <p>Etiam ullamcorper lorem dapibus velit suscipit ultrices. </p> </aside> </main> <!-- #main --> </div> <!-- #main-container --> <div class="footer-container"> <footer class="wrapper"> <p class="footer-credits">© 2019 My Test Site</p> </footer> </div> </body> </html>

Mẫu sau đây là một ví dụ khác để làm cơ sở cho các chiến lược của riêng bạn.

 

An HTML site example
Một ví dụ về trang web HTML

Như bạn có thể thấy, tệp index.html này phức tạp hơn một chút nhưng vẫn quen thuộc trong cách cấu trúc của nó.

Example of an HTML index file
Ví dụ về tệp chỉ mục HTML

Cả hai ví dụ đều bao gồm đầu trang, vùng nội dung, thanh bên và chân trang.

Rất có thể bạn sẽ có một thiết kế khác. Do đó, bạn sẽ phải điều chỉnh các bước được trình bày bên dưới.

Mỗi bước tiếp theo liên quan đến việc chỉnh sửa và thêm vào từng tệp WordPress mới mà bạn đã tạo trước đó. Đã nói rằng, hãy giữ cho tệp index.html từ trang web HTML của bạn luôn mở. Bạn sẽ sử dụng nó trong tương lai.

Tệp header.php

Trong tệp HTML đã mở của bạn, hãy tìm mọi thứ ở đầu tệp và kết thúc bằng vùng nội dung chính. Vùng nội dung chính thường được biểu thị bằng <div class="main"> hoặc <main> .

Sao chép và dán phần này của tệp HTML vào tệp header.php mới của bạn.

Sau đó, tìm nơi nó nói </head> .

Ngay trước đó, hãy dán như sau:

<?php wp_head();?>

Đoạn mã này rất quan trọng để hầu hết các plugin WordPress hoạt động.

Tệp sidebar.php

Tìm phần <aside> trong tệp index.html của bạn.

Mọi thứ bên trong các <aside></aside> , bao gồm cả các thẻ bên cạnh đó, phải được sao chép vào tệp sidebar.php mới.

Từ tệp ví dụ của chúng tôi, nó trông giống như sau:

<aside> <h3>Sidebar here</h3> <p>Etiam ullam corper lorem dapibus velit suscipit ultrices. </p> </aside>

Tệp footer.php

Nếu bạn có một trang web HTML đơn giản, bạn có thể chỉ còn lại thông tin chân trang để chuyển sang. Các trang khác phức tạp hơn một chút. Bất chấp điều đó, không phải là một ý tưởng tồi khi kết thúc với việc sửa đổi chân trang vì nó là một trong những khối xây dựng cốt lõi tạo nên các tệp trang web WordPress.

Trong tệp index.html , hãy tìm và sao chép tất cả mã sau </aside> (thanh bên).

Một lần nữa, bạn có thể có nhiều nội dung hơn sau phần thanh bên, nhưng nó có thể xảy ra đối với các trang web HTML đơn giản hơn, chỉ có phần chân trang để xử lý.

Trong ví dụ của chúng tôi, footer trông giống như sau:

</main> <!-- #main --> </div> <!-- #main-container --> <div class="footer-container"> <footer class="wrapper"> <p class="footer-credits">© 2020 My Test Site</p> </footer> </div> </body> </html>

Nhưng không nhanh như vậy. Sau khi dán mã chân trang đó vào tệp footer.php mới, hãy thêm đoạn mã <?php wp_footer();?> Ngay trước dấu ngoặc nhọn </body> . Điều này giúp footer hoạt động đúng với WordPress.

Bạn có thể xem ví dụ về đoạn mã <?php wp_footer();?> dán vào tệp footer bên dưới.

</main> <!-- #main --> </div> <!-- #main-container --> <div class="footer-container"> <footer class="wrapper"> <p class="footer-credits">© 2020 My Test Site</p> </footer> </div> <?php wp_footer();?> </body> </html>

Đảm bảo lưu tất cả các tệp mới này vào thư mục chủ đề của bạn. Ví dụ: sau khi dán mã chân trang này vào tệp footer.php , bạn nên nhấp vào nút Lưu trong trình chỉnh sửa của mình và đóng nó.

Bây giờ các tệp cơ bản đã xong, hãy đóng tệp index.html gốc từ trang web HTML của bạn.

Liên kết các tệp header.php và index.php của bạn với WordPress

Bạn đã thêm nó vào tệp header.php , nhưng bạn vẫn cần thực hiện thêm các hành động khác. Về cơ bản, bạn muốn sửa đổi lệnh gọi trong biểu định kiểu từ HTML có trong đó ngay bây giờ thành định dạng PHP chuẩn của WordPress.

Quay lại tệp header.php , tìm phần <head> .

Chúng tôi đang tìm kiếm lệnh gọi cho biểu định kiểu. Nó trông giống như sau:

<link rel="stylesheet" href="style.css">

Xóa cuộc gọi này và thay thế nó bằng cuộc gọi sau:

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css" type="text/css" media="all" />

Đó là tất cả những gì bạn phải làm đối với tệp header.php . Lệnh gọi cho biểu định kiểu hiện đang hoạt động với định dạng WordPress, không phải HTML.

Tiếp tục, lưu và đóng tệp header.php .

Tiếp theo, mở tệp index.php (không phải tệp index.html bạn đang sử dụng trước đây, mà là tệp index.php mới).

Tại thời điểm này, tệp index.php trống.

Lấy đoạn mã sau, sao chép và dán vào tệp index.php mới. Để khoảng cách giữa hai dòng đầu tiên. Đó là lý do, bạn sẽ thấy ngay sau đây.

Các dòng này hoạt động như các lệnh gọi đến các tệp trang web khác của bạn, bao gồm header.php , sidebar.phpfooter.php .

<?php get_header(); ?> <?php get_sidebar(); ?> <?php get_footer(); ?>

Không gian mở trên dòng thứ hai được dành riêng cho cái mà chúng tôi gọi là The Loop, hoặc một quy trình động trong WordPress chạy ở chế độ nền để thêm các bài đăng mới vào trang web của bạn. Về cơ bản, nó cho WordPress biết rằng nhiều nội dung vẫn chưa xuất hiện và nó nên sử dụng The Loop để thêm nội dung đó. Tìm hiểu thêm về The Loop tại đây.

Để thêm Vòng lặp, hãy dán đoạn mã sau vào khoảng trống mà bạn đã để lại trong tệp index.php trước đó (ngay dưới <? Php get_header ();?>).

<?php while ( have_posts() ) : the_post(); ?> <article class="<?php post_class(); ?>" id="post-<?php the_ID(); ?>"> <h2 class="entry-title"><?php the_title(); ?></h2> <?php if ( !is_page() ):?> <section class="entry-meta"> <p>Posted on <?php the_date();?> by <?php the_author();?></p> </section> <?php endif; ?> <section class="entry-content"> <?php the_content(); ?> </section> <section class="entry-meta"><?php if ( count( get_the_category() ) ) : ?> <span class="category-links"> Posted under: <?php echo get_the_category_list( ', ' ); ?> </span> <?php endif; ?></section> </article> <?php endwhile; ?>

Kết quả sẽ như thế này:

<?php get_header(); ?> <?php while ( have_posts() ) : the_post(); ?> <article class="<?php post_class(); ?>" id="post-<?php the_ID(); ?>"> <h2 class="entry-title"><?php the_title(); ?></h2> <?php if ( !is_page() ):?> <section class="entry-meta"> <p>Posted on <?php the_date();?> by <?php the_author();?></p> </section> <?php endif; ?> <section class="entry-content"> <?php the_content(); ?> </section> <section class="entry-meta"><?php if ( count( get_the_category() ) ) : ?> <span class="category-links"> Posted under: <?php echo get_the_category_list( ', ' ); ?> </span> <?php endif; ?></section> </article> <?php endwhile; ?> <?php get_sidebar(); ?> <?php get_footer(); ?>

Tiếp tục và lưu tệp index.php . Bạn cũng có thể đóng tệp ngay bây giờ.

Sau khi hoàn thành, một chủ đề WordPress dựa trên trang web HTML gốc của bạn đã sẵn sàng để tải lên WordPress.

Tải chủ đề mới lên WordPress

Bước cuối cùng là tải chủ đề lên trang web WordPress của bạn. Một tùy chọn là chỉ cần nén thư mục trang web và tải nó lên phần Chủ đề WordPress mà không cần thêm ảnh chụp màn hình trang web của bạn để tham khảo.

Mặc dù chủ đề của bạn vẫn hoạt động theo cùng một cách mà không có ảnh chụp màn hình tham chiếu, chúng tôi khuyên bạn nên tạo ảnh chụp màn hình để bạn dễ dàng tổ chức các chủ đề của mình hơn và hiểu chủ đề nào đang thực sự hoạt động trên trang web của bạn.

Theo ảnh chụp màn hình, chúng tôi muốn nói đến bản xem trước nhỏ xuất hiện cho tất cả các chủ đề được cài đặt trên bảng điều khiển WordPress của bạn. Ngay cả những cái không hoạt động cũng có ảnh chụp màn hình. Yêu cầu phải có ảnh chụp màn hình nếu bạn định tải chủ đề của mình lên Thư viện chủ đề WordPress.

The Themes panel in WordPress
Bảng chủ đề trong WordPress

Bạn có thể không tải lên chủ đề của mình một cách công khai, nhưng ảnh chụp màn hình sẽ giúp quản lý chủ đề của riêng bạn. Như bạn có thể thấy, khá khó để biết chủ đề trông như thế nào nếu không có sẵn bản xem trước ảnh chụp màn hình. Chủ đề Twenty Seventeen Child không có ảnh chụp màn hình, vì vậy nó chỉ là một bức tranh trống. Nó có thể khiến nhiều người bối rối trong tương lai.

Để thêm ảnh chụp màn hình, hãy mở trang web HTML cũ trong trình duyệt và lấy ảnh chụp màn hình của trang chủ bằng bất kỳ công cụ cắt hoặc phần mềm ảnh chụp màn hình nào bạn có sẵn.

Mở phần mềm chỉnh sửa hình ảnh yêu thích của bạn và cắt ảnh chụp màn hình thành 880 × 660 pixel. Điều này sẽ đảm bảo rằng ảnh chụp màn hình không bị kéo căng hoặc không cân xứng khi được thêm vào WordPress.

Lưu phiên bản đã chỉnh sửa của ảnh chụp màn hình vào thư mục chủ đề mới của bạn. Nó không phải đi vào bất kỳ thư mục đặc biệt nào – chỉ cần đặt nó ngay trong thư mục chủ đề bên cạnh các tệp khác như header.phpfooter.php .

Screenshot in the theme folder
Ảnh chụp màn hình trong thư mục chủ đề

Bây giờ, bạn có hai tùy chọn để tải chủ đề WordPress mới lên WordPress.

Đăng kí để nhận thư mới

Đầu tiên là kéo các tệp đó vào thư mục wp-content / themes thông qua FTP. Nếu bạn làm theo lộ trình này, không cần phải nén tệp. Chỉ cần sử dụng một ứng dụng khách FTP như FileZilla và kéo thư mục thông thường vào thư mục wp-content / themes.

Tùy chọn khác là tải lên một phiên bản nén vào bảng điều khiển WordPress.

Để bắt đầu, hãy nén toàn bộ thư mục chủ đề thành một tệp zip.

Tiếp theo, trong bảng điều khiển WordPress, đi tới Giao diện> Chủ đề .

Going to the Themes panel in WordPress
Đi tới bảng Chủ đề trong WordPress

Bấm vào nút Thêm mới.

Adding a new theme in WordPress
Thêm một chủ đề mới trong WordPress

Chọn nút Tải lên chủ đề.

Uploading a theme in WordPress
Tải lên một chủ đề trong WordPress

Nhấp vào Chọn tệp và tìm kiếm tệp nén trên máy tính của bạn. Chọn tệp để nó hiển thị trên bảng điều khiển WordPress.

Choose the theme file to upload
Chọn tệp chủ đề để tải lên

Nhấp vào Cài đặt ngay để xử lý tệp thành WordPress.

Install the theme after it's uploaded
Cài đặt chủ đề sau khi nó được tải lên

WordPress sẽ cho bạn biết rằng gói đang được cài đặt và nó đã được cài đặt thành công.

Nhấp vào nút Kích hoạt để hoàn thành công việc.

Activate the theme after its installation
Kích hoạt chủ đề sau khi cài đặt

Bây giờ chủ đề, với ảnh chụp màn hình của nó, xuất hiện trong danh sách Chủ đề dưới dạng chủ đề Hoạt động. Bạn có thể truy cập giao diện người dùng của trang web WordPress của mình để xem phiên bản WordPress của trang web HTML gốc của bạn.

The new theme appears in the dashboard
Chủ đề mới xuất hiện trong trang tổng quan

Hãy nhớ rằng không có chuyển đổi HTML sang WordPress nào giống nhau. Bạn có thể thấy rằng của bạn phức tạp hơn một chút so với những gì chúng ta vừa xem qua. Nói chung, cần thực hiện một số hành động khác để có được một bản sao chính xác của trang web HTML của bạn.

Ví dụ: bạn sẽ phải thêm các khu vực tiện ích và nhận xét, thậm chí điều chỉnh tiêu đề và mô tả blog của bạn để chúng có thể sửa đổi trong WordPress.

Nhiều công việc thủ công liên quan đến việc thay đổi một trang HTML thành một trang WordPress và bạn có thể thấy rằng một số thay đổi chỉ có thể thực hiện được với một chút đánh dấu CSS.

Ngoài ra, hướng dẫn này không liên quan gì đến việc thêm nội dung như bài đăng và hình ảnh. Điều này có thể được thực hiện theo cách thủ công bằng cách tải hình ảnh lên Thư viện phương tiện và điều chỉnh các phần tử như cấu trúc URL.

Một số plugin có sẵn để tự động nhập nội dung, nhưng hầu hết chúng không được cập nhật với các phiên bản WordPress mới. Do đó, chúng tôi khuyên bạn nên dùng thử chúng để xem liệu chúng có phù hợp với bạn hay không, nhưng bạn không nên mong đợi nhiều.

Chuyển đổi HTML sang WordPress thông qua Chủ đề con

Đây là một trong những phương pháp dễ dàng nhất để chuyển đổi toàn bộ trang web HTML thành một trang web WordPress. Nó hoạt động bằng cách sử dụng bất kỳ chủ đề WordPress miễn phí nào đã tồn tại trực tuyến, vì vậy bạn có thể chọn chủ đề yêu thích của mình và kết hợp với thiết kế trang web HTML của bạn.

Nhìn chung, bạn đang sử dụng chủ đề WordPress đã được tạo sẵn làm chủ đề mẹ. Sau đó, trang web HTML được chuyển đổi để hoạt động với WordPress và được liên kết với chủ đề mẹ dưới dạng chủ đề con. Nếu bạn có thắc mắc về chủ đề cha mẹ và con cái, vui lòng đọc hướng dẫn của chúng tôi về chủ đề này tại đây.

Giải thích nhanh, chủ đề mẹ quản lý chức năng trang web của bạn trong khi chủ đề con được xây dựng dựa trên chủ đề mẹ. Về mặt kỹ thuật, chủ đề mẹ có thể đứng riêng, nhưng chủ đề con thì không. Do đó, chúng tôi đang sử dụng chủ đề con để sửa đổi thiết kế của chủ đề mẹ trong khi vẫn giữ lại chức năng mạnh mẽ đã được cung cấp trong chủ đề mẹ.

Đây là cách chuyển đổi từ HTML sang WordPress thông qua một chủ đề con.

Chọn một chủ đề chính

Quá trình đầu tiên của hành động là chọn một chủ đề bạn thích. Chủ đề bạn quyết định sẽ hoạt động như chủ đề mẹ của bạn và bạn sẽ sử dụng nó làm nền tảng cho thiết kế trang web của mình.

Lý tưởng nhất là bạn sẽ tìm thấy một chủ đề đã được thiết kế gần giống với giao diện của trang web HTML cũ của bạn. Một tùy chọn khác là sử dụng khuôn khổ WordPress hoặc chủ đề bắt đầu, xem cách cả hai loại chủ đề đã được sử dụng cho nền tảng thiết kế.

Ví dụ: chủ đề khởi đầu chất lượng là chủ đề Twenty Twenty hoặc bất kỳ chủ đề bắt đầu WordPress mặc định nào được đặt tên theo năm chúng được tạo ra. Chúng tôi khuyên bạn nên quay lại những năm (Twenty Nineteen, Twenty Seventeen, v.v.) để xem liệu có bất kỳ năm nào trong số đó phù hợp với thiết kế trang web HTML của bạn hơn không.

Chúng tôi sẽ sử dụng chủ đề Twenty Seventeen cho hướng dẫn này do tính sạch sẽ và khả năng phù hợp với nhiều thiết kế web HTML đơn giản.

Bất kể, tất cả các chủ đề này đều là những điểm khởi đầu tuyệt vời.

Để bắt đầu, hãy cài đặt chủ đề trên trang web WordPress của bạn.

Activating a WordPress theme
Kích hoạt chủ đề WordPress

Bạn có thể kích hoạt chủ đề nếu muốn, nhưng bạn sẽ kích hoạt một chủ đề con mới sau đó và chỉ sử dụng chủ đề khởi đầu làm cơ sở cho thiết kế.

Tạo một thư mục mới

Tất cả các chủ đề WordPress đều yêu cầu các thư mục để lưu trữ các tệp trang web của bạn. Do đó, bạn phải tạo một thư mục mới cho chủ đề con đang được tạo từ trang web HTML.

Chúng tôi khuyên bạn nên đặt tên thư mục theo chủ đề mẹ của bạn và thêm “-child” vào cuối tên thư mục.

Ví dụ, trong trường hợp này chúng tôi sẽ gọi thư mục là “hai mươi bảy-con”.

Child theme folder for HTML to WordPress
Thư mục chủ đề con cho HTML đến WordPress

Nhìn chung, bất kỳ tên nào cũng được, miễn là bạn có thể nhớ tên của thư mục và không thêm bất kỳ khoảng trắng nào vào nó.

Định cấu hình Style Sheet của bạn

Tất cả các chủ đề con đều yêu cầu các biểu định kiểu đi vào thư mục chủ đề.

Do đó, hãy tạo một tài liệu văn bản và đặt tên là style.css . Lưu nó trong thư mục chủ đề và bao gồm mã sau vào tệp văn bản đó:

/* Theme Name: Twenty Seventeen Child Theme URI: http://examplesite.com/twenty-seventeen-child/ Description: Twenty Seventeen Child Theme Author: Jane Doe Author URI: http://examplesite.com Template: twentyseventeen Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: twenty-seventeen-child */

Đảm bảo thay thế các phần tử tùy chỉnh cho trang web của bạn. Bạn có thể sẽ cần sửa đổi những thứ như Tên chủ đề, URI chủ đề, Tác giả, Mẫu và một số yếu tố khác để đảm bảo nó khớp với tên tệp của riêng bạn. Nó tương tự như một số bước trong phần ở trên được gọi là “Chuyển đổi thủ công toàn bộ trang web HTML sang WordPress”, giải thích ý nghĩa của mỗi hàng.

Quan trọng nhất là thẻ Template. Cái này phải được đặt tên theo chủ đề mẹ để chủ đề con hoạt động bình thường.

Tạo một tệp functions.php

Nếu bạn chỉ sử dụng biểu định kiểu cho trang web và kích hoạt chủ đề con, một trang web HTML không có bất kỳ kiểu nào sẽ có sẵn. Tuy nhiên, chúng tôi cũng muốn thêm kiểu dáng vào chủ đề con để làm cho nó trông theo cách chúng tôi muốn.

Tất cả các kiểu sẽ được lấy từ chủ đề chính.

Do đó, cần có tệp functions.php để kế thừa các kiểu từ chủ đề mẹ vào chủ đề con.

Tạo một tệp có tên functions.php trong thư mục chủ đề của bạn.

The functions.php file for HTML to WordPress
Tệp functions.php cho HTML sang WordPress

Để kích hoạt tệp, hãy thêm một thẻ PHP mở, cùng với mã yêu cầu WordPress sử dụng kiểu từ chủ đề mẹ:

<?php function child_theme_enqueue_styles() { $parent_style = 'parent-style'; wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->get('Version') ); } add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );

Một lợi ích khác của đoạn mã này là nó cho phép bạn điều chỉnh thiết kế trang web với chủ đề con của bạn.

Bật chủ đề con mới

Bây giờ là lúc để kích hoạt chủ đề con.

Một cách để kích hoạt chủ đề con là thêm thư mục vào tệp wp / content / themes trong các tệp WordPress của bạn. Điều này sẽ được thực hiện bằng cách sử dụng máy khách FTP / SFTP.

Bạn cũng có thể nén thư mục và tải lên chủ đề trong Giao diện> Chủ đề> Thêm mới .

Adding a child theme in WordPress
Thêm một chủ đề con trong WordPress

Chọn nút Tải lên chủ đề .

Uploading a child theme in WordPress
Tải lên một chủ đề con trong WordPress

Nhấp vào Chọn tệp và tìm tệp zip cho chủ đề con trên máy tính của bạn.

Choosing the child theme to upload
Chọn chủ đề con để tải lên

Sau khi tải lên, hãy nhấp vào nút Cài đặt ngay .

Installing the child theme
Cài đặt chủ đề con

Nhấp vào nút Kích hoạt .

Bạn đang vật lộn với các vấn đề về thời gian chết và WordPress? Kinsta là một giải pháp lưu trữ WordPress được quản lý được thiết kế để giúp bạn tiết kiệm thời gian! Kiểm tra các tính năng của chúng tôi

Activating the child theme
Kích hoạt chủ đề con

Bây giờ bạn sẽ thấy Chủ đề trẻ em hai mươi mười bảy (hoặc bất kỳ chủ đề nào bạn đã sử dụng) được kích hoạt làm chủ đề chính của bạn.

Theme details in the WordPress dashboard
Chi tiết chủ đề trong bảng điều khiển WordPress

Bất kể phương pháp bạn sử dụng để kích hoạt chủ đề con, trang web WordPress của bạn phải phản chiếu chủ đề mẹ của bạn. Nói cách khác, nó là một bản sao chính xác của chủ đề mẹ.

Lưu ý: Bạn có thể thêm ảnh chụp màn hình vào chủ đề mới của mình thay vì không có bản xem trước nào. Chúng tôi đề cập đến cách thêm ảnh chụp màn hình vào chủ đề trong một trong các phần trước có tên là “Chuyển đổi thủ công toàn bộ trang web HTML sang WordPress.”

Thêm tệp HTML

Mục đích là tạo một trang web giống với trang web HTML gốc của bạn, không phải chủ đề mẹ.

Do đó, bước cuối cùng liên quan đến việc bạn sao chép nội dung trang web HTML của mình sang trang web WordPress mới của bạn. Hầu hết thời gian, bạn sẽ phải thực hiện các bước này theo cách thủ công. Chúng tôi đã đề cập đến vấn đề này trước đây, nhưng có một số plugin tự động hóa quá trình chuyển nội dung. Tuy nhiên, những plugin đó không được cập nhật với các phiên bản WordPress mới hơn, vì vậy hãy tự chịu rủi ro khi sử dụng chúng.

Chuyển đổi HTML sang WordPress là gì? (Và các tùy chọn là gì?)

Trình chuyển đổi HTML sang WordPress thực hiện các bước được đề cập ở trên và đơn giản hóa chúng hoặc hoàn thành nhiệm vụ cho bạn hoàn toàn. Bạn có thể xem xét một công cụ chuyển đổi HTML sang WordPress nếu bạn không có thời gian hoặc kinh nghiệm để thực hiện chuyển đổi theo cách thủ công.

Các trình chuyển đổi có nhiều kiểu khác nhau, nhưng điều quan trọng cần nhớ là không phải tất cả chúng đều là lựa chọn thay thế hợp lý để thực hiện thủ công quy trình chuyển đổi HTML sang WordPress.

Bộ chuyển đổi được cung cấp dưới các hình thức sau:

  • Bộ chuyển đổi phần mềm của bên thứ ba, cả trực tuyến và cục bộ.
  • Các plugin WordPress.
  • Các nhà phát triển con người thực tế.

Khi xem xét các tùy chọn chuyển đổi, phần mềm / ứng dụng của bên thứ ba có vẻ hợp lý cho các công việc đơn giản. Bạn có thể lấy một tệp zip của các tệp HTML trên trang web của mình và tải chúng lên trình chuyển đổi. Hầu hết các công cụ của bên thứ ba có sẵn đều hoạt động như ứng dụng trực tuyến, vì vậy bạn chỉ cần mở chúng trong trình duyệt của mình và nhấp vào nút Tải lên.

Chúng tôi thích những ứng dụng này để chuyển đổi ít phức tạp hơn. Nếu bạn có một trang web HTML cơ bản và muốn chạy nó trên WordPress, thì điều này có thể thực hiện được thủ thuật, nhưng không đảm bảo quá trình chuyển đổi diễn ra suôn sẻ.

Đối với các plugin WordPress chuyển đổi HTML cho WordPress, bạn sẽ gặp khó khăn trong việc xác định các plugin có toàn bộ trang web HTML và chuyển đổi các tệp cho WordPress. Có một vài plugin có sẵn, nhưng không có plugin nào được cập nhật để hoạt động với các phiên bản mới hơn của WordPress và bạn không muốn sử dụng plugin đã lỗi thời.

Tuy nhiên, một số plugin cung cấp các tính năng cần thiết cho việc tải lên tệp cơ bản có thể giúp việc này dễ dàng hơn so với chuyển FTP hoặc làm rối với phần phụ trợ của tài khoản lưu trữ của bạn. Nhìn chung, nhiều plugin chỉ cho phép tải lên từng tệp riêng lẻ, vì vậy đây không phải là cách tốt nhất để chuyển đổi trang web lớn.

Chúng tôi coi phương pháp cuối cùng (các nhà phát triển con người thực tế) là một dạng công cụ chuyển đổi HTML sang WordPress vì nó chắc chắn tự động hóa quy trình cho bạn bằng cách yêu cầu sự trợ giúp của chuyên gia và nhờ một người hoàn thành công việc. Nhìn chung, việc thuê một nhà phát triển con người để chuyển đổi trang web HTML của bạn có khả năng thấp nhất là bạn gặp phải sự cố và bạn sẽ có người để nói chuyện nếu có vấn đề gì xảy ra.

Các tùy chọn plugin chuyển đổi HTML sang WordPress tốt nhất và các công cụ khác

Như đã đề cập, bộ chuyển đổi HTML sang WordPress có nhiều cấu hình khác nhau. Bạn sẽ không tìm thấy nhiều plugin WordPress được chỉ định không lỗi thời hoặc không hoạt động nữa. Tuy nhiên, chúng tôi có một số plugin chuyển đổi yêu thích giúp hoàn thành các tác vụ chuyển đổi nhỏ hơn, cùng với các ứng dụng web và tùy chọn phát triển thủ công có ích cho các công việc chuyển đổi HTML sang WordPress nâng cao hơn.

Ưu và nhược điểm của việc sử dụng Plugin hoặc ứng dụng chuyển đổi HTML tự động sang WordPress

Một công cụ chuyển đổi HTML sang WordPress tự động nghe có vẻ như là một điều may mắn đối với một số người, nhưng nó không phải lúc nào cũng là giải pháp tốt nhất. Hãy xem những ưu và nhược điểm bên dưới trước khi sử dụng một ứng dụng hoặc plugin được tạo ra để sao chép hoặc chuyển đổi HTML.

Ưu điểm

  • Nó cắt giảm nhu cầu tạo các tệp trang web mới của riêng bạn, thường tạo chúng cho bạn.
  • Nhiều trình chuyển đổi cung cấp cho bạn các tùy chọn để chia nhỏ các phần tử HTML và chọn những phần tử nào sẽ đi vào các tệp phù hợp cho WordPress.
  • Bạn có thể tạo một chủ đề từ HTML cũ và sử dụng chủ đề đó trên nhiều trang web.
  • Một số công cụ chỉ yêu cầu URL để tạo trang web hoặc chủ đề mới.
  • Các công cụ khác cung cấp các tùy chọn để sao chép một trang web mà bạn không sở hữu, cung cấp điểm khởi đầu cho một thiết kế mà bạn yêu thích.

Nhược điểm

  • Bạn vẫn thường phải làm việc thủ công để chuyển nội dung như bài đăng trên blog và ảnh.
  • Rất có thể bạn sẽ phải tìm cách chuyển các liên kết từ trang web cũ theo cách thủ công.
  • Những trình chuyển đổi này không phải lúc nào cũng được cập nhật. Một trong những trình chuyển đổi tốt nhất là plugin WordPress, nhưng chúng tôi đã không đề xuất nó trong bài viết này vì nhà phát triển không còn duy trì nó nữa.
  • Bạn có thể thấy rằng một số trình chuyển đổi ứng dụng web không thể xử lý công việc với các tệp lớn hơn.

Bây giờ bạn đã nắm được những lợi ích và nhược điểm của trình chuyển đổi HTML tự động, hãy cùng xem các ứng dụng và plugin chuyển đổi tự động yêu thích của chúng tôi bên dưới.

Trình nhập trang web WP

Mặc dù công cụ WP Site Importer trích xuất và nhập tất cả các loại nội dung và tệp từ các trang web cũ hơn hoặc của bên thứ ba, bạn có thể đặt cược rằng một trong những yếu tố đó liên quan đến HTML. Nói tóm lại, WP Site Importer cho phép bạn biến bất kỳ trang nào thành WordPress, kéo nội dung như hình ảnh, menu và các trang từ trang HTML và các tệp trang. WP Site Importer sửa chữa các liên kết bị hỏng để bạn không phải điều chỉnh chúng hoặc thêm các liên kết mới theo cách thủ công. Nó thậm chí còn giữ lại thông tin SEO được xây dựng từ trang trước đó, bao gồm cả mô tả meta và từ khóa.

WP Site Importer
Trình nhập trang web WP

Nhà nhập khẩu giúp bạn tiết kiệm thời gian và tiền bạc bằng cách cắt giảm chi phí của nhà phát triển và làm cho quá trình chuyển đổi nội dung và HTML này trở thành quy trình một cú nhấp chuột nhiều hơn. Hơn nữa, nó làm sạch HTML của bạn, làm sạch và định dạng lại HTML nguồn. Điều này làm cho các tệp HTML của bạn tương thích hơn với WordPress và cho Google thấy rằng bạn đang làm việc với mã sạch, từ đó thúc đẩy SEO của bạn.

Công cụ WP Site Importer hoạt động như một plugin WordPress trực tiếp, vì vậy bạn có thể tải xuống plugin và kích hoạt các tính năng của nó ngay từ bảng điều khiển.

WP Tất cả Nhập

WP All Import
WP Tất cả Nhập

Plugin WP All Import là một trong những công cụ nhanh nhất và dễ dàng nhất hiện có để tải lên các tệp XML có chứa dữ liệu HTML. Nhìn chung, plugin cho phép bạn di chuyển nội dung từ trang web trước đó hoặc trang web demo tiềm năng được xây dựng bằng HTML đơn giản hoặc một số tệp HTML mà bạn muốn sao chép và chuyển sang trang web mới WordPress.

Chuyển đổi diễn ra trong vòng bốn bước và bạn có quyền truy cập vào giao diện kéo và thả đẹp mắt để quản lý chuyển đổi và nhập của mình. Điều thú vị nữa về plugin WP All Import là nó xử lý việc nhập URL từ các trang web bên ngoài. Do đó, bạn thậm chí không cần phải có mật khẩu hoặc quyền kiểm soát một trang web để chuyển một số tệp đó và có khả năng hiển thị các phần tử trong WordPress từ trang web đó.

Việc chuyển đổi toàn bộ trang web có thể gây khó khăn với plugin này, nhưng nó rất đáng để thử, đặc biệt nếu đó là một tệp HTML đơn giản. Hơn nữa, là plugin hỗ trợ chuyển đổi HTML cho các phần tử như các sản phẩm WooCommerce và các trang WordPress. Phiên bản cao cấp có sẵn cho các tính năng nâng cao hơn, đáng chú ý nhất là hỗ trợ khách hàng cao cấp cho phép bạn yêu cầu trợ giúp khi thực hiện các chuyển đổi này.

HTMLtoWordPress.io

HTMLtoWordPress.io
HTMLtoWordPress.io

Ứng dụng trực tuyến HTMLtoWordPress.io là một trong những giải pháp phổ biến hơn để chuyển đổi tệp HTML sang WordPress. Điều thú vị về công cụ HTMLtoWordPress.io là nó chủ yếu cung cấp chuyển đổi cho các trang web đầy đủ, các trang web được xây dựng bằng HTML.

Tất cả những gì bạn phải làm là kéo trang chủ lên và tải lên tệp zip HTML của bạn để chuyển đổi nhanh chóng. Ứng dụng web hoàn toàn tự động chuyển đổi từ HTML sang WordPress, vì vậy không yêu cầu kỹ năng viết mã hoặc bất kỳ lý do gì để gây rối với Ứng dụng khách FTP.

Bạn cũng có thể xem bản xem trước đầy đủ của trang web WordPress mới của mình trước khi hoàn tất quá trình và xuất bản nó trên internet. Nội dung và hình ảnh từ trang web của bạn cũng được giữ lại cho trang web WordPress mới. Chúng có thể chỉnh sửa thông qua ứng dụng Simple Live Editor và nó phải tham chiếu những hình ảnh đó, cùng với JavaScript và CSS, không có vấn đề gì. Nhìn chung, nó có vẻ là một giải pháp tốt nếu bạn có một hoặc một số trang web HTML cần chuyển đổi. Như một phần thưởng, bạn có thể thêm các lớp vào HTML của mình để sử dụng các tính năng nâng cao của WordPress.

Công cụ chuyển đổi chủ đề Pinegrow cho WordPress

Pinegrow Theme Converter là một công cụ thiết kế web độc đáo để lấy một thư mục trang web HTML và ngay lập tức chuyển đổi nó thành một chủ đề WordPress hoàn chỉnh. Trình chuyển đổi chủ đề tải lên các tệp của bạn và trình bày bản xem trước của trang WordPress trong một giao diện trực quan. Sau khi tải lên, bạn có thể nhấp vào các phần tử khác nhau trên các trang và chỉ định các hành động thông minh cho từng mục. Những tính năng này tích hợp với WordPress, vì vậy trong khi bạn chỉ định các hành động, nó sẽ thêm các tính năng WordPress phù hợp vào cấu trúc và kiểu HTML tùy chỉnh của bạn.

Pinegrow Theme Converter
Công cụ chuyển đổi chủ đề Pinegrow

Khi bạn đã quyết định các hành động mong muốn và lưu các tệp, Pinegrow có một tùy chọn để xuất dự án thành các tệp WordPress PHP tiêu chuẩn, có thể được tải lên bản cài đặt WordPress thông thường để kiểm tra nó trong cuộc sống thực. Bên cạnh đó, hệ thống nhập nội dung đảm bảo rằng bạn chuyển thành công các yếu tố đa phương tiện như hình ảnh và video.

Chúng tôi đặc biệt thích các tính năng cho phép bạn quay lại Pinegrow và thực hiện các chỉnh sửa. Tất cả những gì bạn phải làm là nhấp vào nút Cập nhật và gửi phiên bản mới cho chủ đề WordPress của bạn mà không có bất kỳ thay đổi mã hóa nâng cao nào hoặc điều chỉnh trang web trong WordPress.

Đây không phải là một plugin. Trên thực tế, không có plugin WordPress nào được sử dụng để chuyển tệp HTML thành chủ đề WordPress. Pinegrow là phần mềm có thể tải xuống trong các phiên bản Mac, Windows và Linux. Từ trình chỉnh sửa trực quan đẹp mắt đến tính năng cập nhật ngay lập tức, phần mềm Pinegro trông giống như một trong những lựa chọn tốt nhất để chuyển đổi một trang web HTML đầy đủ thành một chủ đề WordPress.

Jekyll

Jekyll
Jekyll

Jekyll là một công cụ chuyển đổi HTML sang WordPress miễn phí có chức năng bằng cách thay đổi các tệp văn bản thuần túy thành các trang web thực. Dự án được lưu trữ trên GitHub dưới dạng tải xuống miễn phí. Nó mang lại cơ hội để loại bỏ nhu cầu về cơ sở dữ liệu và kiểm duyệt nhận xét thay vì tập trung vào việc chuyển nội dung của bạn và chuyển / chuyển đổi tệp bằng HTML, CSS và markdown.

Một phần thú vị về Jekyll là nó phục vụ cho các thiết kế HTML hướng tới blog, biên dịch cài đặt nội dung cho các trang, bài đăng và liên kết cố định để di chuyển blog của bạn và giữ lại hoặc tạo bố cục và danh mục tùy chỉnh và nhiều mục khác.

Bạn có thể cài đặt trình chuyển đổi Jekyll trên macOS, Ubuntu, Windows và thậm chí cả các hệ điều hành Linux khác. Nhìn chung, Jekyll là một dự án tình nguyện với nhiều tài nguyên khác nhau như chủ đề, plugin và hướng dẫn để kiểm tra kiến thức của bạn và giúp bạn biến một thiết kế HTML thành một thứ gì đó đặc biệt.

Chúng tôi đặc biệt thích sự tích hợp với các công cụ thương mại điện tử như MemberSpace và các ứng dụng biểu mẫu như Getform. Danh sách tích hợp là một danh sách dài, nhưng đó là một minh chứng thực sự cho thấy bạn có bao nhiêu tiềm năng với trang web của mình sau khi thực hiện chuyển đổi HTML sang WordPress.

Theme Matcher

Theme Matcher converter for HTML to WordPress
Công cụ chuyển đổi Theme Matcher cho HTML sang WordPress

Theme Matcher không phải là một công cụ chuyển đổi tệp HTML mà là một công cụ giải nén các tệp HTML từ các trang web của bên thứ ba. Nó tạo các chủ đề WordPress chính thức sau khi bạn dán URL từ trang web cá nhân của mình hoặc từ trang web HTML mà bạn không sở hữu.

Ý tưởng đằng sau loại công cụ chuyển đổi và trình tạo chủ đề này là sử dụng một trong các trang web HTML của riêng bạn và biến nó thành một trang web WordPress hoàn chỉnh hoặc tạo chủ đề dựa trên thiết kế mà bạn đã nhận thấy ở nơi khác trực tuyến.

Preview of Theme Matcher
Xem trước Theme Matcher

Ví dụ: bạn có thể điều hướng đến cửa hàng trực tuyến yêu thích của mình và quyết định rằng bạn muốn bắt đầu thiết kế của mình với định dạng và cấu trúc đó. Theme Matcher tạo một chủ đề hoàn toàn mới cho trang web của bạn, chủ đề này rõ ràng cần thay đổi do các vấn đề bản quyền, nhưng nó là một nơi tuyệt vời để bắt đầu.

Quy trình hoạt động bằng cách sao chép và dán URL của trang web vào trường Theme Matcher. Yêu cầu nó tạo chủ đề cho bạn và chọn bố cục của trang web để chuyển đổi thành nội dung WordPress. Phần lớn chuyển đổi HTML sang WordPress diễn ra trong nền ở đây và điều quan trọng là phải xác định các khu vực nội dung WordPress đó để làm cho nó gần giống với chủ đề WordPress thực nhất có thể. Cuối cùng, bạn có thể tải xuống chủ đề và tải nó lên CMS WordPress của mình.

Nếu trang web HTML của bạn hiện không hoạt động và bạn không thể dán URL vào, Theme Matcher cung cấp cách tải lên tệp zip của trang HTML của bạn để sau đó thực hiện quy trình tương tự.

Nhập vào blog

ImporttoBlog.io
ImportIntoBlog.com Công cụ chuyển đổi HTML sang WordPress

Trang web Import Into Blog là một ứng dụng trực tuyến lấy HTML và các tệp khác từ trang web trực tiếp của bạn để chuyển đổi nó thành một trang WordPress. Một số tùy chọn có sẵn, chẳng hạn như tạo tệp XML có thể tải xuống để nhập vào trang web WordPress của bạn. Bạn cũng có thể xem xét tải xuống kết quả cuối cùng dưới dạng chủ đề WordPress để tải lên WordPress và xem trang web đã hoàn thành.

Phục hồi trang web tự động có sẵn với công cụ ImportIntoBlog. Chưa kể, tất cả các liên kết nội bộ đều được viết lại để chúng đi đến đúng các trang trên trang web mới của bạn. Phần lớn nội dung trang web được khám phá tự động và bạn có thể tùy chỉnh giao diện và phong cách của chủ đề trước khi xuất nó. Nói chung, công cụ hoạt động tốt nhất với các tệp HTML tĩnh hoặc một URL. Nó quản lý các tệp CSS và Javascript và cho phép bạn tìm ra câu chuyện hoàn chỉnh đằng sau trang web của mình và làm cho nó hoạt động bình thường.

Công cụ chuyển đổi HTML sang WordPress

HTML to WordPress converter app
Ứng dụng chuyển đổi HTML sang WordPress

Trình chuyển đổi HTML sang WordPress là một giải pháp khác sử dụng một trang web HTML và biến nó thành một chủ đề WordPress.

Có một trường để dán vào URL trang web và nhấp vào nút Tạo chủ đề. Bạn chọn khu vực nội dung và thanh bên cho WordPress để các trang và bài đăng của bạn kết thúc ở đúng vị trí và bạn đang lấy dữ liệu cần thiết chính xác từ trang web HTML trước đó. Có vẻ như tất cả nội dung của bạn sẽ được thực hiện chuyển giao. Tuy nhiên, bạn có thể phải kiểm tra kỹ ảnh của mình và các yếu tố phương tiện khác và hoàn thành việc tải lên không thường xuyên thông qua WordPress.

Điều này tạo ra một chủ đề và không phải là một trang web hoàn chỉnh. Bạn cần kích hoạt trang WordPress của riêng mình và lưu trữ nó ở nơi khác. Bạn tải xuống chủ đề từ công cụ này, một chủ đề trông giống hệt như trang web HTML trước đây. Hãy nhớ rằng một số phần tử sẽ không hoạt động như bạn có ban đầu, nhưng nó thực hiện một công việc tuyệt vời trong việc duy trì cấu trúc và định dạng trang web của bạn từ các thử nghiệm của chúng tôi.

Rõ ràng, các nhà phát triển của công cụ Chuyển đổi HTML sang WordPress cũng cung cấp các chỉnh sửa CSS miễn phí nếu điều gì đó không diễn ra theo cách bạn muốn.

PHP Trình phân tích cú pháp DOM HTML đơn giản

PHP Simple HTML DOM Parser tool
PHP Công cụ phân tích cú pháp DOM HTML đơn giản

PHP Simple HTML DOM Parser hoàn thành một quy trình cần thiết khi tải tệp HTML lên WordPress. Trình phân tích cú pháp bước vào như một cách để định vị, trích xuất và thay đổi bất kỳ phần tử HTML nào trên trang web của bạn hoặc trong một tệp HTML. Bằng cách này, bạn có thể xác định lỗi, sửa chúng trước khi chuyển đổi chúng sang trang WordPress hoặc thậm chí sử dụng công cụ để sửa đổi các mục HTML tồn tại trên trang web WordPress hiện tại của bạn.

Đây là bản tải xuống miễn phí từ trang web SourceForge, vì vậy bạn có thể xem các bài đánh giá và yêu cầu hỗ trợ nếu cần.

Thuê một nhà phát triển

Acclaim human conversion service - HTML to WordPress
Khen ngợi dịch vụ chuyển đổi HTML sang WordPress

WP Geeks, WP Online Support và Acclaim cung cấp các dịch vụ chuyển đổi HTML sang WordPress với giá hợp lý cho những người không muốn tự hoàn thành chuyển đổi hoặc một trong các công cụ tự động từ trên không tạo ra kết quả chắc chắn. Lý do mà việc thuê một nhà phát triển đôi khi có ý nghĩa là bạn có thể tiết kiệm thời gian và tiền bạc cho quá trình này, đặc biệt nếu đó là một công việc dễ dàng mà bạn chỉ đơn giản là không có kiến thức để hoàn thành.

Hợp tác với một nhà phát triển thực sự có nghĩa là bạn không phải sử dụng bất kỳ kỹ năng kỹ thuật nào của mình — hoặc thiếu kỹ năng kỹ thuật — để hiển thị một trang web mới từ các tệp HTML. Công việc được giao cho những người biết họ đang làm gì và có nhiều khả năng bạn sẽ tìm được trợ giúp phù hợp, đặt câu hỏi và đưa ra yêu cầu khi so sánh với một ứng dụng web có thể có một số nhà phát triển có thể hỗ trợ bạn.

Chưa kể, điều này cho phép bạn yêu cầu tính năng nào bạn muốn duy trì trên trang web mới. Và nó gần như là một đảm bảo rằng các hành động của trang web sẽ thực sự chuyển giao và hoạt động như bình thường.

Chúng tôi hiểu rằng việc thuê một HTML cho nhà phát triển WordPress không phải lúc nào cũng có trong ngân sách, nhưng bạn nên suy nghĩ nếu bạn đang gặp khó khăn và bạn có một ít tiền mặt để chi tiêu.

Cách chuyển đổi HTML sang WordPress bằng một ứng dụng hoặc plugin tự động

Nếu bạn có thắc mắc về việc sử dụng một trong những trình chuyển đổi HTML sang WordPress tự động được liệt kê trước đó, đây là một ví dụ với WP Site Importer. Đây là một trong những giải pháp uy tín hơn và đó là một plugin WordPress của bên thứ ba tập hợp nhiều tính năng từ các trình chuyển đổi HTML sang WordPress tự động khác.

Để bắt đầu, hãy tải xuống, cài đặt và kích hoạt plugin WP Site Importer vào bảng điều khiển WordPress của bạn. Bạn phải tải xuống tệp zip từ trang web của nhà phát triển và đăng ký dùng thử miễn phí. Ngoài ra còn có các kế hoạch trả phí để xem xét. Nhấp vào đây nếu bạn có bất kỳ câu hỏi nào về cài đặt plugin WordPress.

Plugin WP Site Importer cung cấp một bộ sưu tập các công cụ nhập cho các trang và bài đăng đơn lẻ, cùng với các trang web đầy đủ và các yếu tố bổ sung cần thiết để hoàn thành công việc, như bản địa hóa hình ảnh và sửa đổi liên kết nội bộ.

Đối với ví dụ này, chúng ta sẽ đi qua hầu hết các tính năng, bắt đầu với một trang HTML. Trong bảng điều khiển WordPress, chuyển đến Trình nhập trang web> Nhập trang đơn .

Importing single HTML to a WordPress page
Nhập HTML đơn vào một trang WordPress

Phần lớn các cài đặt mặc định trong plugin đã sẵn sàng hoạt động, có nghĩa là bạn thường không phải thay đổi bất cứ điều gì. Tất nhiên, trừ khi bạn muốn điều chỉnh những thứ như nhập một trang làm bài đăng hoặc xóa các hình ảnh nổi bật. Vui lòng cuộn qua tất cả các cài đặt plugin để đảm bảo chúng phù hợp với nhu cầu của bạn.

Tất cả những gì bạn phải làm để nhập một trang là dán vào URL để plugin quét.

Lưu ý: Tải lên tệp chỉ có sẵn cho chuyển đổi nhiều trang.

The import page wizard
Trình hướng dẫn trang nhập

Nhấp vào nút Nhập Trang để tiếp tục.

Click the "Import page" button
Nhấp vào nút “Nhập trang”

Plugin cho bạn biết những gì đã thành công và cung cấp một số liên kết để xem trước các trang WordPress mới và chỉnh sửa chúng nếu cần.

Click the 'Preview' link
Nhấp vào liên kết ‘Xem trước’

Bạn cũng sẽ muốn chuyển bất kỳ menu nào trên trang web HTML tĩnh.

Đi tới Trình nhập trang web> Trình đơn nhập khẩu cho điều đó.

Importing Menus into WordPress
Nhập menu vào WordPress

Nhập menu tương tự như chuyển đổi tệp vì nó yêu cầu URL. Bạn cũng có thể đặt các yếu tố như mật độ menu và kích thước menu tối thiểu.

Nhấp vào Menu Nhận dạng để tiếp tục.

The 'Import Menu Wizard' panel
Bảng ‘Trình hướng dẫn Menu Nhập’

Mỗi mục menu bây giờ xuất hiện trên một danh sách. Bạn cũng sẽ thấy nhiều menu nếu bạn có nhiều menu trên trang web HTML của mình.

Kiểm tra các menu bạn muốn nhập và đặt tên cho từng menu. Nhấp vào nút Trình đơn nhập .

Importing a menu
Nhập menu

Với việc nhập menu WordPress, bạn vẫn phải định cấu hình vị trí menu.

Trong trang tổng quan, điều hướng đến Giao diện> Menu .

Đặt tên và tạo một menu và lưu nó vào WordPress. Bạn sẽ thấy menu được nhập nếu mọi thứ hoạt động như kế hoạch.

Save the imported menu
Lưu menu đã nhập

Nhấp vào tab Quản lý vị trí và tìm menu đã nhập trong trình đơn thả xuống. Bạn nên đặt menu mới đó vào vị trí menu bạn chọn.

Đảm bảo Lưu thay đổi khi bạn hoàn tất.

Change the menu location if needed
Thay đổi vị trí menu nếu cần

Một phần khác của việc nhập một trang web HTML vào WordPress là bản địa hóa các hình ảnh. Để hoàn tất quá trình này, hãy chuyển đến Site Importer> Localize Images .

Localize images for HTML to WordPress conversion
Bản địa hóa hình ảnh để chuyển đổi HTML sang WordPress

Tất cả các cài đặt mặc định cho bản địa hóa hình ảnh thường tốt để sử dụng.

Nhấp vào nút Tiếp theo .

Hit the 'Next' button to get started
Nhấn nút ‘Tiếp theo’ để bắt đầu

Bạn sẽ thấy danh sách các hình ảnh được chuyển từ trang web trước đó.

Chọn những cái bạn muốn bản địa hóa và nhấp vào nút Tiếp theo .

See all the imported images
Xem tất cả các hình ảnh đã nhập

Trong vòng vài giây, plugin sẽ thêm từng hình ảnh vào Thư viện phương tiện WordPress của bạn, cung cấp cho chúng tất cả các URL trên trang web mới. Bạn có thể truy cập Thư viện phương tiện để đảm bảo quá trình chuyển đổi này diễn ra.

The final product of localized images
Sản phẩm cuối cùng của hình ảnh bản địa hóa

Một phần khác của chuyển đổi HTML liên quan đến việc cập nhật các liên kết nội bộ của bạn. Tất cả các lần chuyển trang web thường dẫn đến các liên kết bị hỏng và các vấn đề với cấu trúc URL.

Chúng tôi cần khắc phục những điều này, vì vậy hãy chuyển đến Trình nhập trang web> Cập nhật liên kết nội bộ để bắt đầu.

Update internal links thoroughly
Cập nhật liên kết nội bộ kỹ lưỡng

Trang sau giải thích cách các liên kết cũ hơn sẽ được thay thế bằng các phiên bản của miền trang web mới, thêm các thư mục con để có trải nghiệm người dùng linh hoạt nằm trên URL của trang web WordPress.

Tất cả những gì bạn phải làm là nhấp vào nút Cập nhật liên kết. Plugin thực hiện tất cả các chuyển đổi cho bạn.

Click the 'Update Links' button
Nhấp vào nút ‘Cập nhật Liên kết’

Nếu bạn có kế hoạch chuyển đổi toàn bộ trang web HTML (thay vì một trang), hãy điều hướng đến tab Nhập Nhiều Trang trong trình đơn Trình nhập Trang web .

Đây cũng là một lựa chọn tuyệt vời cho những ai quan tâm đến việc tải lên các tệp trang web cục bộ thay vì sao chép trong một URL trực tiếp.

Import multiple pages at once
Nhập nhiều trang cùng một lúc

Trình hướng dẫn Nhiều Trang có các trường để dán vào URL và tải lên các tệp HTML của trang web.

Chọn cái nào là tốt nhất cho công việc của bạn.

Enter the URL to scan for import
Nhập URL để quét để nhập

Khi trang web HTML được chuyển đổi và nhập, bạn sẽ thấy danh sách các URL được kéo vào trang web WordPress của mình. Bạn có thể xóa một số trang khỏi quá trình nhập nếu bạn không cần chúng. Bạn cũng có các tùy chọn để nhập vào bài đăng, đặt chúng là chưa xuất bản và bao gồm hình ảnh nổi bật.

The 'Import Multiple Pages Wizard'
‘Trình hướng dẫn Nhập Nhiều Trang’

Bước cuối cùng hiển thị danh sách đầy đủ các trang web được chuyển đổi từ trang HTML sang hệ thống WordPress của bạn. Bây giờ bạn có thể nhấp vào nút Chỉnh sửa hoặc Xem trước cho mỗi trang để tiếp tục tùy chỉnh trang web của mình.

All the pages imported and ready
Tất cả các trang đã được nhập và sẵn sàng

Hãy nhớ rằng, một chuyển đổi như thế này không có nghĩa là bạn sẽ thấy ngay thiết kế chính xác từ trang web HTML của mình. Bạn có thể phải tự mình nhập một biểu định kiểu hoặc thậm chí mã tùy chỉnh trang web hoặc các trang.

Bản tóm tắt

Chuyển từ HTML sang WordPress đòi hỏi một chút công việc. Nhưng nó đáng để thử thách. Tải HTML lên WordPress cũng có thể giúp các công việc ít liên quan hơn, như xác minh quyền sở hữu trang web của bạn hoặc triển khai một mô-đun HTML đơn giản.

Có rất nhiều khả năng khi nói đến tải lên và chuyển đổi tệp HTML. Chỉ cần nhớ rằng bạn thường có thể hoàn thành phần lớn công việc bằng trình chuyển đổi HTML tự động. Sau đó, rất có thể sẽ phải làm việc thủ công, nhưng với sự kết hợp của các công cụ và kiến thức phù hợp, bạn có thể sao chép hầu hết mọi trang web HTML mà bạn muốn!

Nếu bạn có bất kỳ câu hỏi nào về việc tải tệp HTML lên WordPress hoặc chuyển đổi HTML sang trang web WordPress, hãy cho chúng tôi biết trong phần nhận xét bên dưới.


Tiết kiệm thời gian, chi phí và tối đa hóa hiệu suất trang web với:

  • Trợ giúp tức thì từ các chuyên gia lưu trữ WordPress, 24/7.
  • Tích hợp Cloudflare Enterprise.
  • Tiếp cận khán giả toàn cầu với 34 trung tâm dữ liệu trên toàn thế giới.
  • Tối ưu hóa với Giám sát Hiệu suất Ứng dụng được tích hợp sẵn của chúng tôi.

Tất cả những điều đó và hơn thế nữa, trong một kế hoạch không có hợp đồng dài hạn, hỗ trợ di chuyển và đảm bảo hoàn tiền trong 30 ngày. Kiểm tra các kế hoạch của chúng tôi hoặc nói chuyện với bộ phận bán hàng để tìm ra kế hoạch phù hợp với bạn.