Quản lý Widget trong WordPress

bởi Nguyễn Đức Anh
WIDGET wordpress

Đây là bố cục thông thường của một website:

bố cục thông thường của website

Với logo, banner ở phần đầu của trang. Menu website thường cũng nằm trong phần này và dưới logo một chút.

Nội dung chính ở bên trái ngay bên dưới, và ở bên phải (sidebar) là các thông tin bổ sung như bình luận gần đây, bài viết phổ biến nhất, bài mới đăng, fanpage, ô tìm kiếm, vân vân.

Phía cuối chỗ chân trang có thể chứa thư mục bài viết, bản đồ công ty, thông tin liên hệ, và một số thống kê khác.

1. Video hướng dẫn

Bạn có thể xem video hướng dẫn hoặc đọc tiếp bài viết bên dưới để biết cách làm.

2. Widget là gì?

Những thứ tạo ra thông tin bổ sung ở bên phải và chân trang là các widget. Vị trí của widget & kiểu loại widget phụ thuộc rất nhiều vào theme (giao diện) WordPress mà bạn cài. Tuy vậy, một số widget cực kỳ phổ biến thì theme nào hầu như cũng có, ví dụ như:

  • Ô tìm kiếm (Search), dùng để tìm kiếm nội dung trên website
  • Chuyên mục (Categories), dùng để hiển thị các chuyên mục của website
  • Mây thẻ (Tags Cloud), dùng để hiển thị các thẻ của website
  • Lưu trữ (Archives), dùng để hiển thị các bài viết được lưu trữ theo tháng
  • Bài viết gần đây (Recent Posts), dùng để hiển thị các bài viết mới nhất
  • Bình luận gần đây (Recent Comments), dùng để hiển thị các bình luận mới nhất
  • HTML tùy chỉnh (Custom HTML), dùng để thêm các mã HTML tùy theo ý thích
  • Meta, dùng để hiển thị liên kết đăng nhập, RSS, và liên kết đến WordPress.org
  • Văn bản (Text), dùng để hiển thị văn bản tùy chỉnh
  • Vân vân

3. Khu vực quản lý Widget

Mặc định thì theme nào cũng hiển thị một số widget cho bạn rồi. Nếu muốn thêm, sửa, xóa bất kỳ widget nào bạn cần vào khu vực dành riêng cho nó.

Ở giao diện tiếng Anh, bạn vào Appearance > Widgets:

cách vào widget, giao diện tiếng Anh
Ở giao diện tiếng Việt, bạn vào Giao diện > Widget:

cách vào widget, giao diện tiếng Việt

Một trang chứa các Widget hiển thị ra để bạn điều chỉnh, trông nó giống như thế này:

Ví dụ về một trang Widget

Trang widget này sẽ khác nhau tùy từng giao diện, nhưng bao giờ nó cũng bao gồm 3 phần:

  • Các Widget sẵn có (Available Widgets): Tức là các kiểu loại widget mà theme cung cấp, ngoài các widget phổ biến đã nói ở phần đầu, thì sẽ có rất nhiều widget khác nữa, nhất là các giao diện bạn đi mua sẽ có nhiều widget hơn hẳn đa số các theme miễn phí khác.
  • Vị trí của Widget: Tức là widget sẽ được đặt ở vị trí nào, thường thì là cột bên tay phải (sidebar) và phía chân trang (footer). Đôi khi sẽ là cột bên tay trái nếu thiết kế đặt nội dung chính ở bên tay phải. Các widget cũng thường không bị giới hạn vị trí, chẳng hạn, nếu theme cung cấp 3 vị trí, thì bất kỳ widget nào cũng có thể được đặt ở bất kỳ vị trí nào trong 3 nơi đó.
  • Widget không sử dụng (Inactive Widgets): Nếu có widget nào bạn đang sử dụng, rồi vì lý do nào đó bạn không muốn dùng nữa thì bạn nên đưa nó vào khu vực này. WordPress sẽ giữ các thiết lập của nó, và bất cứ khi nào bạn muốn sử dụng lại chỉ cần kéo nó từ khu vực này tới vị trí mong muốn, và bạn sẽ không phải mất công chỉnh sửa các thiết lập. Ví dụ như fanpage, khi bạn tạo widget cho nó, bạn sẽ cần thiết lập đường link, chiều cao, chiều rộng. Nếu bạn bỏ nào phần Inactive Widgets này thì lần sau khi cần dùng lại, bạn sẽ không mất công thiết lập lại các thông tin đó nữa.

4. Cách thêm Widget vào trang

Để đưa các widget vào website bạn cần biết 2 thứ:

  • Widget mà bạn muốn là gì và nó nằm ở đâu trong khu vực Các Widget sẵn có.
  • Vị trí của Widget mà bạn muốn đặt, thường Sidebar nghĩa là Cột trái hoặc Cột phải, Footer nghĩa là chân trang

Sau đó bạn chỉ cần kéo thả widget vào khu vực mà bạn thích (click giữ chuột trái rồi kéo):

kéo thả widget vào vị trí mong muốn

Nếu việc kéo thả bất tiện, một cách khác bạn có thể làm đơn giản là click vào widget và bạn muốn rồi chọn vị trí cho nó từ cửa sổ nhỏ hiện ở bên dưới (widget bên dưới có 3 vị trí là Blog Sidebar, Footer 1 và Footer 2):

chọn vị trí cho widget

Cuối cùng nhấn vào Add Widget là xong.

5. Điểu chỉnh vị trí trên dưới của Widget

Khi các widget đã vào khu vực mong muốn, bạn dễ dàng điều chỉnh vị trí trên dưới của chúng bằng cách kéo thả lên xuống:

kéo thả vị trí của widget

6. Tùy chỉnh thông tin bên trong của Widget

Sau khi có được widget ở vị trí bạn mong muốn, bạn có thể muốn điều chỉnh thông tin của nó, chẳng hạn bạn muốn điều chỉnh từ 5 bình luận gần đây nhất thành 10 bình luận gần đây nhất. Hoặc điều chỉnh tiêu đề widget từ bài viết gần đây thành tiêu đề bài viết mới nhất.

Để điều chỉnh thông tin kiểu như vậy, bạn click vào widget (click vào widget mà đã ở vị trí bạn muốn, chứ không phải widget ở chỗ Các widget sẵn có), sau đó nó sẽ hiện ra thông tin kiểu như sau:

tùy chỉnh widget

Trường Title thì Widget nào cũng có, còn phần thông tin bên dưới thì sẽ khác nhau tùy từng loại widget. Điều chỉnh xong xuôi bạn nhấn Saved.

7. Xóa Widget

Để xóa Widget, bạn cũng dùng chuột kéo thả nó ra khỏi vị trí.

xóa widget

Chỉ có một lưu ý nhỏ là có 2 vị trí để bạn lôi widget này vào:

  • Nếu bạn lôi widget muốn xóa vào phần Available Widgets thì các thiết lập của widget cũng sẽ được xóa
  • Nếu bạn lôi widget muốn xóa vào phần Inactive Widgets thì các thiết lập của widget sẽ được giữ nguyên

Tôi có dùng lại được widget đã xóa không?

Có. Bất cứ khi nào muốn dùng lại widget nào đó, bạn chỉ cần kéo nó ra từ một trong 2 khu vực Available hoặc Inactive ra là được.

8. Widget mà tôi muốn không có thì làm thế nào?

Đôi khi widget mà bạn muốn không có ở khu vực Các widget sẵn có. Khi ấy bạn cần tìm và cài plugin hỗ trợ. Nếu tìm bằng từ khóa tiếng Việt không ra, thì bạn nên tìm bằng từ khóa tiếng Anh. Nếu không biết viết tiếng Anh, có thể dùng Google dịch rồi copy – paste. Cái quan trọng là đạt được mục đích.

Có nhiều widget rất hay, hôm nào rảnh rỗi mình sẽ viết một bài về chủ đề đó. Bây giờ là lúc nói lời tạm biệt. Chúc vui vẻ với trang web mới.

6 các bình luận

6
Khu vực bình luận

avatar
3 Số lượng chủ đề bình luận
3 Số lượng phản hồi cho các chủ đề bình luận
0 Người theo dõi
 
Bình luận được phản hồi nhiều nhất
Chủ đề bình luận sôi nổi nhất
4 Các tác giả bình luận
Nguyễn Đức AnhKhuyenty tyHoàng Anh Tuấn Những người bình luận gần đây
mới nhất cũ nhất bình chọn nhiều nhất
Hoàng Anh Tuấn
Khách
Hoàng Anh Tuấn

Chào bạn Nguyễn Đức Anh! Mình rất ấn tượng với bài viết của bạn. Cho mình hỏi bạn có cách nào đưa các Widgets vào thân trang được không? tức là vào chỗ nội dung trang web ấy. Mình đã cố đưa các widgets vào post hoắt page rồi nhưng không được, mong được bạn chỉ giúp. Cảm ơn bạn!

ty ty
Khách
ty ty

cảm ơn a, một người trình bày gãi đúng chỗ ngứa của tui nhất, mặc dù tui không có ngu, tui có thể học rất nhanh , nhưng mấy trang kia chỉ tui không hiểu vì mấy người kia toàn chơi chiêu để bán sách online ( đó là tui thấy vậy ), cảm ơn a lần nữa, nhờ a mà tui không mất thêm thời gian, để dành time đi cafe lấy năng lượng .trân trọng

Khuyen
Khách
Khuyen

Mình đã cài widget: language switcher vào top bar, và mailchimp (đăng ký email) vào footer mà trên giao diện trang web vẫn không hiện lên, bạn có biết tại sao không?