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]
[/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.
1 2 3 4 5 6 7 8 9 10 11 |
/** 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!
DinhBiPluscó nhận dạy kèm không sư phụ :D
Thích Trả lời 6 năm trước
HuyKiraKaka hiện tại chưa có thời gian, để thời gian tới sắp xếp thử. Mà rủ vài 3 người thích học rồi mần luôn 1 thể cho oke :D
Thích Trả lời 6 năm trước
Đình BiThôi, thích train 1-1 thôi :D step by step làm cái melyweb vn hè
Thích Trả lời 6 năm trước
TrungXYZHay đó bác, trong series bác nhớ thêm phần custome field vào nha :D
Thích Trả lời 6 năm trước
HuyKiraOke mình sẽ hướng dẫn custom field luôn :D
Thích Trả lời 6 năm trước
Lê hữu sơnĐang đúng cái cần luôn. Mong nhanh tới vào bài :))
Thích Trả lời 6 năm trước
HuyKiraTinh thần là mỗi ngày 1 bài, Các bài sau sẽ dài tầm 30 phút nha :D
Thích Trả lời 6 năm trước
vinhcó hướng dẫn custom field chưa a
Thích Trả lời 5 năm trước
Thanh Tàianh stream dạy luôn đi :v :v
Thích Trả lời 6 năm trước
HuyKiraĐù để anh nâng cấp ram cho máy anh rồi a sờ trim luôn haha
Thích Trả lời 6 năm trước
LâmNếu có thời gian thì bạn làm cái search nâng cao nhé bạn. Ví dụ trong các trang như bất động sản. Cam ơn pro.
Thích Trả lời 6 năm trước
HuyKiraOke cậu, mấy cái đó cũng không khó chắc mình sẽ lằm video riêng nhé :D
Thích Trả lời 6 năm trước
ngô văn trọnglúc nào bạn mở lớp dậy cho mình học nữa nhé
Thích Trả lời 6 năm trước
HuyKiraMở lớp dạy thì có vẻ hơi lâu, nên ban đầu mình nghỉ bạn cứ học qua video xem thử oke không :D
Thích Trả lời 6 năm trước
Trần Lục Long Tínhhay quá a ơi hóng series tiếp theo :))
Thích Trả lời 6 năm trước
HuyKiraOKe kaka, tối chủ nhật có video tiếp nhé, mình đang về quê :D
Thích Trả lời 6 năm trước
Minh TháiCập nhật tiếp đi ad.... đang học ngon lành bị dán đoạn @@, thanks rất tốt.
Thích Trả lời 6 năm trước
HuyKiraTối nay có phần tiếp theo nha! Cuối tuần về quê đám cưới ko viết bài được :D
Thích Trả lời 6 năm trước
Thanh_Taimấy giờ em làm chung với :v :v
Thích Trả lời 6 năm trước
Đinh đzphần 5 đâu rồi anh ?????????
Thích Trả lời 6 năm trước
HuyKiraTối nay có phần tiếp theo nha!
Thích Trả lời 6 năm trước
Đinh đzphần 7 đâu anh
Thích Trả lời 6 năm trước
MMO (Miu Miu Official)From bình luận đẹp quá anh à lúc nào share cho m.n biết nhé anh
Thích Trả lời 6 năm trước
Thế PhanBạn ơi, cài lên host bị lỗi: Error establishing a database connection. Giúp mình xử lý với ạ? Cảm ơn bạn đã share code này. Mình rất thích.
Thích Trả lời 6 năm trước
HuyKiraBạn gởi images lỗi qua fan page của mình nha!
Thích Trả lời 6 năm trước
HiếuAnh ơi anh có video gì hướng dẫn sửa code trong theme flatsome hông ạ . Do mới cài fkatsome lần đầu. Mà sửa menu không thấy file css đâu
Thích Trả lời 6 năm trước
HuyKiraKhông em ơi, anh toàn tự code không hướng dẫn sử dụng theme nha em.
Thích Trả lời 6 năm trước
Thanh_Taixong serie này có làm nào khác nữa không anh ?
Thích Trả lời 6 năm trước
Xuân Khươngcho mình xin link download với
Thích Trả lời 6 năm trước
HuyKiralike page để down load nhé!
Thích Trả lời 6 năm trước
QuaChào Huy, cái này menu chưa response qua mobile ah
Thích Trả lời 6 năm trước
HuyKiraDạ em quên anh, để em làm video hướng dẫn mọi người!
Thích Trả lời 6 năm trước
Nguyen_Tan_QuaLàm video chưa em, đang hóng,hay chỉ giúp anh với, anh đang cần cái chổ đó thanks
Thích Trả lời 6 năm trước
QuaOkie thanks em nhiều, anh làm được rồi
Thích Trả lời 6 năm trước
Trần Lục Long Tínhcó chỉ dẫn redux framework ko a :D
Thích Trả lời 6 năm trước
ThỏaSao mình config , và thay link ở data rồi mà vẫn trắng trang nhỉ demo kenhonlinevn.us
Thích Trả lời 6 năm trước
HuyKiraBạn vào đọc log xem lỗi gì nha bạn! Cái này lỗi 500 có thể do cú pháp
Thích Trả lời 6 năm trước
homedyMón này phải thực sự đam mê mới làm được
Thích Trả lời 6 năm trước
HuyKiraMón nào cũng vậy bạn :)
Thích Trả lời 6 năm trước
YêuAlo.ComBlog bác giao diện cứ giống như Facebook trông đẹp ghê.
Thích Trả lời 6 năm trước
HuyKiraCả một bầu trời tâm huyết của tôi đó bác :D
Thích Trả lời 6 năm trước
YêuAlo.ComUhm, đẹp lắm bác à! Tuyệt vời luôn.......
Thích Trả lời 6 năm trước
NgạnMình tải html không được ạ
Thích Trả lời 6 năm trước
HuyKiraIbox facebook mình để nhận file nhé!
Thích Trả lời 6 năm trước
Phạm Hoài VũAnh Huy Ơi Rip Hộ Em Cái Theme Này Với Đơn Giản Mà Đẹp https://hatkaraoke.vn/ Xin Cảm Ơn Và Mong Sao Web Anh Sẽ Có Nhiều Mẫu Theme Về Video Hay Nhạc Mp3 Để Chia Sẽ Cho Mọi Người
Thích Trả lời 6 năm trước
HuyKiraib anh báo giá web như thế này nhé~!
Thích Trả lời 6 năm trước
Hà Huỳnhanh ơi, đang chờ anh cho ra video chuyển html sang web shop này
Thích Trả lời 6 năm trước
HuyKiraOke em! tháng 12 này bận sấp mặt, để qua tháng 1 anh bắt đầu triển nhé ;D
Thích Trả lời 6 năm trước
CAO ANH CHUNGdowload phần code hoàn thiện về up lên chỉ xem được trang chủ, nhấp vào bài viết hay đường dẫn đều ko truy cập được
Thích Trả lời 6 năm trước
HuyKiraCậu xem lại chổ hướng dẫn có làm chi sai ko?? hoặc down bản code tương tự này về xem nhé! https://huykira.net/?p=3454
Thích Trả lời 6 năm trước
vu nguyenCám ơn bạn đã chia sẻ kiến thức. Nhân tiện, bạn có thể bổ sung và hướng dẫn thêm code file tags.php không ah ! thanks
Thích Trả lời 6 năm trước
Huy KiraNội dung của file tag giống file category.php bạn!
Thích Trả lời 6 năm trước
Phương Đàmcó ai học lập trình ko chỉ mình fix lỗi này với database mình tạo h mình muốn xóa đi mà ko dc tại vì nó ko có quyền lỗi này #1142 - DELETE command denied to user ''@'localhost' for table 'pma__bookmark'
Thích Trả lời 5 năm trước
DuyEm muốn thay code phân trang 1,2,3...n bằng code xem thêm trong wordpress thì làm cách nào vậy anh Huy
Thích Trả lời 5 năm trước
minhdepwordpress mà cần gì học
Thích Trả lời 5 năm trước
HuyAd tạo website bán hàng nên dùng đuôi html ko ạ?
Thích Trả lời 5 năm trước
Hungusername vs pass để đăng nhập vô admin là gì ad ơi, cám ơn ạ
Thích Trả lời 5 năm trước
Dang NguyenBạn có nhận làm website hay nhận chuyển html thành wordpress không bạn?
Thích Trả lời 4 năm trước
Huy KiraCó bạn, bạn ib facebook của mình nha!
Thích Trả lời 4 năm trước
Chanhttp://forum.azviet.biz/threads/nhung-doan-code-hay-dung-trong-lap-trinh-theme-wordpress.3586/ Các bài viết của bạn giống y như nguồn bên này? Không thấy ghi nguồn trang
Thích Trả lời 4 năm trước
Huy KiraNó copy bài của mình đó bạn :D Copy nguyên bài viết của mình :D -> Link của hình ảnh cũng ko sửa luôn :))
Thích Trả lời 4 năm trước
Bạt che nắngNó có giống PHP không bạn
Thích Trả lời 4 năm trước
japanmình không tải được code theme này bạn gửi giúp mình được không
Thích Trả lời 4 năm trước
Ngo Hung CuongChào bạn. Cảm ơn bạn đã chia sẻ. Mình thấy hiện tại còn 1 vấn đề là khi vào bằng điện thoại thì navbar bị ẩn đi. Bạn có thể hướng dẫn mình cách khắc phục với.
Thích Trả lời 4 năm trước
Nghiacái này là web tin tức vậy còn web bán hàng thì sao bạn. Bạn có serie dạy chuyển file html thành theme bán hàng dùng woocommerce của wordpress được không
Thích Trả lời 4 năm trước
chungNội dung hay và được đsó, học tiếng anh thì tốt hơn
Thích Trả lời 3 năm trước
Huy KiraOke bạn :D
Thích Trả lời 3 năm trước
Lân Nguyễna ơi sao e không download được cod mẫu vậy a, nhờ a hướng dẫn giúp ak
Thích Trả lời 1 năm trước
Lê Xuân Tườngdownload không dc a
Thích Trả lời 9 tháng trước