Mẫu trong wordpress

Việc xây dựng một Chủ đề Wordpress rất dễ dàng với các thẻ mẫu. Bạn chỉ cần thêm the_title() để hiển thị tiêu đề trang hoặc bài viết, thêm the_content() để hiển thị nội dung của trang hoặc bài viết. Còn rất nhiều thẻ mẫu trong Wordpress để bạn có thể hiển thị bất cứ thứ gì. Nhưng để hiển thị những thứ cụ thể trong chủ đề của bạn thì bạn cần tạo ra các thẻ mẫu của riêng mình. Trong bài hướng dẫn này, chúng ta sẽ bắt đầu với công việc tạo các thẻ mẫu không quá phức tạp. Please started with the rule of the base nhé

Thẻ Mẫu Cơ Bản

Nếu bạn xem Wordpress Core, bạn sẽ thấy rằng hầu hết các thẻ mẫu là các hàm PHP với một vài tham số. Để tạo thẻ mẫu, bạn có thể viết một hàm PHP trong hàm tệp. php set in your theme. Ví dụ

function my_template_tag() {
  echo 'This is my template';
}

Sau đó, bạn có thể gọi nó là giao diện bằng cách thêm đoạn mã sau

Đoạn mã trên sẽ hiển thị những gì được viết trong hàm my_template_tag(). Create a WordPress Template thực đơn giản. Được rồi, bây giờ chúng ta hãy xem một ví dụ cao cấp hơn một chút

Thẻ mẫu Đếm lượt xem trang

Trong ví dụ này, chúng tôi sẽ tạo một thẻ mẫu sẽ hiển thị số lượt xem cho mỗi bài đăng và trang. Đầu tiên tạo một hàm có tên the_view(). deadline

function the_view() { 
 
} 

Chúng ta sẽ đặt chức năng trong bài viết nên chúng ta cần lấy ID của bài viết. Nó có thể được lấy ra bằng hàm get_the_ID()

function the_view() { 
  $id = get_the_ID();
} 

Sau đó, chúng ta có thể sử dụng một hàm để lấy số lượt xem từ WordPress. com Stat bằng cách sử dụng stats_get_csv();. Hàm này chấp nhận một số tham số

function the_view() {
  $id = get_the_ID();
  $page_view = stats_get_csv('postviews', 'days=-1&post_id='.$id.'');
}

Trong đoạn mã trên, vì chúng ta đặt tham số ngày thành -1, nên chúng ta sẽ truy xuất số liệu xem ID bài đăng đã cho ngay từ đầu, từ khi plugin WordPress. com Stat was activate. Sau đó chúng ta chỉ việc lặp lại số lượt xem

Trong tệp

4, bên ngoài công việc căn chỉnh thuộc tính cho các thẻ HTML, chúng ta có thể khai báo các mô tả cho chủ đề

Ví dụ, ở đầu tập tin

4

/*   
Theme Name: Vuzic
Theme URI: http://www.vuzic.com
Description: I built this theme based on Nick Vuzic spirit.
Author: Hoang Viet An
Author URI: https://hoangvietan96.github.io
Version: 1.0
*/

Ngoài những mô tả chính như ở trên chủ đề, chúng ta có thể thêm các tùy chọn khác để mô tả chủ đề chi tiết hơn

Ví dụ

________số 8

Ngoài ra, WordPress cho phép người dùng đặt ảnh đại diện cho chủ đề thông qua tệp

>

    
    
    
    
    

>
...

1

Kết quả.

3. tiêu đề. php

Trước khi viết phần header cho chủ đề, chúng ta cần tìm hiểu qua một số thẻ mẫu (hiểu là các chức năng được WordPress hỗ trợ đơn giản

).

• 
  >
  
      
      
      
      
      
  
  >
  ...
  

  2. Thuộc tính ngôn ngữ cho thẻ

  
  >
  
      
      
      
      
      
  
  >
  ...
  

  3> của trang web sau khi được thiết lập trong Cài đặt chung

Đầu ra sẽ là

2

• 
  >
  
      
      
      
      
      
  
  >
  ...
  

  4. Trả về những thông tin cơ bản của trang web. Ví dụ

4

Chúng ta có thể tham khảo thêm các thuộc tính của

>

    
    
    
    
    

>
...

4 tại đây

• 
  >
  
      
      
      
      
      
  
  >
  ...
  

  6. Thẻ mẫu này sẽ bổ sung các lớp cho thẻ

  
  >
  
      
      
      
      
      
  
  >
  ...
  

  7> tùy thuộc vào trang hiện tại được truy cập

Ví dụ, khi ở một trang

Về cơ bản, một tiêu đề của chủ đề nên có những thành phần sau

>

    
    
    
    
    

>
...

Chú thích. Trước khi đóng thẻ

>

    
    
    
    
    

>
...

8, chúng ta cần thêm template tag

>

    
    
    
    
    

>
...

9 để WordPress hiểu được chúng ta đang đặt phần header cho theme

4. cuối trang. php

Tương tự như

6

function the_view() { 
 
} 

3

Chú thích. Trước khi đóng thẻ

function the_view() { 
 
} 

31, chúng ta cần thêm template tag

function the_view() { 
 
} 

32 để WordPress hiểu được chúng ta đang thiết lập phần footer cho theme

5. thanh bên. php

Ở phần thanh bên, chúng ta có thể đặt quảng cáo hay menu cho trang web cũng được

function the_view() { 
 
} 

6

Chú thích. thanh bên. php không cần thẻ mẫu như

>

    
    
    
    
    

>
...

9 và

function the_view() { 
 
} 

32 để hiển thị

6. mục lục. php

Sau khi thiết lập xong header, footer và sidebar, file

5 sẽ được viết như sau

function the_view() { 
  $id = get_the_ID();
} 

0

7. vòng lặp

Trước khi tìm hiểu cách hiển thị các bài đăng hoặc trang trong

function the_view() { 
 
} 

36, chúng ta cần tìm hiểu cách hiển thị các bài đăng thông qua vòng lặp của WordPress

Cách 1. Vòng lặp mặc định của WordPress

function the_view() { 
  $id = get_the_ID();
} 

2

Cách 2. Sử dụng function the_view() { } 37 để sửa lại cấu trúc mặc định của vòng lặp

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

0

Cách 3. Sử dụng function the_view() { } 38

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

1

Cách 4. Sử dụng lớp function the_view() { } 39

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

2

Cách 5. Sử dụng function the_view() { } 60

Cá nhân mình đánh giá thì đây là cách an toàn nhất để tạo một vòng lặp riêng biệt hay nhiều vòng lặp trên một trang

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

3

8. Show the posts & page

dựa vào cách sử dụng vòng lặp để hiển thị các bài đăng và trang, tệp

5 có thể được viết lại như thế này

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

4

WordPress đã hỗ trợ cho chúng ta những thẻ mẫu như

function the_view() { 
 
} 

62,

function the_view() { 
 
} 

63, v.v. to show content of a post

Ngoài ra, nếu người dùng muốn đặt "hình đại diện" cho các bài đăng, họ có thể sử dụng thẻ mẫu

function the_view() { 
 
} 

64. Ví dụ

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

5

Chú thích. Cần bật tính năng hiển thị hình thu nhỏ cho các bài đăng bằng cách thêm đoạn mã

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

6

vào tệp

function the_view() { 
 
} 

65 (sẽ nói ở dưới ạ ).

Kết quả. (Mình cũng vậy nên dùng theme Twenty Sixteen có sẵn của WordPress để test hihi

)

=>

9. Móc, Hành động & Bộ lọc

Cái móc

Hiểu đơn giản nhất thì Hook là tên gọi cho các chức năng mặc định của WordPress

Hook được chia ra làm 2 loại. Action (về mặt sự kiện) và Filter (về mặt nội dung)

Chúng ta sử dụng hàm

function the_view() { 
 
} 

66 và

function the_view() { 
 
} 

67 để ghi đè lại các hook của WordPress

Hoạt động

Ví dụ, nếu muốn tính năng thêm avatar cho các bài viết sau khi chủ đề được khởi động, chúng ta có thể móc thêm chức năng của mình vào hook

function the_view() { 
 
} 

68

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

7

Lọc

Ví dụ thông qua mã cho dễ hiểu ạ

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

8

Cụ thể thì hook

function the_view() { 
 
} 

69 có tác dụng làm cho đoạn văn nội dung được lấy ra từ cơ sở dữ liệu chỉ hiển thị ở chế độ xem tối đa 50 ký tự, sau đó

function the_view() { 
  $id = get_the_ID();
} 

00

Sau khi được ghi đè lại bằng chức năng

function the_view() { 
  $id = get_the_ID();
} 

01, đến ký tự thứ 40 sẽ

function the_view() { 
  $id = get_the_ID();
} 

00 thay vì 50 như trước (trong cơ sở dữ liệu không thay đổi, chỉ thay đổi ở chế độ xem)

10. chức năng. php

function the_view() { 
 
} 

65 là tệp quan trọng nhất khi viết một chủ đề WordPress. Bất kể khi nào tải trang, WordPress sẽ tìm đến tệp

function the_view() { 
 
} 

65 đầu tiên, xử lý các tác vụ rồi mới xuất ra cho người dùng

Mình đã viết một file core functions. php cơ bản như sau

/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
...
*/

9

Đôi khi,

function the_view() { 
 
} 

65 cũng có tác dụng như một

function the_view() { 
  $id = get_the_ID();
} 

06

Ví dụ, chúng ta muốn tạo một hàm

function the_view() { 
  $id = get_the_ID();
} 

07 giống như trong Laravel, bên trong

function the_view() { 
 
} 

65, chúng ta viết như sau