Ban đầu [của web], tất cả các trang web đều được tạo không có gì ngoài văn bản và HTML tĩnh. Tuy nhiên, giờ đây, hơn 20 năm sau, web đã là một nơi khác rất nhiều. Các trang web phức tạp hơn nhiều. Chúng cung cấp trải nghiệm phong phú và thú vị hơn cho người tạo trang web cũng như khách truy cập
Điều này phần lớn nhờ vào các dự án mã nguồn mở như WordPress. Trong hơn mười năm qua, đã thành công trong sứ mệnh cốt lõi của mình là dân chủ hóa xuất bản trực tuyến [và nhiều hơn nữa trong quá trình này] để bất kỳ ai có cài đặt WordPress và chủ đề/plugin phù hợp đều có thể có một trang web hiện đại với thiết kế tiên tiến . Không có mã hóa-thậm chí không có HTML. -cần thiết
Đây là lý do tại sao đối với những người dùng WordPress cuồng nhiệt như tôi, thật khó để tin rằng vào năm 2018, ai đó vẫn có thể vận hành một trang web HTML tĩnh thay vì một trang web WordPress có chủ đề và plugin. Nhưng thực tế là vẫn còn một số lượng đáng kể các trang web chỉ HTML đang hoạt động ngoài kia. [Hoặc HTML với một chút CSS. ]
Cấp, những chủ sở hữu trang web này có thể có lý do chính đáng để không nâng cấp hoặc chuyển đổi. Có thể nội dung trang web của họ không bao giờ thay đổi và định dạng và thiết kế đơn giản sẵn có có thể sử dụng được không? . Những ví dụ điển hình về “Đừng sửa những gì không bị hỏng. ”
Tuy nhiên, tôi có cảm giác rằng đây có thể không phải là lý do chính khiến một số [có lẽ nhiều người] chưa thực hiện được bước nhảy vọt. Rõ ràng nhất là họ không biết cách chuyển đổi trang web HTML của họ thành trang web WordPress. Đặc biệt là không làm mất nội dung hoặc cần thực hiện định dạng quá mức trên cơ sở từng trang
Rất may, như thường xảy ra với WordPress, có một số cách để giải quyết vấn đề này. Tôi đã biên soạn một số tùy chọn bên dưới
Đăng ký kênh Youtube của chúng tôi
Tùy chọn của bạn để chuyển đổi trang HTML tĩnh sang trang WordPress
Cách bạn chọn chuyển đổi trang web HTML tĩnh của mình thành trang web WordPress chắc chắn sẽ phụ thuộc vào sở thích cá nhân, khoản đầu tư tiền/thời gian mong muốn và trình độ kỹ năng viết mã của bạn. Bạn sẽ phải là người quyết định điều gì là tốt nhất cho mình, nhưng với những tóm tắt bên dưới, bạn sẽ có thể quyết định nhanh chóng và chuyển thẳng đến thông tin phù hợp nhất trong bài đăng này cho tình huống cụ thể của bạn
Có ba lựa chọn chính
1. Tạo chủ đề WordPress theo cách thủ công dựa trên trang web HTML tĩnh hiện tại của bạn
Điều này sẽ yêu cầu bạn nhập mã của mình. Bạn sẽ phải truy cập thư mục trang web hiện tại của mình qua FTP và sử dụng mã hiện tại của bạn làm điểm bắt đầu. Từ đó, bạn sẽ cần tạo các tệp cần thiết cho chủ đề WordPress và sao chép các đoạn mã từ codex WordPress. Điều này khá đơn giản và dễ dàng nếu bạn có một số kinh nghiệm về HTML, CSS và một chút PHP
2. Cài đặt một chủ đề được tạo sẵn và chỉ cần di chuyển nội dung của bạn
Đây có lẽ là lựa chọn tốt nhất tại giao điểm của sự đơn giản và giá trị. Giả sử bạn đã có dịch vụ lưu trữ cho trang web hiện tại của mình, bạn sẽ chỉ cần chi tiền nếu chọn mua một chủ đề cao cấp. Plugin chúng tôi sẽ sử dụng để nhập nội dung có sẵn miễn phí trong Kho lưu trữ plugin WordPress chính thức
3. Trả tiền để có dịch vụ chuyển đổi HTML sang WordPress tạo lại trang web của bạn
Đây là giải pháp đơn giản nhất vì nó không yêu cầu bạn phải làm gì nhiều. Tuy nhiên, nó sẽ không giúp ích gì nhiều cho việc bạn làm quen với WordPress và chi phí sẽ khác nhau tùy thuộc vào người bạn chọn thuê. Tôi sẽ không đề cập đến tùy chọn này trong các phần bên dưới vì nếu đây là tuyến đường bạn quan tâm, bạn chỉ cần tìm kiếm nhanh các nhà cung cấp dịch vụ và họ sẽ lo phần còn lại
Chuẩn bị chuyển đổi HTML sang WordPress
Cho dù bạn quyết định đi theo con đường nào dưới đây, có một số điều bạn sẽ muốn làm trước khi đi sâu vào
Đầu tiên là chọn gói lưu trữ. Bạn sẽ muốn xem qua các tùy chọn hiện có và quyết định gói phù hợp nhất với nhu cầu của mình. Hoặc có lẽ bạn muốn tạo một bản cài đặt WordPress cục bộ?
Khi bạn đã chọn, bạn sẽ cần cài đặt WordPress và đăng nhập vào WP Admin. Đây là điểm mà tại đó hai con đường có thể của chúng ta phân chia
Chuyển đổi trang web HTML tĩnh của bạn sang WordPress theo cách thủ công
Nếu mục tiêu của bạn là không chỉ đưa nội dung từ trang HTML tĩnh vào WordPress mà còn sao chép thiết kế hiện tại của bạn, điều này có nghĩa là bạn sẽ cần tạo chủ đề tùy chỉnh của riêng mình. Rất may, điều đó không đáng sợ như lúc đầu. Nó chỉ liên quan đến việc tạo một vài thư mục và tệp, một chút sao chép và dán, sau đó tải kết quả lên
Bạn sẽ cần một trình chỉnh sửa mã chẳng hạn như Sublime hoặc Notepad++ và truy cập vào cả thư mục của trang web HTML và thư mục cài đặt WordPress mới của bạn
Bước 1. Tạo một thư mục chủ đề mới và các tệp cần thiết
Trên màn hình của bạn, hãy tạo một thư mục mới để chứa các tệp chủ đề của bạn. Đặt tên cho nó bất cứ điều gì bạn muốn chủ đề của bạn được đặt tên
Tiếp theo, tạo một số tệp [tất cả đều nằm trong thư mục chủ đề mới của bạn] trong trình chỉnh sửa mã của bạn. Đừng làm bất cứ điều gì với họ. Chỉ cần để chúng mở để chỉnh sửa thêm
- Phong cách. css
- Mục lục. php
- tiêu đề. php
- thanh bên. php
- cuối trang. php
Bước 2. Sao chép CSS hiện có vào biểu định kiểu mới
Nếu bạn đang muốn sao chép một thiết kế, điều này có thể có nghĩa là bạn có ít nhất một số CSS mà bạn muốn lưu lại. Vì vậy, tệp đầu tiên bạn muốn chỉnh sửa là Phong cách của bạn. tập tin css
Để bắt đầu, hãy thêm phần sau vào đầu tệp của bạn
/* Theme Name: Replace with your Theme's name. Theme URI: Your Theme's URI Description: A brief description. Version: 1.0 Author: You Author URI: Your website address. */
Sau phần này, chỉ cần dán CSS hiện có của bạn bên dưới. lưu và đóng tập tin
Bước 3. Tách HTML hiện tại của bạn
Trước khi chúng ta bước sang bước ba, hãy để tôi cung cấp cho bạn một lưu ý nhanh về cách thức hoạt động của WordPress. WordPress sử dụng PHP để gọi và truy xuất các mẩu dữ liệu từ cơ sở dữ liệu cơ bản của nó. Mỗi tệp mà chúng tôi đang sử dụng trong hướng dẫn nhỏ này được thiết kế để cho WordPress biết phần nội dung trang web của bạn sẽ được hiển thị và ở đâu.
Vì vậy, khi tôi nói rằng chúng tôi sẽ “cắt nhỏ” HTML hiện tại của bạn, điều chúng tôi thực sự đang làm chỉ đơn giản là cắt và dán các phần mã hiện có của bạn vào các tệp khác nhau mà chúng tôi vừa tạo, để WordPress biết nơi hiển thị
chúng ta đi đây
Trước tiên, hãy mở chỉ mục của trang web hiện tại của bạn. tệp html. Đánh dấu mọi thứ từ đầu tệp đến thẻ mở div class=”main”. Sao chép và dán phần này vào tiêu đề của bạn. php, lưu và đóng
Thứ hai, quay lại chỉ mục của bạn. tệp html. Đánh dấu phần tử aside class=”sidebar” và mọi thứ bên trong nó. Sao chép và dán phần này vào thanh bên của bạn. php, lưu và đóng
Thứ ba, trong chỉ mục của bạn. html chọn mọi thứ sau thanh bên của bạn rồi sao chép và dán vào chân trang của bạn. php, lưu và đóng
Cuối cùng, trong chỉ mục của bạn. html, hãy chọn mọi thứ còn lại [đây phải là phần nội dung chính] và dán vào chỉ mục của bạn. tập tin php. Lưu, nhưng chưa đóng
Bạn có thể đóng chỉ mục của mình. html ngay bây giờ và chuyển sang các bước cuối cùng. Sắp xong
Bước 4. Hoàn thiện Chỉ mục của bạn. tệp php
Để hoàn thiện chỉ mục của chủ đề mới của bạn. php của bạn, bạn cần đảm bảo rằng nó có thể mở phần khác [ngoài nội dung chính] nằm trong các tệp khác mà bạn đã tạo. Hay nói cách khác, tập hợp lại các yếu tố mà chúng ta vừa “băm nhỏ”
Ở đầu chỉ mục của bạn. php, đặt dòng php sau
Sau đó, ở cuối chỉ mục của bạn. php, hãy đặt những dòng php này
Và cuối cùng, chúng ta phải thêm cái gọi là Vòng lặp. Đây là bit chính của php mà WordPress sử dụng để hiển thị nội dung bài đăng của bạn cho khách truy cập. Vì vậy, bước cuối cùng trong việc tạo chỉ mục cho chủ đề mới của bạn. tệp php đang thêm mã bên dưới vào phần nội dung