loading..

Cu3er Post Elements – Feature ấn tượng cho WordPress

by Huỳnh Trung on January 14, 2010

Cu3er là một kiểu trình diễn ảnh 3d flash cực kỳ ấn tượng với những hiệu ứng cực kỳ hấp dẫn. Mấy hôm trước, anh Hư Trúc có vào blog của anh HuTek nhìn thì đã thích mê, nhưng bận nhiều việc nên chưa tìm cách áp dụng thử. Ngày 26/12, anh HuTek có viết bài giới thiệu plugin Cu3er Post Elements, thú thật là lúc đó mình chỉ muốn đem ngay nó về áp dụng thôi. Tuy nhiên, thử nghiệm ban đầu không được như ý cho lắm. Sau khi tìm hiểu về nó, đến bây giờ có thể tạm gọi là thành công. Vì vậy, anh Hư Trúc nhờ mình viết bài này hướng dẫn cho các bạn. Trong bài này, mình chỉ hướng dẫn các bạn sử dụng custom field để chèn ảnh hiển thị và fix lỗi font. Các bạn có thể xem bài giới thiệu về Cu3er Post Elements trên blog của anh HuTek nhé.

Lỗi font chữ rất đơn giản thôi. Trong file config.php tìm:

heading_font="Trebuchet MS, Arial, Helvetica, sans-serif"

và:

paragraph_font="Trebuchet MS, Arial, Helvetica, sans-serif"

Các bạn bỏ font Trebuchet MS trong hai đoạn trên là được. Như vậy đoạn trên sẽ là:

heading_font="Arial, Helvetica, sans-serif"

paragraph_font="Arial, Helvetica, sans-serif"

Vậy là xong phần font. Đơn giản quá phải không các bạn :x Tiếp theo là sử dụng custom field để lấy ảnh.

Cũng trong config.php tìm đoạn:

preg_match_all( '|<img.*?src=['"](.*?)['"].*?>|i', $post->post_content, $m );
thay bằng:
$img_url = get_post_meta($post->ID, 'image', true);
Tìm tiếp:
if( $m[ 1 ] ) $xml .= '<url>' . $m[ 1 ][ 0 ] . '</url>';
thay bằng:
$xml .= '<url>'.$img_url.'</url>';
Vậy là xong nhé!

Chú ý: Trong đoạn code trên image chính là custom field để hiển thị ảnh. Và bạn cần điền link đầy đủ đến ảnh nhé VD: http://hutruc.com/hinhanhminhhoa.jpg. Bạn cũng có thể sử dụng ảnh từ host bên ngoài. Tuy nhiên như vậy load sẽ rật, tốt nhất là để trên host.

Chúc bạn có một blog đẹp.

_________________________

Cập nhật 31/12/2009: Fix link khi chuyển blog

Một vài bạn đọc đã gặp trường hợp các bài viết khi chuyển bài viết từ blog củ sang, Khi nhấn vào thì link lại trỏ về blog củ, còn các bài mới viết trên blog hiện tại thì không sao. Để sửa lỗi này cũng không có gì khó khăn. Cũng trong file config.php của plugin tìm:

$xml .= '<link target="_self">' . $post->guid . '</link>';
và thay bằng đoạn sau:
$xml .= '<link target="_self">'.get_permalink($post->ID).'</link>';
Lưu lại và up đè lên. ___________________

Cập nhật 01/01/2010: Tự lấy excerpt của bài viết

Cũng trong config.php của plugin tìm:
$xml .= '<paragraph>' . $post->post_excerpt . '</paragraph>';
thay bằng:
$xml .= '<paragraph>' .get_the_excerpt().'</paragraph>';
Ok con gà đen nhé :vic:

{ 1 trackback }

Cu3er Post Elements phiên bản chỉnh sửa bởi Hư Trúc — Hư Trúc Blog
February 18, 2010 at 9:47 am

{ 15 comments… read them below or add one }

1 Jack Luu January 17, 2010 at 7:17 pm

khi em sửa thành $xml .= ” . $post->guid . ”;
và if( $m[ 1 ] ) $xml .= ” . $m[ 1 ][ 0 ] . ”;
vào thì nó không hiện ra, nhưng không đổi thì nó ok hết
cảm ơn bác nhờ cái vụ lỗi font và get pernament link

Reply

2 Hư Trúc Post on Mobile January 17, 2010 at 9:24 pm

Cái này là sử dụng custom field nên bạn phải thêm custom field “image” với giá trị là link ảnh.

Reply

3 Jack Luu January 17, 2010 at 11:16 pm

em làm được rồi! cảm ơn bác
mà sao bác làm được cái energy saving vậy là dùng plugins java hay là tích hợp sẵn trong thesis

Reply

4 Hư Trúc Post on Mobile January 18, 2010 at 5:29 am

HT chèn java ở cuối trang đó bạn.

Reply

5 Jack Luu January 19, 2010 at 3:41 pm

oh cảm ơn bác nhé cái này hay và rất ý nghĩa

Reply

6 Hư Trúc January 19, 2010 at 3:51 pm

Cám ơn bạn đã động viên

Reply

7 vnhat February 28, 2010 at 12:21 am

bác oi cho em hỏi, em down bản đã chỉnh sửa của bác, làm theo hướng dẫn, mà nó vẫn ko đc vậy :-(: , bác chỉ em với :bi:

Reply

8 Huỳnh Trung March 1, 2010 at 2:24 pm

Tình hình là do bạn dùng ngoài host nên nó load chậm, khuyến khích bạn nên dùng ảnh trên host của bạn sẽ được thôi. Xem trong file xml thì chính xác rồi đấy :vic:

Reply

9 TipsViet March 14, 2010 at 5:43 pm

Sao tớ làm mà nó không hiển thị dc nhỉ? Chỉ hiện mỗi cái cái logo Cu3er thôi. Bắt buộc phải sử dụng link image từ host à? Mong bạn giải đáp.

Reply

10 TipsViet March 14, 2010 at 6:21 pm

Cho tớ hỏi luôn, hướng dẫn tớ cách làm cái widget có các tag comment, tags cloud của bạn nhé. À, bạn cho tớ cái email dc hok? Thân.

Reply

11 Huỳnh Trung March 16, 2010 at 4:10 pm

Cái này đã được tích hợp sẳn trong theme SP rồi, bạn tham khảo Jquery idTabs nhé: http://www.sunsean.com/idTabs/
Bạn có thể gửi mail cho HT thông qua trang liên hệ.

Reply

12 Huỳnh Trung March 16, 2010 at 4:05 pm

Không bắt buộc phải dùng image từ host, tuy nhiên nếu bên ngoài host, load sẽ rất chậm, và hầu như chẳng ai chịu đợi khoảng thời gian này để xem cái hiệu ứng nó xảy ra thế nào đâu.
Bên của bạn hình như nó đụng với rebuzzthis, bạn thử tắt chế độ tự thêm vào feed xem thế nào, cả link ảnh vẫn không lấy được đấy.

Reply

13 quangthien.vn March 18, 2010 at 9:57 pm

Anh ơi !
Có thể hướng dẩn cụ thể được ko ?
Trong bài viết em có add Custom field “image” – value : link image nhưng sao nó ko hiện gì hết , chỉ có cái logo thôi à!
Post Custom field Key mình có dùng tới nó ko?

Reply

14 Huỳnh Trung March 19, 2010 at 9:23 am

Bạn thử bản này của HT xem sao http://hutruc.com/cu3er-post-elements-phien-ban-chinh-sua-boi-hu-truc/ Nếu vẫn không được, bạn vui lòng cho HT xin link để kiểm tra chính xác nó bị gì?

Reply

15 Huỳnh Trung March 19, 2010 at 9:29 am

Lưu ý khi Contact bạn nên dùng mail có thật để HT có thể reply nhé (HT reply không được). Cụ thể là do bạn edit sai code ở vị trí nào đó rồi, bạn hãy dùng phiên bản HT đã edit ở trên thử xem.

Reply

Leave a Comment

CommentLuv Enabled
:cuoiduyen: :2: :$$$: :potoanthan: :heya: :bi: :bimat: :nangly: :D :-O :chem: more »

Previous post:

Next post: