Hướng dẫn viết theme WordPress toàn tập – phần 1 - Huy Nguyễn
Chat hỗ trợ
Chat ngay
1 23
TIN HỌC

Hướng dẫn viết theme WordPress toàn tập – phần 1

Posted On Tháng Mười Một 7, 2022 at 1:16 chiều by / No Comments

Xin cảm ơn!

# Yêu cầu

Để có thể hiểu và viết được theme wordpress thì các bạn phải có kiến thức cơ bản về HTML, CSS, JS, PHP và WordPress nhé.

Nếu các bạn chưa nắm cơ bản các kiến thức trên thì các bạn sẽ không hiểu gì hết và rất khó để theo dõi serie này. Vì thế mình khuyến khích các bạn nên có kiến thức theo yêu cầu trước nhé. Không là không hiểu gì luôn ấy.

Ngoài ra để có thể chạy được WordPress trên máy tính thì chúng ta cần cài đặt Xampp. Các bạn tải bản Xampp mới nhất cho Windows, sau khi tải về và cài đặt như một phần mềm bình thường.

# Tạo Database

Sau khi đã cài đặt Xampp thành công, thì bước tiếp theo chúng ta cần làm đó là mở phần mềm Xampp lên sau đó nhấn vào hai nút trên cùng để khởi động Apache và MySQL. Nếu cả hai đều chuyển sang màu xanh tức là đã thành công.

1 13

Sau khi khởi động xong, bạn hãy truy cập vào website với địa chỉ là http://localhost/dashboard/ sẽ thấy nó hiển thị ra trang giới thiệu XAMPP như hình dưới.

1 14

Để chạy được WordPress thì chúng ta phải có Database, chúng ta sẽ truy cập vào phpMyAdmin trên localhost, các bạn nhấn vào phpMyAdmin như hình

1 15

Sau đó các bạn nhấn vào mục cơ sở dữ liệu(Database) tạo một Database tên là gì tùy các bạn nhé, ở đây mình đặt là wp-tut, chọn kiểu là utf8_unicode_ci nhé sau đó các bạn nhấn Tạo

1 16

Ta được kết quả

1 17

# Cài đặt WordPress

Các bạn vào thư mục cài đặt của Xampp mà các bạn đã cài đặt, rồi vào thư mục htdocs, ở đây chúng ta sẽ tạo một thư mục có tên là wp-tut(các bạn có thể đặt sao tùy thích)

Sau đó các bạn vào trang wordpress.org để download source code WordPress về nhé. Mình sẽ tải bản 4.9.8 vì nó ổn định, hiện tại WordPress mới update lên version 5.0.2 rồi nhưng vì mới nên chắc còn lỗi nhiều.

Sau khi tải xong các bạn giải nén và copy toàn bộ như hình dưới đây vào thư mục wp-tut mà chúng ta đã tạo ở trên nhé.

Giờ là bước quan trọng, các bạn truy cập vào locahost/wp-tut (tên thư mục các bạn tạo khi nãy) nó sẽ ra như hình này. Các bạn chọn ngôn ngữ, ở đây mình sẽ chọn English và bấm Continue

Sau đó nó hiện ra một đống thông tin, các bạn chỉ cần nhấn nút “Let’s go” ở dưới là được.

1 18

Ở mục tiếp theo các bạn điền vào tên Cơ sở dữ liệu (Database) mà ta đã tạo khi nãy, ở đây mình tạo là wp-tut, Username các bạn nhập vào là root, Password các bạn để trống và hai trường còn lại các bạn để nguyên nhé, rồi ta nhấn Submit.

Sau đó chúng ta sẽ có kết quả như hình này, và các bạn nhấn Run installation để cài đặt nhé.

1 19

Sau khi nhấn nó lại hiện ra một đống thông tin như Site Title, Username, Password, Email cho website của chúng ta. Các bạn điền sao cũng được vì đang làm ở dưới máy mà. Mình điền đại như thế này và nhấn Install Worpress.

1 20

Chúng ta sẽ được kết quả thành công như thế này, và nhấn login để đăng nhập vào nhé. Thế là xong phần cài đặt WordPress trên máy tính.

# Cài đặt starter theme

Để viết theme WordPress từ đầu thì chúng ta sẽ dùng Starter Theme tức là Theme có sẵn cấu trúc chuẩn WordPress rồi nhưng chưa có code gì nhiều. Mình sẽ dùng Underscore Starter Theme. Các bạn có thể nhấn vào đây để tải về nhé.

Khi các bạn nhấn vào nó sẽ ra như trên, các bạn nhập vào tên Theme là được rồi, ở đây mình nhập là maker sau đó nhấn Generate là nó tự động tải về máy. Các bạn tải về rồi sau đó bỏ vào thư mục \htdocs\wp-tut\wp-content\themes rồi sau đó giải nén là được nhé.

1 21

Và chúng ta sẽ vào wp-admin của WordPress nãy chúng ta đã cài đặt chọn mục Appearance (Giao diện nếu lúc cài đặt bạn chọn Tiếng Việt) các bạn chọn mục Themes. Các Themes sẽ hiện ra và có cả cái maker mà chúng ta vừa thêm vào, các bạn chọn active là xong

1 22

Sau đó các bạn ra trang chủ tức là localhost/wp-tut sẽ có kết quả trông như thế này. 

CHÚC CÁC BẠN THÀNH CÔNG

——————————————————————————-

CÔNG TY TNHH VTNN VIỆT NAM NÔNG NGHIỆP SẠCH

Địa chỉ: Đường Nguyễn Trãi, Khu Dân Cư 4, Khu Phố Hiệp Tâm 2, Thị Trấn Định Quán, Huyện Định Quán, tỉnh Đồng Nai.

Chuyên Thuốc bvtv _ hạt giống_ dụng cụ nông nghiệp

📲📲Hỗ Tư vấn kỹ thuật tại vườn📲📲

✅Hotline: 0919.817.033 – 0877.552.253

✅Link web: https://vietnamnongnghiepsach.com.vn/

✅Link youtube 1: https://www.youtube.com/c/TrịBệnhChoCâyTrồng

✅Link youtube 2: https://www.youtube.com/c/KiếnThứcNôngNghiệp

✅Link Zalo: https://zalo.me/0919.817.033

✅Link Lazada: https://www.lazada.vn/shop/viet-nam-agricultural-supermarket

✅Link Shopee: https://shopee.vn/thuan_thien_agri

✅ Link Tiktok Shop: https://www.tiktok.com/@vietnamnongnghiepsach.vn

✅ Link Facebook: https://www.facebook.com/plantprotectionvietnam


LOGO1

 

 

 

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *