Bạn có thể nhập HTML vào WordPress không?
|
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 Show
Đ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 WordPressCá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 WordPressCho 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ôngNế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ếtTrê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
Bước 2. Sao chép CSS hiện có vào biểu định kiểu mớiNế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ạnTrướ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 Lưu chỉ mục của bạn. php và đóng. Chủ đề của bạn hiện đã hoàn thành. Tất cả những gì còn lại là tải nó lên trang web WordPress của bạn Bước 5. Tải lên chủ đề mới của bạnBây giờ bạn đã tạo các tệp chủ đề của mình và tất cả chúng được lưu trữ trong thư mục chủ đề mới của bạn, bạn sẽ cần truy cập thư mục cài đặt WordPress mới của mình Đặt thư mục chủ đề mới của bạn bên trong /wp-content/themes/. Sau đó, điều hướng trở lại Quản trị viên WP > Giao diện > Chủ đề và chủ đề mới tạo của bạn sẽ xuất hiện ở đó. Đi trước và kích hoạt nó Tất cả những gì còn lại phải làm vào thời điểm này là đưa nội dung của trang web cũ vào trang web WordPress mới của bạn. Thực hiện theo phần bên dưới (bỏ qua phần về cách sử dụng chủ đề được tạo sẵn) để xem cách thực hiện Sử dụng chủ đề WordPress được tạo sẵn và nhập nội dung HTMLNếu các bước trên có vẻ quá phức tạp hoặc tốn thời gian với bạn thì hãy yên tâm, có một cách khác. Thay vì chuyển đổi bất kỳ thiết kế nào mà bạn đang làm việc ngay bây giờ thành một chủ đề WordPress, bạn có thể tận dụng bất kỳ một trong số hàng ngàn chủ đề có sẵn trên thị trường WordPress rộng lớn hơn Có các chủ đề WordPress miễn phí và có các chủ đề WordPress cao cấp, chẳng hạn như Divi. Trước khi quyết định cái nào là tốt nhất cho mình, bạn có thể muốn đọc về chủ đề nào được thiết kế để đáp ứng nhu cầu của bạn và duyệt theo danh mục chủ đề tại đây tại Chủ đề thanh lịch và các nơi khác Khi bạn đã chọn một chủ đề mình thích (và đã tải xuống gói tệp nén của nó), bạn sẽ muốn quay lại WP Admin > Giao diện > Chủ đề > Thêm mới và cài đặt/kích hoạt chủ đề WordPress mới của bạn Khi điều này được thực hiện, bạn sẽ có một trang web và chủ đề WordPress mới – nhưng ít thứ khác. Khi bạn xem trước trang web của mình, nó sẽ trống rỗng nội dung và có thể trông hơi nhàm chán. Không sao, vì tiếp theo chúng ta sẽ nhập nội dung trang web cũ của bạn Trong WP Admin, đi tới Plugin > Thêm mới và tìm kiếm plugin có tên HTML Import 2 của Stephanie Leary. Sau khi plugin này được cài đặt và kích hoạt, hãy làm theo hướng dẫn sử dụng hữu ích của nó để nhập toàn bộ thư mục các trang HTML của bạn. Hoàn thành với hình ảnh Sau này, bạn sẽ có tất cả nội dung cũ của mình trên WordPress và được định dạng theo chủ đề mới của bạn. Hoặc, nếu bạn đã tạo chủ đề của riêng mình ở trên, trang web của bạn sẽ trông giống như trước đây–chỉ chạy trên WordPress Tóm lại làNếu bạn đã sử dụng bài đăng này làm hướng dẫn di chuyển trang web của mình sang WordPress thì bạn vừa tham gia một trong những cộng đồng mã nguồn mở lớn nhất trên thế giới. Chào mừng. Đó là một nơi thú vị với rất nhiều nhà phát triển, nhà thiết kế, người viết blog, người tự làm và hơn thế nữa–tất cả đều xây dựng, chơi và sáng tạo bằng WordPress và các chủ đề/plugin của WordPress Nếu bạn đã “bắt lỗi WordPress” thì WordPress chính thức. trang web org chứa đầy các chủ đề, plugin hữu ích và các tài nguyên khác. Nếu bạn muốn tinh chỉnh thêm các tệp chủ đề của mình, hãy khám phá Codex để biết các mẹo, thủ thuật và biến thể dường như vô tận Và tất nhiên, chúng tôi hy vọng bạn sẽ tiếp tục trò chuyện trong các bình luận bên dưới và đăng ký để biết thêm các bài đăng trên blog trong tương lai |
