Tạo WordPress Theme – Search form và Random Posts
- January 9, 2010
- 53 comments
Để tiếp tục Series tạo WordPress theme, hôm nay chúng ta sẽ hoàn thiện phần trang chủ với mục Search sẽ hoạt động như là một công cụ tìm kiếm trên trang. Tiếp đó là có một trang để hiển thị kết quả tìm kiếm ra cho người dùng. Nhưng phần quan trọng nhất của video này có lẽ là phần tạo Random Posts bên sidebar mà không cần sử dụng Plugin.
Đây sẽ là lần thứ 2 tôi giới thiệu với các bạn về WordPress query object. Đây là một tính năng vô cùng mạnh mẽ của WordPress, nhờ nó bạn có thể hoàn toàn biến WordPress thành một CMS thực sự chứ không còn là một Blog Platform nữa. Cuối cùng chúng ta sẽ sử dụng một ít jQuery để thêm vào hiệu ứng động cho phần random Posts.
Cũng lưu ý các bạn khi xem Tutorial trên izwebz, tôi luôn làm demo là dạng HTML cơ bản. Nhưng tất cả các ví dụ đó đều có thể áp dụng cho bất cứ phần mềm CMS nào miễn là nó thỏa mãn nhu cầu output HTML của nó có cùng cấu trúc như trong ví dụ. Đừng hỏi như kiểu “cái này có sử dụng được trong ASP.NET không? hoặc có dùng được để kéo thông tin từ Database ra được không?”.
Thời lượng: 42:08
Download định dạng .avi chất lượng cao:
MediaFire Part 1, MediaFire Part 2, MediaFire Part 3, MediaFire Part 4
dù đã thấy 2 người hỏi và bài này cũng có lâu rồi nhưng mà em vẫn phải hỏi lại bác DW là: sao không thấy part 8 vậy bác? Hy vọng bác xem lại và cho em xin cái link down đang xem hay
Mình làm cái random post giống hệt video hướng dẫn nhưng nó ko chạy, kể cả khi tải source về dùng cũng ko chạy
không hiểu phần header anh dw làm thế nào, có thể send cho em không ?
hoặc ai có phần header send cho mình giúp mình cảm ơn
Y!M: Lnnduc@yahoo.com
Email : nnduc@cusc.ctu.edu.vn
Anh ơi,làm phiền anh thêm chút nữa,em Update lên host rồi mà khi text ở IE7 , IE8 và Chrome thì không hiện hình ảnh gì cả,còn ở firefox thì không hiện ở phần Random Post ,mong anh hướng dẫn em cách sửa.anh xem thử WordPress của em.
http://nchelloworld.tk
Thanhks anh nhiều !!
Chính Xác là có hàm đó anh DW ơi,anh xem lại video ,chuyển tới thời gian 5:24,dòng CODE thứ 12,anh xem lại giúp em,thanks a……
Bài này anh làm lâu lắm rồi nên giờ cũng không nhớ rõ là đoạn đó đã khai báo ở đâu. Tuy nhiên trong bài này không sử dụng đoạn mã đó vì nó là cho phần Content Slider. Em bỏ đoạn đó đi cũng không ảnh hưởng gì đến kết quả của bài này.
em làm phần ramdom post ko chạy đc hả a, a có thể hướng dẫn lại đc ko, e làm y chang mà nó hem có chạy
bó tay luôn ! làm y chang trong video mà không được,đâu thấy DW viết hàm looperslider_js() nào đâu,help……
@Nguyễn Chung: anh xem lại cả video có thấy chỗ nào dùng hàm looperslider_js() đâu? xem lại từ đầu đến cuối không thấy chố nào gọi hàm đó cả? chú xem kỹ lại đi.
Mà cái đó là của phần Content Slider mà? sao lẫn lộn vậy cà?
DW ơi tại sao lai báo lỗi ở dòng này:
thông tin báo lỗi:Fatal error: Call to undefined function loopedslider_js()
Mong giải thích dum,thanks…..
@Nguyễn Chung
Gọi đến một hàm chưa được định nghĩa. Bác thử xem lại xem có function đó chưa
anh tot that day em chua thay ai tot nhu anh ca .
anh oi gửi cho em file ảnh cua phần 4 tao wordpress theme ma anh đã cắt sẵn rồi ý nhé
hay gui vao mail: dvkien08ct@gmail.com
néu dc em cam on anh nhieu nhe.
phần 4: dung html nhe anh .
kam on anh nhe.
chuc anh suc khỏe tot nhe.
anh oi ! upload cai file anh cua phan tao wordpress theme cho em voi. de em lay anh lam web thu nhe..
phan 4: dung html .
cam on a nhieu nhe.pipi
Anh ơi,em làm mãi mà nó ko chạy và chũ cứ nằm bên dưới hình.em chỉnh sửa mãi rồi nhưng vân ko đc.giúp em với
Ah Demon ah.Em có làm cho nó chạy được nhưng không biết sao nó chạy lên rồi mất luôn không chạy lặp lại như của anh.
Anh DW hay anh CS xem giúp em sai chỗ nào mà em làm cái RandomPost cho 1 cái DIV chạy 5 bài Random & mỗi lần chỉ show ra 1 bài. Nghĩa là bài này chạy qua, đứng lại 1s, rồi cái div Post khác lại chạy qua thay thế div vừa rồi… ý em nói là giống y như cái featured của Izwebz đang dùng vậy
hết bài này 1s, rồi show bài khác ấy 2 anh 
Check giúp em 3 file này tí
http://www.haynhat.com/MrZen.rar
Tại sao bài viết của em không tự kéo được vậy.huhu
sao mình không làm được nó chạy vậy , sidebar mình làm bên phải, thì có khác gì không vậy, anh có thể gửi em cái file header.php của anh không ,
em cảm ơn nhiều
mong anh giúp
@ajimoto & tuyen: Làm thế này là được bạn ạ:
<script type="text/javascript" src="/js/newsScroller.js”>
<script type="text/javascript" src="/js/jcarousellite.js”>
$(function(){
$(“.randomPosts”).jCarouselLite({
vertical:true,
visible:5,
auto:3000,
speed:1000
});
});
Kiem tra giúp em đoạn code này Randompost không tự chuyển động . em đã kiểm tra hết roài còn nghi mỗi đoạn code này thôi
<meta http-equiv="Content-Type" content=";charset=” />
<link rel="stylesheet" type="text/css" href="” />
<script type="text/javascript" src="/js/jcarousellite_1.0.1.js”>
<script type="text/javascript" src="/js/newsScroller.js”>
<script type="text/javascript" src="/js/jcarousellite.js”>
$function() {
$(“.randomPosts”).jCarouselLite({
vertical: true,
visible: 5,
auto:3000,
speed:1000
});
});
úi chắc bị coi là spam mất. Hic code cho vào comment thì bị biến mất ! Sorry
<script type="text/javascript" src="/js/newsScroller.js”>
<———-dòng trình duyệt báo lỗi
(thông cảm cho em về cách trình bày nhé!)
Anh DW giúp xem em lại đoạn code về jquery em thực hiện như trong clip của anh mà không được.
code:
<script type="text/javascript" src="/js/newsScroller.js”>
$(document).ready(function(){
$(“#featured > ul”).tabs({fx:{opacity: “toggle”}}).tabs(“rotate”, 5000, true);
});
$function(){
$(“.randomPosts”).jCarouselLite({
vertical:true,
visible:5,
auto:3000,
speed:1000
});
});
trình duyệt luôn báo lỗi Fatal error: Call to undefined function loopedslider_js() in C:\xampp\htdocs\wordpress\wp-content\themes\izwebz\header.php on line 10
Mà cho em hỏi về loopedslider,js này là cần phải có hả anh?
Chào anh
Em mới thử cái related post cho cái theme của em http://dattai.com
Đây là đoạn php em sử dụng :
http://code.google.com/p/dattai/downloads/detail?name=related_post.php&can=2&q=#makechanges
không hiểu sao.nếu bài viết A có 1 2 3 …n bài viết liên quan thì nó sẽ hiện tất cả comment của bài viết n chứ không phải của bài viết A.
A giúp em đoạn code này.
Thanks !
em download về rùi .và quáy lạ chỉ thấy part 7 rồi đến part 9 lên em không giữ được bình tĩnh ^_^
nếu vậy thì em ngoan lành roài .cém ơn anh dai nhé. giọng anh hay thiệt nghe nhiều không thấy chán.
chúc anh sức khỏe.
Nếu em click vào thư mục WordPress thì đó là tất cả video anh có.
anh DW ui!
sao em không thấy part 8 hả anh.
nếu có mà mắt em đui thì anh làm ơn, làm phước cho em link download part 8 anh nhé
thank you very much!!!
hoac nếu tốt hơn anh gửu qua mail của em:tayreallyfunny@yahoo.com
anh DW cho em hỏi về lỗi font chữ của wordpress trong IE 6 dc ko ạ
http://farm3.static.flickr.com/2704/4408042665_c9e51624f1_o.jpg
Hehe chiến thôi! Thích nhất cái phần jquery trong tut này.
em mới vào trang này.xem 1 cái tut đã thấy mê ngay.hi vọng bác demon warlock tiếp tục cho ra lò những tut mới nữa nhé.Thank bác rất nhiều
@học hỏi: Tại anh dạo này cũng lớn tuổi rồi, xương cốt nó nhức mỏi cho nên làm gì cũng chậm hơn ngày trước.
Nói giỡn vậy thôi, nhưng trước đây tutorial còn ở mức đơn giản. Nhắm mắt làm một lèo 3, 4 cái. Nhưng giờ làm video nó phức tạp hơn liên quan đến code PHP, jQuery cho nên mức độ nó khó hơn. Chuẩn bị một tut cho hoàn thiện rất mất thời gian cho nên tiến độ phải chậm lại thôi.
hớ hớ có TUT mới rồi bà coan ơi hehe ! thank anh DW nha ! down về cái rồi tính sẽ lên thank tiếp
lúc nãy ko vào được biết ngay là có TUT mới
chưa xem nhưng thank bác đã
hổng biết là lần này đã có rewrite URL trong này luôn chưa nhỉ
mà dạo này bác bận quá hay sao mà trước kia cứ 2,3 ngày bác ra 1 TUT giờ có lẽ 1 tuần mới ra 1 cái