---
title: "Hướng Dẫn Cách Chuyển HTML Sang WordPress Chi Tiết"
description: "Bạn đang sở hữu một website HTML tĩnh nhưng muốn chuyển đổi sang WordPress để tận dụng các tính năng mạnh mẽ và linh hoạt của nền tảng này? Trong bài viết dưới đây, CloudFly sẽ hướng dẫn bạn cách chuyển HTML sang WordPress một cách chi tiết. Hãy theo dõi ngay để bắt đầu hành trình biến website của bạn trở nên chuyên nghiệp hơn nhé."
url: https://cloudfly.vn/blog/huong-dan-cach-chuyen-html-sang-wordpress-chi-tiet
image: https://media.cloudfly.vn/posts/huong-dan-cach-chuyen-html-sang-wordpress-chi-tiet.jpg
---
# Hướng Dẫn Cách Chuyển HTML Sang WordPress Chi Tiết
_Bạn đang sở hữu một website HTML tĩnh nhưng muốn chuyển đổi sang WordPress để tận dụng các tính năng mạnh mẽ và linh hoạt của nền tảng này? Trong bài viết dưới đây, CloudFly sẽ hướng dẫn bạn_ **_cách chuyển HTML sang WordPress_** _một cách chi tiết. Hãy theo dõi ngay để bắt đầu hành trình biến website của bạn trở nên chuyên nghiệp hơn nhé._
## **1\. Chuyển HTML sang WordPress bằng cách tạo theme từ trang web HTML tĩnh**
Phương pháp này giúp bạn chuyển đổi HTML sang [WordPress](https://cloudfly.vn/blog/wordpress-la-gi-uu-va-nhuoc-diem-cua-wordpress), giữ nguyên thiết kế từ trang HTML hiện tại. Bạn có thể thực hiện theo các bước dưới đây:
### **1.1. Bước 1: Tạo thư mục theme chứa các file cơ bản**
B1: Đầu tiên, bạn tạo một thư mục cho [theme](https://cloudfly.vn/blog/theme-la-gi-huong-dan-cai-dat-theme-wordpress-de-dang) trên máy tính và đặt tên, chẳng hạn như _my-theme_.
B2: Sau đó, bạn mở trình soạn thảo code và tạo các file sau: style.css, index.php, functions.php, header.php, footer.php, archive.php, single.php.
### **1.2. Bước 2: Chuyển đổi CSS của trang web cũ thành WordPress Style Sheet**
Bạn mở file style.css và dán đoạn mã sau vào đầu file:
_/\*_
_Theme Name: My Theme_
_Author: CloudFly_
_Author URI: https://cloudfly.vn/_
_Description: A basic theme, from HTML to WordPress_
_Version: 1.0_
_License: GNU General Public License v2 or later_
_License URI: http://www.gnu.org/licenses/gpl-2.0.html_
_Text Domain: cloudfly_
_\*/_
Đoạn mã này cần được đặt ở đầu file _style.css_ để WordPress nhận diện đây là stylesheet chính của theme. Bạn có thể tùy chỉnh thông tin như tên theme, tác giả, URL, mô tả, phiên bản và Text Domain theo ý muốn. Sau đó, bạn có thể viết thêm các CSS bổ sung cho theme bên dưới phần thông tin này.
### **1.3. Bước 3: Tách header và footer của website HTML cũ**
Website thường có phần header và footer, tương ứng với đầu trang và chân trang, sẽ xuất hiện trên tất cả các trang của website. Vì vậy, bạn cần tách phần header và footer từ website HTML cũ và gắn vào đúng file trong theme. Điều này giúp WordPress nhận diện được nội dung của hai phần này.
* Với phần header:
B1: Bạn sao chép toàn bộ mã HTML từ đầu đến hết thẻ đóng của header (__) và dán vào file _header.php_ trong theme.
B2: Trong phần mã vừa dán, bạn thêm dòng mã __ ngay trước thẻ đóng __ để WordPress nhận biết đây là phần header của theme.
B3: Tiếp theo, bạn thêm dòng mã __ ngay sau thẻ mở __.
Các dòng mã này sẽ hữu ích khi bạn tích hợp [plugin](https://cloudfly.vn/blog/plugin-la-gi-cach-cai-dat-plugin-cho-website-wordpress) vào website.
* Với phần footer:
B1: Bạn sao chép toàn bộ mã HTML từ thẻ mở _