110-wolfactive-949x475
01/04/2020

Hướng dẫn tạo theme WP – Phần 1: Cài đặt và khởi tạo

Chào các bạn, hiện tại WP khá đa dạng và phổ biến trên thị trường làm website toàn cầu. Do đó, hôm nay mình sẽ viết về hướng dẫn lập trình theme cho wordpress. Phần đầu tiên sẽ là cài đặt nhé.

1. Tải WordPress và cài đặt

1.1 Tải WordPress

Để tải bộ mã nguồn mở của WordPress thì chúng ta sẽ lên trang wordpress.org để tải về mình sẽ để link tải ở dưới bài viết. Hiện tại thì WordPress có phiên bảng mới nhất là 5.3.2 version. Sau khi tải xong các bạn có thể 1 là đưa lên host và domain về thư mục hosting. Nhưng ở đây mình sẽ hướng dẫn các bạn set up trên localhost. Để cần làm điều đó các bạn cần tải một phần mềm thứ 3 giả lập môi trường server ở đây mình dùng WAMP mình sẽ để link cài đặt ở dưới cùng bài viết.

webexp24h-wampserver

Vậy là bước đầu tải WordPress và các chương trình hỗ trợ đã xong.

1.2 Tạo môi trường

Trước tiên các bạn copy source WordPress vào folder chưa web của sever, với WAMP bạn vào thư mục www ( C:\wamp64\www )để paste source code. Ở đây bạn có thể tạo thêm nhiều thư mục cho các project sau đó set up domain trỏ về từng thư mục để có thể dễ dàng quản lý project. Sau đó các bạn mở  chương trình WAMP và bật phpMyAdmin

webexp24h-phpMyAdmin

Trong đây các bạn tạo một database cho WordPress bằng cách chọn new và sau đó setup:

webexp24h-phpMyAdmin-ui

Sau khi đã tạo xong WP các bạn truy cập vào localhost để cài đặt WP như hình sau:

webexp24h-WP-install

Các bạn chọn ngôn ngữ và bấm Continue  và tiếp tục để cài đặt cấu hình database

webexp24h-WP-install-setup

Input Database Name các bạn điền tên database lúc nãy các bạn vừa tạo. Và username nếu các bạn dùng trên Wamp thì sẽ là root và pass là khoảng trắng. Sau khi submit s  các bạn sẽ bắt đâù setup  các thông tin trên trang. Thế là các bạn đã hoàn thành các bước cài đặt WordPress.

2. Khởi tạo theme WordPress

Các bạn vào Dashboard của WP chọn vào mục Appearance/Theme các bạn sẽ thấy 3 theme của WordPress cho sẵn như trong hình

webexp24h-WP-theme

Thì bài này mình sẽ hướng dẫn các bạn khởi tạo theme WordPress. Các bạn vào folder chứa source của WordPress sau đó vào theo dường dẫn sau wp-content/theme/ 

webexp24h-WP-theme-folder

Các bạn tạo một folder chứa theme khởi tạo mình sẽ tạo một folder là newTheme là nơi chưa theme khởi tạo. Sau đó các bạn tạo 2 file index.php và style.css sau đó chọn một hình ảnh muốn làm thumbnail của theme trong appearance để với tên file là screenshot.png WordPress sẽ tự hiểu file ảnh này là thumbnail của theme

webexp24h-WP-theme-folder-1

Trong file style.css các bạn cấu hình như sau để WordPress có thể nhận được theme các bạn đã tạo. Theme Name là tên theme bạn muốn hiển thị trong Dashboard và Author là tên người soạn ra theme khi các bạn kích hoạt sẽ thấy các thông tin này. Đoạn chú thích này khai báo theme với Dashboard WordPress

webexp24h-WP-theme-folder-2

Sau đó các bạn vào lại Appearance/Theme  trong Dashboard để kiểm tra thì sẽ thấy theme vừa mới khởi tạo ở trong đó. Vậy là chúng ta đã khởi  tạo thành công theme WordPress.

Vui lòng chọn size trước khi đặt hàng (*)