16. Khái niệm về WordPress Widget API

Widget API là một thành phần khá là quan trọng mà hệ thống WordPress cung cấp cho bạn, nó thường được sủ dụng hầu như trong mọi website, chắc hẳn giờ đây bạn đang có khá nhiều câu hỏi về Widget, nó là gì ? nó có tính năng gì nổi trội so với các thành phần còn lại trong WordPress ?

Có rất nhiều Khái niệm về WordPress Widget APImà bạn có thể tìm kiếm câu trả lời trên google, nhưng hầu như các câu trả lời sẽ khiến cho bạn rối trí hơn, thấu hiểu tâm lý của bạn thì trong bài hôm nay tôi sẽ hình dung cho bạn biết thế nào là một Widget, nó mang lại cho bạn những điều gì và tầm quan trọng của nó đối với website ra sao.

1/ WordPress Widget API là gì?

Cũng giống như một số API khác thì Widget API là tập hợp một số hàm trong core của WordPress, nó cung cấp các phương thức giúp bạn tạo ra những khối (Block) hiển thị ở khu vực backend (Admin) và cả frontend(Trang chủ).

Widget có tất cả là 9 phương thức được chia thành hai nhóm khác nhau, chức năng cụ thể của từng phương thức thì tôi sẽ trình bày ở các bài kế tiếp vì thế bạn đừng lo lắng về định nghĩa của các phương thức.

widget-api-la-gi

Widget được đặt trong vùng admin, cụ thể hơn là bạn truy cập vào theo đường dẫn http://localhost/wordpress/wp-admin/widgets.php, hoặc có thể theo chỉ mục admin->appearance->widgets.

Mặc định thì WordPress hoặc tùy themes (Giao diện) sẽ cung cấp cho bạn một số Widget có sẵn, việc của bạn chỉ cần là nhúng nó vào khu vực sidebar muốn hiển thị, vậy lúc này câu hỏi đưa ra, Sidebar là gì ? và nó khác Widget ở chỗ nào?

Bạn có thể hiểm nôm na rằng, Bạn có một căn nhà và trong căn nhà có tới 6 chỗ để dép đi hen, vậy thì Sidebar chính là khu vực để dép và Widget chính là các đôi dép mà bạn để vào. Có nghĩa là Sidebar là vùng hiển thị các Widget mà bạn nhúng vào, mỗi themes sẽ có các vùng Sidebar khác nhau, có themes hỗ trợ tới 6 vùng, có themes chỉ có 2 vùng mà thôi.

widget-va-sidebar

Phần mà tôi tô đỏ trong hình là các Widget có sẵn, còn phần tô màu xanh là các Sidebar hỗ trợ trong themes. Do tôi đang sử dụng themes Twenty Thirteen. Vì đây là một themes mặc định do WordPress cung cấp nên bạn có thể nhận thấy rằng hỗ trợ Sidebar khá là khiêm tốn.

Nếu bạn đang dùng themes giống tôi thì bạn truy cập vào trang chủ và di chuyển chuột tới cuối trang sẽ thấy một background màu nâu đậm, đây chính là khu vực hiển thị Widget được nhúng vào Sidebar Main Widget Area.

widget-show-home

Ok, tới đây thì chắc bạn cũng đã hiểu Widget API mang lại điều gì cho bạn. Bạn hoàn toàn có thể nhúng thêm Widget vào vị trí của Sidebar còn lại nhé, công việc chỉ đơn thuần là kéo thả và bấm nút save.

Ngoài các Widget có sẵn thì tôi có thể viết mới một Widget và nhúng vào hệ thống WordPress không ? hoàn toàn có thể nhé, với 9 phương thức trong hình ở phía trên thì các phương thức sẽ giúp bạn đáp ứng đầy đủ sự kỳ vọng này.

2/ Các WordPress Widget thông dụng

Một khi bạn đã xác định sử dụng hệ thống WordPress xây dựng website cho riêng bạn thì tôi chắc chắn rằng bạn sẽ sử dụng hầu như toàn bộ Widget có sẵn mà WordPress cung cấp hoặc một số Widget do themes hỗ trợ.

Các Widget thông dụng:

· Archives: Hiển thị trang lưu trữ theo tháng/ năm

· Categories: Hiển thị danh mục bài viết

· Meta: Hiển thị các đường dẫn truy cập admin, đăng ký..vvv

· Recent posts: Hiển thị bài viết mới nhất

· Recent comments: Hiển thị bình luận mới nhất

· Tag cloud: Hiển thị danh sách các từ khóa

· Search: Hiển thị textbox dùng để tìm kiếm

Các Widget sẽ đươc sắp xếp và hiển thị theo cơ chế giảm dần tức là thằng nào xếp trước sẽ hiển thị đầu tiên. Ngoài ra nếu bạn muốn thêm một Widget khác, tức là Widget từ phía bên ngoài thì bạn phải cài đặt thêm plugin.

Nhưng việc lạm dụng plugin thì tôi đã lưu ý và nhắc nhở ở các bài trước rồi, vì bạn đang phát triển nó nên tôi muốn bạn tự lập trình luôn, không cần phải dùng hàng của người khác, cái gì mình tự làm ra khi xài sẽ dễ dàng sử dụng và phát triển hơn đúng không nào? Tự thân vận động và đừng bao giờ trong chờ vào người khác nhé.

Vì trong loạt bài nói về vấn đề Widget API, thì tôi sẽ hướng dẫn đầy đủ cho bạn cách viết mới một Widget và hiển thị nó ra ngoài trang chủ.

3/ Kết bài

Như vậy tôi vừa giới thiệu Khái niệm về WordPress Widget API, bài viết chỉ đơn thuần muốn bạn hiểu rõ cốt lõi của Widget API là cung cấp cho bạn các phương thức để viết mới các Widget và giới thiệu một số Widget thông dụng thường được sử dụng phổ biến rộng rãi hầu như ở các website. Bạn nên nắm rõ vấn đề này vì sau này khi đi phỏng vấn xin việc nếu bạn aply vào một công ty chuyên phát triển WordPress thì người ta sẽ hỏi bạn về vấn đề này, nếu bạn trả lời không được thì xem như failed rồi nhé, đừng nghĩ nó đơn giản mà không lưu tâm về nó, sẽ hối hận đấy.

Series Navigation<< Sử dụng WordPress Setting API toàn tập – P2Tạo mới WordPress Widget đơn giản >>

Nguồn: laptrinhweb.org