jQuery Content Slider + WordPress
- January 30, 2011
- 28 comments
Trước đây khi làm video Series về tạo theme cho WordPress tôi đã có bài hướng dẫn sử dụng jQuery Plugin LoopedSlider để tạo Content Slider cho WordPress. Phần vì trong bài đó tôi chỉ dùng nó cho trang chủ mà không phải dạng post, phần vì nhiều người vẫn yêu cầu làm thêm một video nữa về cách áp dụng jQuery Plugin.
Để có thể áp dụng được jQuery Plugin vào một trang web hiện có hoặc một Project nhất định. Bạn cần những kiến thức cơ bản về HTML, CSS và một chút về jQuery. Nếu bạn không biết gì về code, bạn cũng có thể dùng được Plugin nhưng khó khăn hơn nhiều. Điều quan trọng nhất khi áp dụng Plugin là xây dựng cấu trúc HTML sao cho giống với yêu cầu của Plugin và giữ nguyên những thành phần bắt buộc như Class hoặc ID.
Thời lượng: 33 phút
Download định dạng .mp4 chất lượng cao :Mediafire
Dung lượng: 72 MB
Nivo Slider: Download Nivo Slider
« AppServ Network – Cài đặt và sử dụng
Basic photoshop: Bài 5 – Pen Tool – Phần 2/2 »
anh ơi,anh có thể demo bài có quy định time ,nếu như mình không click nút left-right thì nó tự động chạy sang trái dc không a
Bạn tìm lại nhé, cái này có video hướng dẫn rùi mình mới xem hôm qua
Các anh chị cho em hỏi tí về cách hiển thị nội dung của một category.
Ví dụ: trong 1 category có nhiều page hoặc post em muốn hiển thị dạng tóm tắt nội dung của category này(một phần của nội dung) chứ không hiển thị toàn bộ nội dung của page or post.
em đang dùng wp version 3.3.1
Cám ơn Anh, những tutorial của anh thực sự rất hay, quá bổ ích cho những beginner như em, nghe chừng từng kia comment thì anh bận rộn lắm đây
Chào anh D.W . anh có thể làm video hướng dẫn về đánh giá dạng sao(rating star) bang jquery kết hợp php được không. cảm ơn a nhju
Anh ơi. Giờ e muốn làm 1 flash giống như cái trang này: http://www.trump.com/ nếu viết bằng jquery liệu có đc ko. chủ yếu là phần menu và chỗ 7 dự án. anh xem nếu làm đc có thể làm demo giúp e để e xem đc ko a.
Thanks!!
Chào anh! anh có thể hướng dẫn em cách đưa mấy cái nút bullets(nút chấm tròn) nằm lên trên hình ảnh giống cái của anh demo ở trên. Mấy chấm tròn của em nó cứ nằm bên dưới ảnh dư ra một khoảng trống nhìn rất kì. Mong được anh hướng dẫn. Cám ơn anh!
Chào anh ạ. Xin cảm ơn anh vì các bài hướng dẫn trên izwebz.
Hiện em đang làm một Content slider và đã áp dụng với bài này thành công. Nhưng em muốn cái slider của em chỉ có effect chạy ngang từ phải qua trái. Khi next cũng phải qua trái, Prev thì chạy ngược lại. Có cái Jquery nào để thay cho cái Jquery mà anh hướng trong bai này để áp dụng luôn không anh nhỉ? Anh send link giúp em. E chỉ cần thay cai JQuery là xong. Vì em đã sử dụng vài cái nhưng ko hiểu sao nó không ổn. Xin cảm ơn anh.
Chào anh,em thấy anh có nhiều video rất hay,giúp ích cho chúng em rất nhiều cho việc học tập.Mong rằng anh sẽ tiếp tục viết những bài viết khác nhé.Chào anh
Em chào anh!
Anh ơi em download nivo-slider nhưng khi em cho hình ảnh lớn thì nó chỉ hiện 1 phần của hình ảnh đó.
Anh cho em hỏi? Có cách nào để chỉnh, khi ta đưa ảnh vào
nếu là ảnh lớn thì ảnh nó sẽ co lại,
nếu là ảnh nhỏ thì nó tự giản ra cho vừa khung slide.
Em cảm ơn anh, chào anh!
Chào anh DW.Em là sinh viên Đại học Hàng Hải.Em đã theo dõi trang web của a dc 1 thời gian và thấy rất hay.Các thầy trong khoa thường cũng giới thiệu trang web của anh cho các sinh viên trong khoa học tập theo.Cảm ơn anh vì những tutorial rất hay.Em mới học theo Tutorial này của anh và đã áp dụng thành công trong project của mình.Rất tuyệt vời.Cũng nhân đây em muốn hỏi anh là cái hiệu ứng trong phần “Your Recent History” ở trang chủ của Amazon.com cũng sử dụng jQuery Plugin có phải ko ạ?Và có phải nó load từ CSDL ra ko ạ?E thấy hơi thắc mắc chỗ này.Mong anh giải đáp giùm.Một lần nữa cảm ơn anh.
Áp dụng cách của bạn lẫn thay thế trên http://codex.wordpress.org/The_Loop .
đều thông báo lổi “Warning: in_array() expects parameter 2 to be array, null given in line 2″
Mình biết bạn rất bận song mình cũng mong là bạn sẽ giải đáp những khúc mắc của mọi người .
Admin ơi cho e hỏi, e muốn làm cho slide này chỉ hiện ở Trang Chủ thôi khi đọc bài hay vào các Chủ Đề thì ko hiện ra thì phải làm sao ? mong a chỉ sớm, thank
bạn dùng conditional template tag: is_home(), is_page(), is_single() … để điều khiển cái slider
mong admin chỉ rõ hơn
ở đây mình có đoạn code thế này vậy phải làm sao cho slide (code trên) chỉ hiện ở trang chủ
Mình thấy bạn hướng dẫn rất hay. Mình đã tiếp thu được rất nhiều kiến thức ở đây.
Nhưng mình vẫn có 1 điều ấp ủ trong đầu bấy lâu nay, nhưng vẫn chưa làm dc. Đó là mình định làm 1 cái plugin cho site của mình. Mình định làm như 1 phần của trang web.
Phần này mình sẽ đặt ở phía trên của site. Ở đây mình định tạo các ô khác nhau, mỗi ô là 1 chủ đề mình chọn. Và ô này có kèm hình ảnh cũng như tile của bài post. Nó có nhiều phần khác nhau như tin tức, giải trí, phim ảnh… Và khi mình post bài và chọn vào những chủ đề đó thì bài viết đó sẽ xuất hiện phía trên. Như vậy ng xem dễ xem và làm đẹp web site của mình. Nói dài dòng quá. đây là 2 ví dụ mình định làm như thế. http://carscoop.blogspot.com/ và trang http://www.gtspirit.com/ khi bạn vào thì sẽ thấy nhưng ô chứa hình ảnh rất hay ở đây. Và đây là điều mình muốn thực hiên cho site của mình.
Mình rất mong nhận được sự hướng dẫn cũng như góp ý của các bạn. Sớm nhận tin của bạn. Thank you!
E download cái Nivo Slider về mà không được A ơi nó cứ báo như vậy khi Activate Plugin: “The plugin does not have a valid header” là sao vậy A ? Cám ơn A nhiều !.
A DW dùng phần mềm gì để quay phim nhỉ? E cũng mún bít phần mềm tốt tốt tí vì e mới quáy có đoạn ngắn vài phút mà đã lên chục M rồi, hãi quá! Xin a DW chỉ giáo với!
sao chua viet bai moi ha anh
hi, chao anh.
Anh ơi, cho em hỏi. Khi em làm theo video jQuery Content Slider + WordPress với Defaul mới thì được. Khi em chèn vào 1 Div của web lại ko dc vậy anh? Mong anh trả lời sớm nhé. thanks
Em cho thêm thẻ text trong Texteditor là xuất ra được tiếng Việt nhưng có vẻ nó hơi kỳ cục…
anh cho em hỏi anh dùng công cụ gì để đo cái slide đó ạ
.
Sorry mọi người mình hỏi Web mình đã có tut nào làm về tooltip chưa nhỉ
Hi anh, em có sử dụng thử cái này, và thấy nó chạy tốt trên Firefox và IE 8, nhưng IE7 thì lỗi (em test với IE7 chạy trên nền IE8), anh có test qua thử chưa ạ?
Anh ơi cho em hỏi tí là cái đo ảnh mà anh dùng trong FF là plugin gì thế
MeasureIt
Anh admin ơi, phần site navigation có xuất hiện một số trang web, em có thể cho blog của em ở đó hok anh, có phải trả phí gì hok nhỉ, hihihi. Nếu có thì coi như lì xì cho em đi … nha anh. Happy New Year izwebz