Tìm hiểu lập trình theme trong wordpress và ứng dụng minh họa cho website bán hàn

Trong đó thư mục Woocommerce là nơi chứa những tập tin mẫu để thiết lập cấu trúc hiển thị của nó ra bên ngoài website.. Ví dụ khi bạn vào xem một sản phẩm thì những gì mà bạn thấy trong

LỜI CẢM ƠN

Lời đầu tiên cho phép em gửi lời cảm ơn sâu sắc tới toàn thể các thầy cô giáo

trong khoa Công nghệ thông tin – Đại học Vinh, những người đã hết mình truyền đạt

cho chúng em những kiến thức quý báu và bổ ích trong suốt hơn 4 năm học vừa qua

Để hoàn thành được đồ án này, đặc biệt em xin được bày tỏ sự cảm động và xin

chân thành cảm ơn giảng viên TS.Lê Hồng Trang, các thầy cô giáo trong tổ bộ môn

Hệ thống thông tin và các giáo viên khoa Công nghệ thông tin Trường Đại học Vinh, Thầy đã trực tiếp chỉ bảo, tận tình giúp đỡ hướng dẫn em trong suốt quá trình để

hoàn thành đồ án tốt nghiệp này Trong thời gian làm việc với thầy, em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà còn học tập được tinh thần làm việc, thái độ học tập nghiêm túc, hiệu quả, đây là những điều rất cần thiết cho em trong quá trình học tập và công tác sau này

Em xin chân thành cám ơn các thầy cô giáo trong tổ bộ môn của Khoa Công nghệ thông tin-Trường Đại học Vinh

Sau cùng xin gửi lời cảm ơn chân thành tới gia đình, bạn bè đã động viên, đóng góp

ý kiến và giúp đỡ trong quá trình học tâp, nghiên cứu và hoàn thành đồ án tốt nghiệp

Vinh, tháng 05 năm 2016

Sinh viên

Cao Bá Quyết

MỤC LỤC

LỜI CẢM ƠN 1

MỤC LỤC 4

LỜI NÓI ĐẦU 6

CHƯƠNG 1: TÌM HIỂU WORDPRESS 7

1.1 Wordpress là gì? 7

1.2 Phát triển website Wordpress 7

1.3 Cài đặt Wordpress trên Localhost 7

CHƯƠNG 2: TÌM HIỂU CẤU TRÚC WORDPRESS THEME 14

2.1 Tìm hiểu về Wordpress Theme 14

2.1.1 Định nghĩa: 14

2.1.2 Theme hoạt động thế nào? 14

2.1.3 Kỹ năng và kiến thức cần có để tạo và chỉnh sửa Theme 14

2.2 Cấu trúc của Theme cơ bản 15

2.3 Cấu trúc của một Theme bán hàng online có tích hợp Woocommerce 17

CHƯƠNG 3: TÌM HIỂU VỀ LẬP TRÌNH THEME TRONG WORDPRESS 25

3.1 Tìm hiểu PHP cơ bản trong Wordpress 25

3.1.1 Mảng 25

3.1.2 Biến dữ liệu 25

3.1.3 Hàm 25

3.1.4 Vòng lặp 27

3.1.5 Các lớp & đối tượng 28

3.1.6 Hook 29

3.2 Cơ sở dữ liệu trong Wordpress 29

3.2.1 Cấu hình database tại Tệp wp-config.php 29

3.2.2 Cấu trúc của database mặc định 30

3.3 Cấu trúc cơ sở dữ liệu sau khi tích hợp plugin Woocommerce và adrotate 31

CHƯƠNG 4: XÂY DỰNG THEME VÀ ỨNG DỤNG CHO WEBSITE 33

4.1 Giao diện trang chủ 33

4.1.1 Phần header: 33

4.1.2 Main content 35

4.1.3 Footer 39

4.2 Trang sản phẩm 39

4.3 Trang chi tiết sản phẩm 42

4.4 Trang giỏ hàng 45

4.5 Trang thanh toán 47

4.6 Trang hàng giá rẻ 48

4.7 Các trang tin 50

4.8 Sản phẩm Theme 52

KẾT LUẬN 54

TÀI LIỆU THAM KHẢO 55

LỜI NÓI ĐẦU

Hiện nay, sự phát triển của công nghệ thông tin, internet kéo theo đó là sự phát triển của hệ thống website để phục vụ nhu cầu của mỗi cá nhân và tổ chức Từ những website sơ khai, đơn giản, tính thẩm mỹ chưa cao, với mục đích sử dụng, sự cạnh

tranh lên “TOP” để thu hút lượt truy cập trên internet đòi hỏi website phải đẹp hơn,

cầu kỳ hơn, có các tính năng nổi bật, dễ sự dụng, dễ thiết kế hơn, chuyên nghiệp hơn

và đáp ứng được mọi nhu cầu của con người Vì thế Matt Mullenweg đã sáng lập ra

Wordpress và được Michel Valdrighi phát triển để đáp ứng nhu cầu trên Ban đầu

Wordpress chỉ phục vụ để làm blog hoặc forum, sau này phát triển lên website như

website tin tức, bán hàng…và mặc định chỉ một số Theme Sự hạn chế của Wordpress

là Theme đã khiến các lập trình viên đưa ra ý tưởng lập trình thiết kế Theme Và

Theme được phát triển nhanh chóng

Vì thế em chọn đề tài “Tìm hiểu lập trình Theme trong Wordpress và ứng dụng minh hoạ cho website bán hàng ” là muốn tìm hiểu và tự làm ra một Theme cho

riêng mình Hoàn thiện kỹ năng lập trình Theme để chuyên nghiệp hơn và hòa nhập

với cộng đồng Wordpress

Để giải quyết bài toán cho đề tài trên, cần đòi hỏi các kỹ năng như: Photoshop, thành thạo Html/css, biết lập trình PHP hiểu về MySql, biết sử dụng mã nguồn Wordpress

Hướng giải quyết bài toán:

Từ bản thiết kế bằng Photoshop, sử dụng Html/css thiết kế giao diện các trang tĩnh của Theme ,sau đó áp dụng lập trình php và sử dụng mã nguồn Wordpress chuyển các trang tĩnh thành Theme Wordpress

Để hiểu rõ hơn về bài toán và hướng giải quyết, em đã thực hiện đồ án “ Tìm hiểu lập trình Theme trong Wordpress và ứng dụng minh hoạ cho website bán hàng” với nội dung 5 chương sau:

Chương mở đầu

Chương 1: Tìm hiểu Wordpress

Chương 2: Tìm hiểu cấu trúc Wordpress Theme

Chương 3: Tìm hiểu về lập trình Wordpress Theme

Chương 4: Xây dựng và ứng dụng Theme cho Website bán hàng online

CHƯƠNG 1: TÌM HIỂU WORDPRESS

và áp dụng cho nhiều loại website, trong đó có cả website mảng thương mại điện tử

1.2 Phát triển website Wordpress

Phát triển website Wordpress có 2 kiểu:

1.3 Cài đặt Wordpress trên Localhost

Wordpress được lập trình bằng ngôn ngữ PHP sử dụng hệ quản trị cơ sở dữ liệu MySQL nên muốn cài đặt Wordpress thì chúng ta phải có một web server ảo

ngay chính trên máy tính của mình Để có web server ảo thì chúng ta cần cài đặt một

trong các phần mềm thông dụng như Wamp, Xampp

Wamp: là môi trường phát triển web trên hệ điều hành Windows Nó cho phép

bạn tạo các ứng dụng Web với Apache, PHP và MySQL Bên cạnh đó, PhpMyAdmin cho phép quản lý cơ sở dữ liệu dễ dàng Wamp là viết tắt của Windows, Apache, MyAdmin và PHP

Xampp: là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn

Apache, PHP, MySQL, FPT Server, Mail Server và công cụ PhpMyAdmin Xampp là viết tắt của X, Apache, MySQL, PHP, Perl

- Apache: là chương trình máy chủ HTTP

- X: là ám chỉ dùng được cho cả 4 hệ điều hành khác nhau: Windows, Linux, Solaris và MacOS

- Perl: là một ngôn ngữ lập trình thông dụng trong hệ thống và xử lí các trang web

Tuy Xampp hỗ trợ khá đầy đủ, nhưng chạy hay bị lỗi và treo So với Xampp thì Wamp nhẹ hơn và chạy khá ổn định Vì thế em chọn Wamp để chạy máy chủ ảo trên Localhost

1.3.1 Cài đặt Wamp

- Chương trình cài đặt Wampp server được tải trên trang Wampserver.com

- Cách cài đặt chương trình Wampserver:

+ Sau khi tải về tập tin cài đặt chương trình Wamp Server về máy tính bạn hãy chạy nó để tiến hành cài đặt

+ Cách cài đặt chương trình Wamp Server cũng giống như các chương trình thông thường khác

+ Trong lúc cài đặt, bạn có thể thay đổi ổ dĩa và tên của thư mục chứa các tập tin của chương trình Wamp Server nếu muốn

- Cách sử dụng chương trình Wamp Server

Hình 2.1: chương trình Wamp

Bạn có thể truy cập vào trình đơn của Wamp Server bằng cách nhấn nút trái chuột vào biểu tượng của chương trình Wamp Server trên khay hệ thống Trong đó có các mục cần lưu ý sau:

+ Localhost: Truy cập vào địa chỉ của máy chủ web

+ PhpMyAdmin: Truy cập vào phần quản lý cơ sở dữ liệu (Database)

+ Www directory: Truy cập vào thư mục web gốc, mặc định là thư mục www nằm trong thư mục cài đặt Wamp Server Đây chính là thư mục chứa các tập tin

và ứng dụng web của bạn

+ Khi muốn tắt chương trình Wamp Server, bạn hãy nhấn nút phải chuột vào biểu tượng của chương trình Wamp Server trên khay hệ thống và chọn Exit

1.3.2 Cài đặt Wordpress

Đầu tiên các bạn cần phải download mã nguồn Wordpress mới nhất tại đường

dẫn https://Wordpress.org/latest.zip

Giải nén Tệp vừa download về bạn sẽ thấy folder Wordpress nằm trong đó

và sau đó bạn chỉ việc copy folder đó vào folder C:Wamp/www đây là folder chứa các

mã nguồn để chạy trên Localhost, mọi mã nguồn đều bắt buộc phải nằm trong đây thì mới có thể hoạt động được

Cài đặt Wordpress trên Localhost

Bước 1: Để thực hiện việc cài đặt thì các bạn mở bất kỳ trình duyệt nào lên cũng được

và nhập vào thanh địa chỉ web với đường dẫn là http://:Localhost/Wordpress,

Wordpress chính là tên folder mà các bạn giải nén vào Localhost Nếu bạn nào có thay đổi tên folder chứa mã nguồn Wordpress thì thay đổi lại đường dẫn trên cho phù hợp

Và kết quả như hình 2.2

hình 2.2:bước 1

Bước 2: chọn continue và kết quả ( hình 2.3)

hình 2.3:bước 2

Bước 3: bấm thực hiện ngay và kết quả (hình 2.4)

Phải điền đúng thông tin:

- Tên cơ sở dữ liệu: là tên Database mà các bạn đã khởi tạo trong Phpmyadmin

- Tên đăng nhập: mặc định Wamp luôn có tên là Root

- Mật khẩu: mật khẩu có thể để trống

- Địa chỉ máy chủ CSDL: giữ nguyên Localhost

- Tiền tố bảng dữ liệu: nên thay đổi nếu như website của bạn muốn bảo mật tốt

hơn, còn không thì giữ nguyên

Hình 2.4:bước 3

Bước 4: nhập xong toàn bộ thông tin thì bạn hãy nhấn nút Gửi để làm bước kế tiếp,

nếu toàn bộ thông tin bạn nhập ở trên chính xác thì trình duyệt sẽ tự động chuyển tới một trang giống như hình 2.5:

Hình 2.5:bước 4

Bước 5: nhấn vào nút Thực thi cài đặt, để chúng ta đi tới bước cuối cùng trong quá trình cài đặt Wordpress

Hình 2.6: bước 5

Ở bước cuối cùng này thì các bạn chỉ cần điền các thông tin quan trọng của website như là tiêu đề trang web, tên đăng nhập cùng mật khẩu của admin và email của bạn nữa Nếu bạn muốn website được các công cụ tìm kiếm đánh dấu thì check vào ô “ cho phép các công cụ tìm kiếm đánh chỉ mục trang mạng này ” Nhập xong

toàn bộ thông tin thì hãy nhấn nút Cài đặt Wordpress

Quá trình cài đặt sẽ diễn ra trong vài phút, nhanh nhất là một phút và nếu như không

có gì xảy ra trong quá trình cài đặt thì trình duyệt sẽ chuyển bạn sang một trang với nội dung là thông báo việc cài đặt đã thành công giống như hình sau

Hình 2.7:bước 6

Bạn nhấn vào nút đăng nhập thì trình duyệt sẽ chuyển bạn đến trang admin của

Wordpress, muốn xem giao diện trang chủ thì bạn truy cập vào đường dẫn

http://Localhost/Wordpress

CHƯƠNG 2: TÌM HIỂU CẤU TRÚC WORDPRESS THEME

2.1 Tìm hiểu về Wordpress Theme

2.1.2 Theme hoạt động thế nào?

Trong Theme có rất nhiều tệp, mỗi tệp đều mang vai trò riêng của nó do Wordpress định sẵn, các tệp trong Theme này chúng ta sẽ gọi nó là template( bản mẫu) hoặc template file( tệp bản mẫu) Ví dụ như tệp single.php để hiển thị nội dung một post

Khi thực thi, các tệp này sẽ được nối lại với nhau tạo nên một giao diện phù hợp với truy vấn người dùng Giả sử như bạn ra trang chủ, thì sẽ có 3 Tệp được nối lại là:

- Header.php – Cái đầu của Theme

- Index.php – Cái thân của Theme

- Footer.php – phần chân của Theme

Trong đó, Tệp Header và Footer luôn luôn được gọi ở tất cả mọi trang

2.1.3 Kỹ năng và kiến thức cần có để tạo và chỉnh sửa Theme

Kỹ năng lập trình php cơ bản: toàn bộ hệ thống Wordpress cho đến Theme đều

sử dụng ngôn ngữ PHP để lập trình,vì thế với kiến thức PHP cơ bản, mình có thể lập trình những cái cơ bản, và tìm hiểu để nâng cao dần

Kỹ năng thiết kế: kỹ năng thiết kế cũng rất quan trọng, Theme đẹp hay xấu là

do bản thiết kế Tùy vào trường hợp mà bản thiết kế được tạo ra sao cho phù hợp

Kiến thức html, css, javascript: các trang web tĩnh là bản mô phỏng cho Theme, nhưng chưa có mã nguồn xử lý các tính năng trong đó Vì thế Html/Css là kiến thức cần phải có trong xây dựng Theme

Kiến thức Wordpress căn bản: sau khi xây dựng Theme, điều quan trọng ở đây

là phải biết cài đặt, chỉnh sửa nội dung, sao cho phù hợp với Theme

2.2 Cấu trúc của Theme cơ bản

Hình 2.1:cấu trúc của Theme

Hàm gọi header: get_header()

Index.php

Khi vào trang chủ website thì tệp này sẽ thực thi đầu tiên, thường là nó sẽ chứa một vòng lặp để hiển thị danh sách các bài mới nhất Nếu các tệp khác như single.php, archive.php, search.php không tồn tại thì Wordpress sẽ lấy Tệp này ra để xử lý các truy vấn

Single.php

Tệp này sẽ hiển thị nội dung của website khi ta nhấp vào xem một post hoặc một custom post type Thường nó sẽ bao gồm vòng lặp, hàm gọi sidebar và dĩ nhiên là bắt buộc có hàm gọi header và footer

Đây cũng là một tệp khá quan trọng mặc dù trong vài Themes nó chỉ có vài dòng nhưng trong thời gian sử dụng bạn sẽ ngày càng viết nhiều cái hơn vào tệp này

Tệp này có tác dụng thực thi một đoạn mã PHP nào đó mà nó sẽ trực tiếp ảnh hưởng lên Themes Ví dụ như bạn thực hành Hook và Filter thì cũng làm trong Tệp này, tạo custom post type cũng làm trong tệp này, tạo widget cũng làm trong tệp này

Style.css

Đây là tệp quan trọng nhất của Themes, không có tệp này thì Themes bạn không thể kích hoạt được Đại loại nó là tệp xác định thông tin của Themes và chứa các CSS trong Themes, bạn có thể không viết CSS ở Tệp này mà import một Tệp CSS khác vào nhưng bạn vẫn phải có tệp này để xác định các thông tin của Themes như tên Themes, tác giả,…

2.3 Cấu trúc của một Theme bán hàng online có tích hợp Woocommerce

Hình 2.2:cấu trúc Theme

Trong đó thư mục Woocommerce là nơi chứa những tập tin mẫu để thiết lập

cấu trúc hiển thị của nó ra bên ngoài website Ví dụ khi bạn vào xem một sản phẩm thì những gì mà bạn thấy trong đó đều được hiển thị bởi bản mẫu mà Woocommerce đã cấu hình sẵn Chúng ta muốn biến đổi cách hiển thị những phần đó thì sẽ tiến hành sửa bản mẫu

Những bản mẫu mặc định của Woocommerce sẽ được lưu tại thư mục content/plugins/Woocommerce/template/ và tất cả các tập tin trong đó đều là bản

/wp-mẫu hiển thị, mọi thứ đều có trong đó

Hình 2.3:cấu trúc thư mục bản mẫu woocomerce

Ý nghĩa các tệp như sau:

Thư mục cart: Các tập tin bản mẫu liên quan đến hiển thị giỏ hàng

Hình 2.4: Thư mục Cart

 cart-empty.php – Hiển thị giỏ hàng trống

 cart-item-data.php – Hiển thị biến thể bên trong giỏ hàng

 cart-shipping.php – Hiển thị khu vực chọn kiểu giao nhận trong giỏ hàng

 cart-total.php – Hiển thị hộp tính tổng giỏ hàng

 cart.php – Hiển thị cả giỏ hàng

 cross-sell.php – Hiển thị sản phẩm bán chéo

 mini-cart.php – Hiển thị giỏ hàng mini ở widget

 process-to-checkout-button.php – Nút chuyển qua trang thanh toán

 shipping-calculator.php – Hiển thị hộp tính phí giao nhận trong giỏ hàng

Thư mục checkout: Các tập tin bản mẫu hiển thị phần thanh toán

Hình 2.5: Thư mục checkout

 cart-errors.php – Hiển thị trang giỏ hàng bị lỗi

 form-billing.php – Hiển thị các form nhập thông tin hóa đơn của khách hàng

 form-checkout.php – Cấu trúc toàn bộ form trang thanh toán

 form-coupon.php – Hiển thị form nhập mã ưu đãi

 form-login.php – Hiển thị form đăng nhập

 form-pay.php – Hiển thị phần trả tiền, bao gồm phần tổng kết giỏ hàng và

phần chọn phương thức thanh toán

 form-shipping.php – Hiển thị khung nhập địa chỉ nhận hàng

 payment-method.php – Hiển thị nút chọn phương thức thanh toán

 payment.php – Hiển thị thông tin các phương thức thanh toán và nút đặt hàng

 review-order.php – Hiển thị phần xem lại hóa đơn

 thankyou.php – Hiển thị trang cám ơn sau khi thanh toán xong

Thư mục emails : Các bản mẫu hiển thị email thông báo của Woocommerce

Hình 2.6: Thư mục emails

 plain – Bản mẫu hiển thị email dạng chữ thông thường

 admin-cancelled-order.php – Nội dung email báo đơn hàng bị hủy cho admin

 admin-new-order.php – Nội dung email thông báo đơn hàng mới cho admin

 customer-completed-order.php – Nội dung email thông báo đơn hàng đã hoàn

thành cho khách hàng

 customer-invoice.php – Nội dung email thông báo hóa đơn cho khách hàng

 customer-new-account.php – Nội dung email thông báo thông tin tài khoản

mới cho khách hàng

 customer-note.php – Nội dung email thông báo có ghi chú mới vừa thêm vào

hóa đơn cho khách hàng

 customer-processing-order.php – Nội dung email thông báo đơn hàng đang

 email-addresses.php – Phần hiển thị địa chỉ trong email

 email-footer.php – Phần hiển thị footer trong email

 email-order-items.php – Phần hiển thị các sản phẩm của đơn hàng trong

email

 email-styles.php – CSS của email

Thư mục global: Các bản mẫu hiển thị các thành phần trên toàn bộ các trang của

Woocommerce

Hình 2.7: Thư mục global

 breadcrumb.php – Hiển thị thanh điều hướng

 form-login.php – Hiển thị form đăng nhập

 quantity-input.php – Hiển thị trường chọn số lượng

 sidebar.php – Hiển thị sidebar của Woocommerce

 wrapper-end.php – Hiển thị phần kết thúc của phần tử bao quanh cấu trúc

 add-to-cart.php – Nút thêm vào giỏ hàng

 loop-end.php – Phần tử kết thúc vòng lặp, chỉ có mỗi thẻ <ul> trong đó hehe

 loop-start.php – Phần tử bắt đầu vòng lặp

 no-product-found.php – Dòng hiển thị không tìm thấy sản phẩm

 order.php – Khung hiển thị kiểu sắp xếp hiển thị sản phẩm

 pagination.php – Hiển thị phần phân trang

 price.php – Hiển thị giá

 rating.php – Hiển thị cái đánh giá sản phẩm

 result-count.php – Hiển thị số đếm két quả

 sale-flash.php – Hiển thị cái nhãn hiển thị chữ SALE trên sản phẩm khi sản

phẩm đó đƣợc giảm giá

 title.php – Hiển thị tiêu đề sản phẩm

Thư mục notices: Các bản mẫu hiển thị thông báo

Hình 2.9: Thư mục notices

 error.php – Thông báo lỗi

 notice.php – Thông báo

 success.php – Thông báo thành công

Thư mục order: Các bản mẫu hiển thị đơn hàng

Hình 2.10: Thư mục order

 form-tracking.php – Form theo dõi đơn hàng

 order-again.php – Hiển thị phần đặt lại đơn hàng

 order-details-customer.php – Hiển thị thông tin chi tiết khách hàng trong đơn

hàng

 order-details-item.php – Hiển thị thông tin chi tiết sản phẩm trong đơn hàng

 order-details.php – Hiển thị thông tin chi tiết của đơn hàng

 tracking.php – Hiển thị trang theo dõi đơn hàng

Thư mục single-product: Các bản mẫu hiển thị các phần tử trong trang hiển thị chi

tiết các sản phẩm

Hình 2.11: Thư mục single-product

Thư mục add-to-cart: Các bản mẫu hiển thị nút thêm vào giỏ hàng trong trang chi

tiết sản phẩm

 exernal.php – Nút thêm vào giỏ hàng đối với sản phẩm liên kết ngoài

 grouped.php – Nút thêm vào giỏ hàng đối với sản phẩm đƣợc nhóm

 simple.php – Nút thêm vào giỏ hàng với sản phẩm đơn giản

 variable.php – Nút thêm vào giỏ hàng với sản phẩm chứa biến thể

Thư mục tabs: Các bản mẫu hiển thị nội dung của tab thông tin trong sản phẩm

 additonal-information.php – Tab hiển thị thông tin thêm của sản phẩm

 description.php – Tab hiển thị mô tả sản phẩm

 tabs.php – Cấu trúc các tab

Các Tệp còn lại:

 meta.php – Hiển thị phần thông tin meta của sản phẩm nhƣ danh mục, từ

khóa,…

 price.php – Hiển thị giá

 product-attributes.php – Hiển thị thuộc tính sản phẩm

 product-image.php – Hiển thị hình ảnh sản phẩm

 product-thumbnails.php – Hiển thị các hình ảnh gallery của sản phẩm

 rating.php – Hiển thị phần đánh giá điểm sao

 related.php – Hiển thị phần sản phẩm liên quan

 review.php – Hiển thị danh sách đánh giá khách hàng

 sale-flash.php – Hiển thị nhãn hiển thị chứ Sale

 share.php – Hiển thị phần chia sẻ sản phẩm lên mạng xã hội

 short-description.php – Hiển thị phần mô tả ngắn

 title.php – Hiển thị tiêu đề

 up-sells.php – Hiển thị sản phẩm bán thêm

Các tệp chính:

 archive-product.php – Bản mẫu hiển thị cấu trúc trang lưu trữ của sản phẩm

 content-product.php – Bản mẫu hiển thị cấu trúc nội dung hiển thị sản phẩm

được gọi từ archive-product.php

 content-product_cat.php – Bản mẫu hiển thị cấu trúc nội dung sản phẩm trong

danh mục sản phẩm

 content-single-product.php – Bản mẫu hiển thị cấu trúc nội dung hiển thị

trong trang chi tiết một sản phẩm

 content-widget-product.php – Cấu trúc hiển thị nội dung sản phẩm trong

widget

 product-searchform.php – Cấu trúc hiển thị form tìm sản phẩm

 single-product-reviews.php – Cấu trúc hiển thị danh sách đánh giá của khách

hàng trong trang chi tiết sản phẩm

 single-product.php – Cấu trúc hiển thị trang chi tiết một sản phẩm

 taxonomy-product_cat.php – Cấu trúc hiển thị trang danh mục sản phẩm

 taxonomy-product_tag.php – Cấu trúc hiển thị trang từ khóa sản phẩm

CHƯƠNG 3: TÌM HIỂU VỀ LẬP TRÌNH THEME TRONG WORDPRESS

3.1 Tìm hiểu PHP cơ bản trong Wordpress

Ví dụ: biến $name được truy vấn như sau

<?php $name = get_bloginfo('name');

 The_title(): hàm hiện thị tiêu đề bài Post

 The_permalink: hàm lấy đường dẫn hiện tại của một Post

 Wp_nav_menu($arg): hàm hiện thị menu

 Dynamic_sidebar(‘sidebar’): hàm hiện thị sidebar

 The_excerpt(): hàm hiện thị đoạn mô tả của Post

 Get_the_post_thumbnail( ): hàm hiện thị hình ảnh của Post

 Get_sku(): hàm hiện thị mã sản phẩm

 Get_price_html():hàm hiện thị giá sản phẩm

 Get_footer(): hàm kết nối với Tệp footer.php

 Get_header(): hàm kết nối với Tệp header.php

 Get_sidebar(): hàm kết nối với Tệp sidebar.php

 Wp_list_categories($arg): hàm in ra danh sách danh mục theo tham số $arg

 Get_posts(): hàm lấy ra bài Post

 for : Lặp một hành động với số lần lặp nhất định Ví dụ bạn muốn in từ số 1 đến 10

thì sẽ dùng vòng lặp này vì chúng ta có thể đặt điều kiện cho nó dừng lại sau khi

 While: Lặp một hành động dựa theo một điều kiện cụ thể mà nó trả về là true

Ví dụ: hàm have_posts() sẽ có chức năng kiểm tra trong truy vấn còn đối tƣợng không, nếu nó return về là true thì lặp, false thì ngừng

 Foreach: Vòng lặp này sẽ lặp các giá trị và khoá trong mảng, chúng ta không có

gắn điều kiện hay số lần lặp gì cả mà nó sẽ lặp khi nào hết mảng thì thôi