Tạo WordPress Theme – Search form và Random Posts
- January 9, 2010
- 18 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
Tạo WordPress Theme – Featured và Single Page »
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
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
@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.
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
Hehe chiến thôi! Thích nhất cái phần jquery trong tut này.
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
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
Nếu em click vào thư mục WordPress thì đó là tất cả video anh có.
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.
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 !
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?
<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é!)
úi chắc bị coi là spam mất. Hic code cho vào comment thì bị biến mất ! Sorry
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
});
});
@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
});
});
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
Tại sao bài viết của em không tự kéo được vậy.huhu
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