Hướng dẫn chuyển html sang wordpress từ A đến Z

Chuyển html sang wordpress ? Không có chuyện đó đâu. Không có tool hay website nào giúp bạn chuyển từ file html sang theme wordpress một cách hoàn thiện đâu. Bạn phải học lập trình theme wordpress, cụ thể ở đây là học ngôn ngữ lập trình PHP và kết hợp với các hàm có sẵn của wordpress để làm việc đó.

Việc tự code lên 1 theme hay 1 plugin wordpress từ a đến z thật sự không dễ cho những người mới bắt đầu, kể cả những người có kinh nghiệm là việc với php như laravel, cakephp… Cũng gặp không ít khó khăn khi mới tiếp cận wordpress.

Làm việc với wordpress không lâu và kiến thức về wordpress cũng còn hạn chế nhưng mình được cái là toàn tự code theme để dùng, không mua hoặc sử dụng theme viết sẵn, nên mình cũng có chút ít kinh nghiệm trong lĩnh vực này. Vì thế hôm này mình xin chia sẻ cho các bạn seri video hướng dẫn chuyển html sang wordpress.

Chuẩn bị: Kiến thức và công cụ

Như mình đã nói ở phía trên việc chuyển html sang wordpress là lập trình theme wordpres, vì vậy bạn cần phải chuẩn bị một số kiến thức nhất định thì mới hiểu được những gì mình nói trong các video này. Bạn cần chuẩn bị những kiến thức sau:

• WordPress cơ bản: Bạn phải biết wordpress là gì? Viết bài trên wordpress như thế nào? Cài plugin trên wordpress như thế nào? Sửa, xóa menu trong wordpress? cập nhật thông tin của website…
• HTML CSS cơ bản: Đây là làm web mà nên chắc chắn bạn phải biết sơ lượt về html, các thẻ cơ bản, cách bố trí các thẻ html sao cho hợp lý, biết tùy chỉnh style cho website như:  Màu sắc, màu nền, màu chữ, canh lề, canh phải, canh trái …
• PHP Cơ bản: Những kiến thức php như: Xử lý mảng, if else, in ra màng hình, các vòng lặp cơ bản, for, foreach… Bạn cần phải biết để xử lý cho chính xác.
• Khả năng search google: WordPress hướng dẫn rất nhiều trên mạng, nên khi làm bí chổ nào phải seach ngay chổ đó, search đúng từ khóa, seach các trang ở nước ngoài…
• Tinh thần: Cứ từ từ mà học, học chắc nhớ lâu, kiên nhẫn 1 tý là oke… chả có ai học ngày 1 ngày 2 mà rành được hết á, vì thế cứ tự tin mà học 😀

Đi đôi với kiến thức bạn cũng cần chuẩn bị một số công cụ để học theo video này:

• Xampp: Chạy php nên cần phải có web server, mình khuyên các bạn dùng xampp đơn giản vì hình hướng dẫn trên xampp nhé.
• sublimetext 3: Mình dùng trình này để code, nó code php cũng khá ngon đó. Bạn phải cài thêm 1 số plugin để code wordpress cho oke như (html5, bootstraps3, jquery, wordpress, php), bạn có thể xem video hướng dẫn cài plugin cho sublimetext tại đây 
• Google Chrome: Dùng trình duyện chrome để dễ debug nhé.

Bắt đầu chuyển html sang wordpress:

Giao diện và mục tiêu của seri video này là: Code được website như thế này:

** DOWNLOAD FILE HTML ĐỂ CODE NHÉ: TẠI ĐÂY

Video hướng dẫn chuyển html sang wordpress

• Chuyển html sang wordpress bài 1: Cài đặt wordpress với domain ảo trên xampp
• Chuyển html sang wordpress bài 2: Tùy chỉnh ban đầu và tạo cấu trúc theme wordpress
• Chuyển html sang wordpress bài 3: Code dòng đầu tiên và tách nhỏ các file trong theme
• Chuyển html sang wordpress bài 4: Get menu chính và get bài viết nổi bật
• Chuyển html sang wordpress bài 5: Hoàn thiện trang chủ
• Chuyển html sang wordpress bài 6: Xây dựng trang category, form search bài viết
• Chuyển html sang wordpress bài 7 : Xây dựng trang chi tiết bài viết (single.php)
• Chuyển html sang wordpress bài 8 : Hoàn thiện website – Kết thúc

CODE BLOG HOÀN THIỆN

[sociallocker]

Download

[/sociallocker]

Hướng dẫn:

Bước 1: Download code về và tiến hành giải nén, up code và import data (nằm trong thư mục database) vào database.
Bước 2: Mở file config.php trong thư mục gốc sửa thông tin.

/** Tên database nhe!*/
define('DB_NAME', 'myblog');
 
/** Tài khoản phpmyadmin */
define('DB_USER', 'root');
 
/** Mật khẩu phpmyadmin */
define('DB_PASSWORD', '');
 
/** Cái này chế nào dùng host free thì sửa còn không thì để im nhé! */
define('DB_HOST', 'localhost');

Bước 3: Vào database trong phpmyadmin, vào bảng wp_options sửa 2 đường link lại thành link web mình.

Chúc các bạn học wordpress thành công!