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

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

Ngày 27 - 09 - 2017 - Tại chuyên mục: Wordpress - Lượt xem: 2886

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.

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

CODE BLOG HOÀN THIỆN

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!

HuyKira

Đam mê hóa học, ưng thi vào trường kinh tế… Đậu vào trường Sư phạm, quyết tâm đi dạy… Ra trường đi làm designer, tự học frontend, chuyển qua làm PHP, được công ty đào tạo laravel… Và hiện tại đang code react native… 😂😂 tối về viết blog… (Còn tiếp…)

41
  • DinhBiPluscó nhận dạy kèm không sư phụ :D

    Trả lời 2 tháng 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

      Trả lời 2 tháng trước

      • Đình BiThôi, thích train 1-1 thôi :D step by step làm cái melyweb vn hè

        Trả lời 2 tháng trước

  • TrungXYZHay đó bác, trong series bác nhớ thêm phần custome field vào nha :D

    Trả lời 2 tháng trước

  • Lê hữu sơnĐang đúng cái cần luôn. Mong nhanh tới vào bài :))

    Trả lời 2 tháng 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

      Trả lời 2 tháng trước

  • Thanh Tàianh stream dạy luôn đi :v :v

    Trả lời 2 tháng trước

    • HuyKiraĐù để anh nâng cấp ram cho máy anh rồi a sờ trim luôn haha

      Trả lời 2 tháng 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.

    Trả lời 2 tháng 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

      Trả lời 2 tháng 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é

    Trả lời 2 tháng 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

      Trả lời 2 tháng trước

  • Trần Lục Long Tínhhay quá a ơi hóng series tiếp theo :))

    Trả lời 2 tháng trước

    • HuyKiraOKe kaka, tối chủ nhật có video tiếp nhé, mình đang về quê :D

      Trả lời 2 tháng 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.

    Trả lời 2 tháng 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

      Trả lời 2 tháng trước

  • Thanh_Taimấy giờ em làm chung với :v :v

    Trả lời 2 tháng trước

  • Đinh đzphần 5 đâu rồi anh ?????????

    Trả lời 2 tháng 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

    Trả lời 2 tháng 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.

    Trả lời 1 tháng trước

    • HuyKiraBạn gởi images lỗi qua fan page của mình nha!

      Trả lời 1 tháng 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

    Trả lời 1 tháng trước

    • HuyKiraKhông em ơi, anh toàn tự code không hướng dẫn sử dụng theme nha em.

      Trả lời 1 tháng trước

  • Thanh_Taixong serie này có làm nào khác nữa không anh ?

    Trả lời 1 tháng trước

  • Xuân Khươngcho mình xin link download với

    Trả lời 1 tháng trước

  • QuaChào Huy, cái này menu chưa response qua mobile ah

    Trả lời 1 tháng trước

    • HuyKiraDạ em quên anh, để em làm video hướng dẫn mọi người!

      Trả lời 1 tháng 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

        Trả lời 1 tháng trước

      • QuaOkie thanks em nhiều, anh làm được rồi

        Trả lời 1 tháng trước

  • Trần Lục Long Tínhcó chỉ dẫn redux framework ko a :D

    Trả lời 1 tháng trước

  • ThỏaSao mình config , và thay link ở data rồi mà vẫn trắng trang nhỉ demo kenhonlinevn.us

    Trả lời 1 tháng 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

      Trả lời 1 tháng trước

  • homedyMón này phải thực sự đam mê mới làm được

    Trả lời 2 tuần trước

  • YêuAlo.ComBlog bác giao diện cứ giống như Facebook trông đẹp ghê.

    Trả lời 2 tuần trước

AVT