Module Quick Tabs cho phép bạn tạo ra các khối nội
dung web theo thẻ, đặc biệt quan điểm, khối... Bạn có thể tạo ra một khối trên
trang web của bạn có chứa nhiều tab với nội dung tương ứng. Nhấn vào các tab
làm cho màn hình hiển thị nội dung tương ứng ngay lập tức, bằng cách sử dụng
jQuery. Đây là 1 ứng dụng không thể thiếu trong 1 số site chuyên nghiệp, có làm
thẩm mỹ website hơn, giúp cho website hiển thị được thông tin 1 cách mềm mại
hơn không không bị cứng nhắc khuôn mẫu
Một số ứng dụng thường
thấy của module này là người dùng dùng nó để hiển thị những bài viết gần nhất,
những bài được đọc nhiều nhất, phổ biến nhất…
Để cài đặc và sử dựng
module này, ta vào trang chủ tìm cài đặc Quick Tabs như các module bình thường
tại địa chỉ bên dưới:
Để tạo mới 1 Quick Tabs ta làm như sau:
Tại cửa sổ mới:
Title là tên tab sẽ được hiển thị, ở đây tôi đặt tên là My tab
Renderer ta để mặc định nhưng hình
Style có rất nhiều style sẽ được hiển thì theo nhu bạn chọn
Các chức năng muốn được hiển thị ra
các bạn phải tạo sẵn cho nó, ví dụ như bài
viết mới nhất, bài viết được đọc nhiều nhất…
Ở đây tôi chọn tab với 2 mục muốn hiển thị Who online và Recent comment,
ta sẽ để kiểu tab cho 2 loại này là block, các kiểu khác các bạn có thể tim hiểu
thêm để biết hết các chức năng của nó
Bên mục Tab content các bạn chọn chức năng tương ứng cho nó
Nếu muốn hiển thị thêm các bạn có thể kich chon add tab. Sau đó các bạn
save lại.
Bước tiếp theo các bạn vào Structure/Block để định vị trí của nó trên
trang web:
Ở đây tôi định vị trí
cho nớ ở phần Content
Và đây là kết quả:
Chúc các bạn thành công
Văn Quang
a ơi, em vào được trang http://drupal.org/project/quicktabs, nhưng ko biết làm thế nào để nó ra trang http://localhost/drupal7/admin/modules
ReplyDeletea chỉ cho e vs ạ ^^. e muốn làm module dạng tab cho blog trông gọn đi 1 tí :)
Để cài được 1 module mới như quicktab:
ReplyDeletebước 1: Đầu tiên bạn vào http://drupal.org/project/quicktabs,tìm đến phần dowload module và sao chép địa chỉ liên kết của nó giống như hình này
http://1.bp.blogspot.com/-W7LnZ3Ujl9c/UWdQhQ5_idI/AAAAAAAABnY/SYzLZk063hA/s640/huong+dan.png
Bước 2: Sau đó bạn vào Module-> install new module. Tại phần Install from a URL bạn dán địa chỉ vừa copy ở trên. Sau đó nhấn Install là dc.
Bước 3: Cuối cùng bạn vào lại Modules và kích hoạt nó để sử dụng
bước 1 em hiểu rồi:)
ReplyDeletenhưng bước 2, cái "module" a nói là cái này sao: https://lh3.googleusercontent.com/-IA2ru6Wk_j0/UXCPdEXKLcI/AAAAAAAAFV4/VIKRZQLGuCA/s800/1.jpg
e nhấn vào đó, nhưng ko tìm thấy chỗ install new module: https://lh5.googleusercontent.com/-PJWl02lZrL8/UXCQe2uRvZI/AAAAAAAAFWQ/MIVhgY5zKwg/s800/2.jpg
a chỉ cho e vs, hihi. tks a nhiều :x