Làm cách nào để thêm lớp bằng PHP?

Trong hướng dẫn ngắn này, chúng ta sẽ xem xét lớp cơ thể WordPress và cách chúng ta có thể thao tác với nó bằng các lệnh gọi API cốt lõi

Cụ thể, chúng tôi đề cập đến việc thêm các lớp cơ thể, loại bỏ các lớp cơ thể, thêm các lớp cơ thể có điều kiện và một số trường hợp sử dụng

Hướng dẫn sử dụng một số PHP đơn giản—nếu bạn không tự tin khi sử dụng ngôn ngữ lập trình WordPress, hãy thử khóa học miễn phí dành cho người mới bắt đầu của chúng tôi về Học PHP cho WordPress để bắt kịp tốc độ

Tìm hiểu PHP cho WordPress

Khi bạn đã nắm vững các kiến ​​thức cơ bản, tại sao không nắm bắt ngôn ngữ lập trình WordPress trong khóa học miễn phí về học PHP cho WordPress này?

• Tìm hiểu PHP cho WordPress

  Rachel McCollin

  28 Th04 2020

lớp cơ thể. Những gì nó có thể được sử dụng cho?

Lớp 

5

3 trong WordPress là một lớp hoặc một loạt các lớp được áp dụng cho phần tử nội dung HTML. Điều này hữu ích khi áp dụng các kiểu độc đáo cho các khu vực khác nhau của trang web WordPress vì 

5

3 lớp có thể được thêm vào một cách có điều kiện

WordPress chứa một số lớp nội dung mặc định được đề cập trong bài viết này

• Làm việc với các lớp và ID được tạo bởi WordPress

  Rachel McCollin

  10 Thg 7 2013

Thêm vào lớp cơ thể

Có một vài phương pháp có sẵn cho chúng tôi để thêm các lớp cơ thể mới trong WordPress. Hướng dẫn này sẽ đề cập đến việc thêm lớp nội dung trong một chủ đề [thường được xác định trong tiêu đề. php] bằng hàm 

5

5 và thêm các lớp bằng bộ lọc

Chỉnh sửa chủ đề. Vượt qua một giá trị lớp cơ thể

Đây là một cách thực sự đơn giản để thêm các lớp cơ thể và đặc biệt hữu ích nếu bạn đang tạo một chủ đề. Lớp cơ thể thường được bao gồm trong một chủ đề sử dụng đoạn mã sau

5

6

Để thêm lớp của riêng bạn vào đây, bạn có thể chuyển một đối số vào hàm, như vậy

5

7

Thao tác này sẽ thêm một lớp nội dung là 

5

8 trên mỗi trang của trang web WordPress của bạn

Các lớp cơ thể tĩnh và động mặc định trong WordPress

Các lớp thường được thêm vào bất kỳ phần tử nào để nhắm mục tiêu chúng để tạo kiểu bằng CSS hoặc để thao tác nội dung của chúng bằng JavaScript

Chức năng 

5

9 trong WordPress giúp chúng tôi thực hiện điều này rất dễ dàng bằng cách tự động thêm một loạt các lớp thích hợp vào thẻ body của trang web của chúng tôi

Một ví dụ như vậy là lớp 

>

00 được thêm vào thẻ body nếu người dùng đã đăng nhập đang xem trang. Lớp

>

00 sẽ không được thêm vào phần thân nếu người dùng đã đăng xuất đang xem trang

Tương tự, các lớp khác như ________ 702, ________ 703, ________ 704 và ________ 705 được tự động thêm vào thẻ

5

3 nếu người dùng đang xem một loại trang cụ thể. Điều này cho phép bạn định kiểu nội dung của trang một cách có chọn lọc, tùy thuộc vào loại trang

Hàm 

5

9 cũng thêm một loạt các lớp có thể được sử dụng để nhắm mục tiêu những thứ như trang lưu trữ của một thẻ hoặc danh mục cụ thể. Ví dụ: giả sử trang web của bạn có một số bài đăng thuộc danh mục "hướng dẫn" và các bài đăng khác thuộc danh mục "mẹo". Nếu bạn truy cập trang lưu trữ dành cho danh mục hướng dẫn, bạn sẽ thấy thẻ nội dung của nó cũng chứa các lớp như

>

08. Các lớp động này cho phép bạn nhắm mục tiêu các trang và bài đăng để tạo kiểu rất cụ thể

Nếu bạn dự định thêm một số lớp vào thẻ

5

3 để nhắm mục tiêu các loại bài đăng và trang này, thì có thể tốt hơn là sử dụng các lớp được thêm theo mặc định. Tất cả các lớp do WordPress thêm vào đều được đề cập trong tài liệu WordPress

Thêm nhiều lớp cơ thể

Có thể có lúc bạn muốn thêm nhiều lớp cơ thể. Điều này có thể đạt được bằng cách sử dụng một mảng đơn giản

5

7____7

Thao tác này lấy tất cả các lớp trong mảng và chuyển chúng đến hàm _______05

Có điều kiện thêm một lớp cơ thể

Bạn cũng có thể muốn thêm một lớp cơ thể một cách có điều kiện. Điều này thật dễ dàng với một số PHP đơn giản. Ví dụ này sử dụng phương thức có điều kiện của WooC Commerce là 

>

11

>

12

Ghi chú. WooC Commerce đã thêm một lớp dựa trên điều này, vì vậy hãy lưu ý rằng đây hoàn toàn là một ví dụ

Những gì đoạn mã trên đang làm là kiểm tra xem chức năng đầu tiên có trả về đúng không. Nếu nó đúng, thì lớp cơ thể đã thêm

>

13 vào nó;

Thêm một lớp cơ thể bằng bộ lọc

Cũng có thể sử dụng bộ lọc WordPress để thêm lớp cơ thể. Phương pháp này giữ cho mã chủ đề sạch hơn và đặc biệt hữu ích nếu bạn muốn thêm một lớp cơ thể từ một plugin. Mã này có thể đi vào chức năng của chủ đề của bạn. php hoặc trong plugin của bạn

5

7__

5

4

5

5

5

6

5

7

5

8

5

9

5

>

0

>

1

>

2

>

3

>

0

>

5

>

6

Điều này thêm một lớp [hoặc các lớp, tùy thuộc vào cách triển khai của bạn] vào mảng và trả về toàn bộ mảng

Thêm nhiều lớp cơ thể bằng bộ lọc

Để thêm nhiều lớp hơn vào bộ lọc, chỉ cần thêm một dòng khác thêm giá trị khác vào mảng

5

7__

5

4

5

5

5

6

5

7

5

8

5

9

5

5

75

>

1

>

0

>

3

>

2

>

5

>

0

5

42

>

6

Thêm một lớp cơ thể theo bộ lọc một cách có điều kiện

Điều kiện cũng có thể được sử dụng trong bộ lọc. Lấy ví dụ tương tự mà chúng tôi đã sử dụng trước đó, chúng tôi có thể đạt được hiệu quả tương tự

5

7__

5

4

5

5

5

6

5

7

5

8

5

50

5

>

0

>

1

5

54

>

3

5

56

>

5

5

58

5

42

5

60

5

61

>

0

5

63

>

2

5

65

>

0

5

67

>

6

Thêm một lớp cơ thể dựa trên mẫu trang

Theo mặc định, WordPress thêm một lớp nội dung cho mẫu trang của bạn, nhưng nếu bạn là nhà phát triển giao diện người dùng và có quy ước đặt tên cho CSS của mình thì bạn có thể muốn thay đổi điều này

Ví dụ: mẫu trang có tên "một nửa" sẽ có lớp nội dung là 

>

14—không tốt

Vì vậy, hãy thêm một lớp mới, sử dụng bộ lọc và thẻ điều kiện WordPress

5

7_______270

5

5

5

72

5

7

5

8

5

75

5

5

77

>

1

5

60

>

3

>

0

>

5

>

2

5

42

>

0

5

61

>

6

Điều này sẽ thêm lớp nội dung

>

15 nếu mẫu trang là nửa trang. php

Loại bỏ một lớp cơ thể

Không chắc là bạn muốn xóa một lớp cơ thể, vì bạn không bắt buộc phải sử dụng chúng và chúng bổ sung rất ít vào đánh dấu của bạn. Như đã nói, có thể thực hiện việc này bằng cách sử dụng cùng bộ lọc 

5

5

5

7__

5

89

5

5

5

91

5

7

5

8

5

94

5

5

96

>

1

>

0

>

3

5

0

>

5

>

6

Cách dễ nhất và nhanh nhất để xóa một hoặc nhiều lớp khỏi thẻ body là xác định một mảng các lớp mà bạn muốn xóa. Sau đó, chỉ cần gọi hàm 

>

17 sẽ trả về một mảng mới chứa danh sách đầy đủ các lớp sau khi xóa các lớp mà chúng ta đã chỉ định

Bạn sẽ không phải lặp qua toàn bộ mảng và hủy đặt từng lớp một. Trong trường hợp của chúng tôi, chúng tôi đã xóa các lớp 

>

18 và 

>

03 khỏi thẻ body

Thế thôi mọi người

Trong hướng dẫn nhỏ này, chúng tôi đã đề cập đến hai phương pháp thêm vào lớp cơ thể WordPress

1. bằng cách sử dụng chức năng

   5

   5 trong một chủ đề
2. bằng cách sử dụng bộ lọc

Chúng tôi cũng đã đề cập đến việc thêm các lớp cơ thể một cách có điều kiện và loại bỏ các lớp, nếu bạn cần làm như vậy trong quá trình phát triển trong tương lai

Tìm hiểu thêm về WordPress từ Envato Tuts+

Envato Tuts+ là một nền tảng tuyệt vời để tiếp thu các kỹ năng mới. Nhóm người hướng dẫn của chúng tôi đã thực hiện các hướng dẫn, hướng dẫn và khóa học về nhiều chủ đề bao gồm WordPress và thiết kế web. Nếu bạn muốn đi sâu hơn vào các chủ đề này, hãy bắt đầu với các bài viết bên dưới

• Cách thêm thẻ meta trong WordPress

  Sajal Soni

  25 Thg 11 2020

• 6 phương pháp hay nhất để xây dựng menu thả xuống đáp ứng

  Anna Monus

  02 Th06 2020

• Cách tạo một trang web WordPress

  Rachel McCollin

  25 Thg 8 2020

Nếu bạn là người học trực quan, hãy xem kênh YouTube của chúng tôi. Nó chứa đầy video hướng dẫn và hướng dẫn hữu ích cho WordPress và thiết kế web. Xem danh sách phát của chúng tôi và khám phá kênh của chúng tôi. Bạn cũng có thể xem video này để bắt đầu

Tô màu trong 60 giây. Màu bổ sung

Bài đăng này đã được cập nhật với sự đóng góp từ Monty Shokeen. Monty là một nhà phát triển full-stack, người cũng thích viết hướng dẫn và tìm hiểu về các thư viện JavaScript mới

Làm cách nào để thêm một lớp trong PHP?

Làm cách nào để thêm một lớp vào một biến PHP?

Làm cách nào để thêm lớp trong phần tử HTML bằng PHP?

Làm cách nào để thêm lớp CSS bằng PHP?