Công cụ AJAX vốn đã không còn xa lạ với mọi người, rất phổ biến, đi đâu, bạn cũng dễ dàng bắt gặp không ít thì nhiều những ứng dụng của AJAX trên các website. Không thể cưỡng lại sức hấp dẫn của công nghệ AJAX, thử cùng viettut tìm hiểu về cách trang bị AJAX cho Blog WordPress.
Bản thân WordPress không sử dụng công cụ̣ AJAX, muốn bổ sung thêm các ứng dụng AJAX cho Blog WordPress, Bạn có thể thực hiện bằng 2 cách: Sử dụng Plugin hoặc Theme.
1 . Dùng Plugins
Ajaxed WP - Một Plugin rất hay và hữu ích, kết hợp sức mạnh của nhóm công nghệ AJAX vào WordPress giúp Blog truy cập nhanh hơn và chuyên nghiệp hơn, AJAXed WP tích hợp khá nhiều Module nhỏ: inline posts (Ẩn/Hiện Phần còn lại bài viết), inline comments (Ẩn/hiện Comment), threaded comments (Thêm chức năng “trả lời cho comment này”, AJAX Submit Comment (Gửi Comment không cần Reload lại bài viết), Ajax Edit Comment (Chỉnh sửa Comment tại chỗ), Live comment preview (Xem trước trong khi đang viết comment), AJAX Navigation (Tải nội dung trang tiếp theo mà không cần tải lại cả trang Blog), Embedded Posts (Nhúng các bài viết bạn cần vào bài viết khác) …
Tất cả các Module này đều dễ dàng quản lý (Tắt, mở, cấu hình) trong Admin Panel.
Hỗ trợ các phiên bản WordPress từ 2.1 đến 2.5 (mặc dù phiên bản 2.5 vẫn chưa được tung ra), tương thích tốt với hầu hết các Theme hiện có.
Cài đặt:
+ Tải về Plugin AjaxedWP tại đây.
+ Giải nén và Upload AjaxedWP vào thư mục chứa Plugin và Active nó trong Admin Panel >> Plugins.
+ Chuyển qua Thẻ Presentations >> AWP Management >> Module,bật các Module bạn muốn sử dụng và cấu hình lại chúng trong các Thẻ tương ứng.
+ Kinh nghiệm: Nếu những bài viết trên Blog bạn có dùng thẻ <!–more–> để rút ngắn bài viết trên index thì để chức năng inline post hoạt động, bạn phải bật thêm Module “Remove Mores”.
Mở file index.php trong thư mục Theme đang dùng.
+ Thêm đoạn code <?php do_action(’awp_comments’); ?> vào nơi bạn muốn hiển thị Comment và <?php do_action(’awp_comments_link’);?> vào nơi bạn muốn hiển thị Dòng Link “Ẩn/Hiện” Comment.
+ Thêm đoạn code <?php do_action(’awp_commentform’); ?> vào nơi bạn muốn hiển thị khung Soạn Comment và <?php do_action(’awp_commentform_link’);?> vào nơi bạn muốn hiển thị dòng “Ẩn/Hiện” Khung soạn comment.
Lặp lại với các file archive.php, single.php, page.php …
Tham khảo thêm cách sử dụng Plugin AjaxedWP tại http://anthologyoi.com/awp/ajaxd-wordpress-readme hoặc click phải biểu tượng [?] bên cạnh các tùy chỉnh trong AWP Management.
Một số Plugin khác được trang bị AJAX:
- AJAX Comments 2.0
- Ajax Comment Preview
- AJAX Calendar for WordPress
- Ajax Shoutbox
- Inline Ajax Comments
- Inline Ajax Page
- Google AJAX Search
- WP AJAX Edit Comments
- WP-Polls
- WP-Post Ratings
Tìm thêm các Plugin AJAX khác tại: http://wordpress.org/extend/plugins/tags/ajax/ và http://mashable.com/2007/07/20/ajax-wordpress/
2. Themes
Một cách khác để bổ sung công nghệ AJAX cho Blog WordPress chính là sử dụng các Theme dùng AJAX như:
+ Blogxpress 2 - http://www.bloxpress.org/demo/: Có các tính năng kéo thả , thu gọn, mở rộng, giấu Widgets, Chức năng Search và comment đều dùng AJAX.
+ Ext JS WordPress Theme - http://extjswordpress.net/
Một số Theme khác có hỗ trợ AJAX:
- Ubiquitous
- Demo (Unavailable)
- Website
- Feature(s): AJAX-enabled search.
- Giraffe2
- Demo (Unavailable)
- Website
- Feature(s): AJAX comments.
- Commodore, Splat, CLI2 and IAK
- Unnamed
- AjaxBerlee
- Binary Blue
- Lush
- Lush Greenz
- Durable
- IntraBlog
- iScattered
- Demo (Unavailable)
- Website
- Feature(s): AJAX style switcher.
- Simplus
- ajaxBosa
- Demo (Unavailable)
- Website
- Feature(s): AJAX comments.
- ajaxEmire
- Demo (Unavailable)
- Website
- Feature(s): AJAX comments.
- Balance
- Demo (Unavailable)
- Website
- Feature(s): Unknown.
- ajaxQwilm
- Demo (Unavailable)
- Website
- Feature(s): AJAX comments.
- ajaxSubtle
- Demo (Unavailable)
- Website
- Feature(s): AJAX comments.
- Ernest
- Demo (Unavailable)
- Website
- Feature(s): AJAX effects.
- Web 2.0
- Reflect
viphat - Viet Tutorial dot Info
P/S - Một bài viết khá hay về AJAX trên Blog Người Tập Viết - www.nguoitapviet.info/2005/06/16/183/
WordPress Tutorial: http://www.tamba2.org.uk/wordpress/
March 2nd, 2008 at 7:57 pm
Ajax không phải là công nghệ, và nếu tỉ mẩn ra thì nó viết là Ajax, không phải AJAX.
March 2nd, 2008 at 8:23 pm
Đúng là Ajax không phải công nghệ.
)
Cảm ơn góp ý của Bác Quang Anh nhiều.
Em tìm trên Google thì thấy nhiều trang dùng AJAX chứ không phải Ajax
(Chắc để phân biệt với Đội bóng Ajax Amsterdam bên Hà Lan
March 2nd, 2008 at 9:30 pm
The term ‘Ajax’ was coined by Jesse James Garrett 3 years ago.
https://www.adaptivepath.com/ideas/essays/archives/000385.php
Cả bài ko có một chữ AJAX đâu (không kỹ tính quá, chỉ là tớ đã nói thì nên nói đến nơi)
March 2nd, 2008 at 9:38 pm
March 3rd, 2008 at 10:25 am
Dùng Ajax cần phải cân nhắc kĩ lưỡng về vấn đề bandwidth. Nếu điều kiện bandwidth hạn hẹp thì không nên dùng. Bản thân tớ từng thử với 2 plugin Ajax là WP-Poll và Ajax Comment cho TAWares, vậy mà bandwidth mỗi ngày tăng lên gần 3 lần. Khiếp quá tớ tháo vội ngay. Cũng chỉ vì mấy plugin Ajax đều dùng khá nhiều framework javascript như prototype hay jquery, cộng thêm 1 số file javascript tự viết và 1 vài hình ảnh loading chẳng hạn, nên tải bọn này xuống cũng bằng tải cả trang mất rồi. Tất nhiên là nếu có điều kiện, bandwidth xông xênh thì nên dùng, vì nó tiện cho người đọc.
March 3rd, 2008 at 12:00 pm
Còn cái Theme dùng toàn Ajax như Ext JS WordPress Theme, chỉ riêng file nén đã gần 1 MB rùi
March 3rd, 2008 at 11:36 pm
Hehe, tui thử ở localhost. Khg có thử qua website tienphi.com. Xài nó khó hơn cái Structure…
March 7th, 2008 at 9:22 am
ko nên quá lạm dụng AJAX .MÌnh vào thử mấy trang xài AJAX của việt nam, thấy tốc độ cũng không khá hơn là mấy,ức chế nhất là nhấn nút back 1 phát nó đá văng ra khỏi website.
Nhiều khi nó ko hiện nút back lên mà ấn .