Demo

Tag là một phần tất yếu của WordPress và chúng ta có rất nhiều cách để trang trí cho hệ thống tag của blog mình, một trong những cách khá hot là dùng plugin WP-Cumulus, nhưng chỉ đến gần đây plugin này mới hỗ trợ  Unicode, tức là có thể hiển thị tốt tiếng việt nhưng tác giả không làm sẵn mà chỉ hướng dẫn. Nhận thấy plugin này được khá nhiều blogger Việt sử dụng nhưng lại không biết thông tin này nên Hutek đã làm theo hướng dẫn để tạo ra một phiên bản tiếng Việt. Từ nay các bạn có thể thoải mái gõ tiếng Việt có dấu mà không sợ lỗi nữa nhé.

Theo gợi ý của tác giả Hutek đã làm hẳn hai bản, một bản là tag cloud kiểu hình cầu còn một bản tag cloud theo kiểu elip.

Demo: xem phần thẻ bài viết của blog mình

Download
Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.

Tham khảo

• Top 5 WP-Cumulus tùy chỉnh
• Hướng dẫn để WP-Cumulus hỗ trợ Unicode

[stextbox id="info"]Thực ra Hutek thích Tagnetic Poetry nhưng khi Hutek hỏi tác giả thì thấy bảo là không có kế hoạch hỗ trợ unicode nên trong khi chờ đợi đànhdùng WP-Cumulus vậy[/stextbox]

[stextbox id="info"]Một mẹo nhỏ khi dùng plugin này là bạn nên để số lượng tag vào khoảng từ 20-30 tag thôi (mặc định là 45), như vậy trông sẽ đỡ rối hơn và nhìn đẹp hơn, để chỉnh tham số này bạn vào setting của plugin rồi tìm đến dòng wp_tag_cloud parameters, điền vào đó number=20. Và bạn cũng nên tích vào Use transparent mode vì như vậy nền của flash là trong suốt và bạn có thể đặt nó ở bất cứ chỗ nào mà ko lo về background.[/stextbox]

Related posts

1. Tagnetic Poetry bản hỗ trợ tiếng Việt Cuối cùng thì Hutek cũng đã Việt hóa được Tagnetic...
2. Tài liệu tiếng Việt hướng dẫn SEO cơ bản của Google [tweet]SEO – Thuật ngữ quá quen thuộc với các Webmaster,...
3. Bình chọn blog Việt 2009 – Ngày hội lớn của blogger Việt Nam Có thể vì Hutek quá vui nên đã giật cái...

Hutek xin được cung cấp một số thông tin cơ bản về CU3ER để các bạn biết. CU3ER là một flash 3d image slider, điều làm cho cu3er nổi bật chính là các hiệu ứng mà nó đem lại, nếu ai lần đầu nhìn thấy các hiệu ứng này đảm bảo sẽ mê luôn, và Hutek cũng không phải ngoại lệ, bên cạnh đó phải kể đến là khả năng tùy biến mạnh mẽ và đơn giản thông qua xml của CU3ER . Và ngay lần đầu tiên nhìn thấy CU3ER Hutek đã muốn ứng dụng ngay cho blog của mình, nhưng thật ko may là Hutek không thể nào tích hợp vào WordPress được, sau đó nếu các bạn để ý thì vào sinh nhật blog Hutek, hiệu ứng của CU3ER cũng đã xuất hiện trên hutek.info . Hutek đã đưa cu3er vào blog bằng iframe và đây cũng là cách duy nhất mà Hutek biết để đưa cu3er vào wp. Cách làm này khá là tốn công và không hiệu quả cho đến một ngày CU3ER Post Elements, đây cũng chính là plugin đầu tiên của WP về CU3ER và nó đã làm rất tốt việc tích hợp CU3ER với WP.

Các thành phần của Cu3er

Về CU3ER thì các bạn có thể xem thêm thông tin trên trang chủ của CU3ER tại địa chỉ  http://www.progressivered.com/cu3er/

Theo Hutek được biết hiện nay CU3ER đang cực hot, đặc biệt trên themeforest, rất nhiều designer đã ứng dụng CU3ER vào việc thiết kế theme của mình.

Tiếp theo đây Hutek sẽ nói kỹ về cách dùng CU3ER Post Elements cho WP vì phần hướng dẫn của tác giả tương đối sơ sài nên có thể các bạn ko hiểu hết được.

Đầu tiên cần phải xác định xem sẽ dùng CU3ER đảm nhận vị trí nào trên blog của bạn. Đẹp nhất là để CU3ER làm nơi giới thiệu những bài viết nổi bật trên blog của bạn, đây cũng là cách thông dụng nhất mà các blogger khác trên thế giới đã làm.

Sau khi xác định xong vai trò của CU3ER trên blog của bạn chúng ta sẽ tìm hiểu về nguyên lý hoạt động của CU3ER Post Elements. Nói một cách đơn giản CU3ER Post Elements tích hợp CU3ER vào WP và lấy thông tin từ các bài viết của WP để hiển thị ra slide..

Ở đây CU3ER Post Elements lấy mỗi bài viết tương đương với một slide trong đó phần hình ảnh cho slide tác giả dùng hàm scan ảnh trong bài viết và lấy ra ảnh đầu tiên (điều này tác giả lại ko nói trong hướng dẫn nên nhiều bạn ko biết tưởng slide ko chạy). Phần heading thì tác giả lấy thông tin từ tiêu đề bài viết còn phần description thì tác giả lấy thông tin từ excerpt của bài viết, nhưng bạn phải nhập excerpt vào thì phần description này mới hiện nhé.

Tiếp theo là cấu hình để CU3ER Post Elements hoạt động tốt trên blog của bạn. Đầu tiên bạn phải cài đặt CU3ER Post Elements bằng cách vào Plugins/Add New sau đó search với từ khóa CU3ER Post Elements rồi tiến hành cài đặt.

Sau khi active các bạn sẽ tiến hành làm theo các bước sau:

- Đầu tiên là phải thêm câu lệnh này vào nơi bạn muốn CU3ER hiển thị (có thể là index.php hoặc một file nào đó tùy thuộc vào theme bạn đang dùng)

- Tiếp theo chúng ta sẽ vào phần setting của plugin để chỉnh, các bạn xem hình dưới để biết thông tin nhé

Cu3er Post Element Setting

Về cơ bản chỉ cần như vậy là CU3ER đã có thể chạy còn nếu bạn muốn chỉnh nhiều hơn thì có thể edit lại file config.php trong thư mục plugin. Tất nhiên để có thể nghịch thì bạn cần phải nắm rõ về CU3ER đã, tài liệu về CU3ER các bạn có thể xem thêm ở đây http://www.progressivered.com/cu3er/docs/

Chúc các bạn config thành công CU3ER cho blog của mình, giống như Hutek đã làm vậy

[stextbox id="info" caption="Một vài demo để các bạn cảm nhận:"]iMaxell Premium Corporate Template
Display 3 in 1 – Business & Portfolio WordPress by Kriesi[/stextbox]

Related posts

1. Query Post Widget: Nước tăng lực cho widget của WordPress Cũng đã lâu Hutek không có bài mới trên blog,...
2. 2 plugin giúp blog của bạn có phong cách magazine Hiện nay có một sô bạn đọc thắc mắc làm...
3. Tối ưu và tăng tốc toàn diện blog của bạn (phần 2) Giảm bớt php query và html request Tiếp theo phần...

Nguyên tắc của phương  pháp này là sẽ bắt trường hợp nếu trình duyệt của người dùng là IE 6 thì thay vì load theme đang active sẽ load một theme khác do bạn chỉ định, đơn giản nhất là theme mặc định hoặc một theme nào khác do bạn chỉ định mà bạn biết chắc là nó sẽ tương thích tốt với IE 6. Như vậy là vẹn cả đôi đường, bạn vẫn ko mất người xem còn người xem vẫn có thể xem blog của bạn ở mức chấp nhận được chứ ko phải gặp tình trạng vỡ khung rồi nhảy lung tung.

Tất nhiên là Hutek ko rơi vào trường hợp này vì WPLine của Hutek đang dùng đã được kiểm tra tương đối kỹ để đảm bảo chạy tốt cho IE 6 (chỉ đúng với Hutek thôi nhé vì bản WPLine mình share thì vẫn còn mắc một số lỗi nên chạy chắc ko mượt lắm nhưng nhìn chung là tương đối tốt, còn Webzine thì đảm bảo chạy ngon :) )

Các bạn có thể download plugin này từ blog của tác giả, và kiểm tra với blog của mình nhé.

http://www.nathanrice.net/download/default-for-ie6.zip

Còn đây là bài viết giới thiệu chi tiết hơn về Plugin của tác giả http://www.nathanrice.net/blog/serve-ie6-visitors-the-default-wordpress-theme/

Lưu ý là plugin này sẽ ko có tác dụng nếu các bác nào đang sử dụng WP Super Cache nhé

Related posts

1. Tagnetic Poetry bản hỗ trợ tiếng Việt Cuối cùng thì Hutek cũng đã Việt hóa được Tagnetic...
2. Cute Profile – Đơn giản mà hay Trong thời đại mạng xã hội ngày nay, mỗi blogger...
3. Đăng tin dễ dàng lên Hutek.info Các bạn cũng có thể triển khai tính năng này...

Còn việc sử dụng thì cũng rất đơn giản, các bạn chỉ cần tải plugin về rồi sau đó active nó, vào phần quản trị của nó điền đường link của các mạng xã hội mà bạn tham gia, phổ biến nhất là twitter, facebook …. rồi tiếp đến là chọn kích thước icon, vị trí, style … thế là chúng ta đã có một list các link đến các mạng xã hội xếp theo chiều dọc ở bên trái hoặc bên phải blog bạn.

Mọi việc hết sức đơn giản và chúng ta đã có một cute profile rồi.

Demo các bạn có thể xem ngay tại blog hutek còn download thì theo link này nhé http://wordpress.org/extend/plugins/cute-profiles/

Related posts

1. Độc chiêu khi đối đầu với IE6 IE 6 vẫn luôn là nỗi ám ảnh với các...
2. Đăng tin dễ dàng lên Hutek.info Các bạn cũng có thể triển khai tính năng này...
3. Làm mới blog của bạn với những emotions ngộ nghĩnh Chắc hẳn chúng ta không còn xa lạ gì với...

Tất nhiên khi đã có tài khoản thì phải show hàng rồi, lùng trên mạng thì thấy mới có mỗi một plugin cho cho wordpress để hiển thị Meme, tên của em nó là Memepress. Đây là một widget để hiển thị những bài viết mới nhất trên Meme của bạn. Config thì cũng không có gì, sau khi test thì thấy nó chỉ chạy ngon với text và picture, còn video thì nó hiện luôn ra, music thì chỉ có link, nhưng mà tạm chấp nhận, chờ update từ tác giả (demo có thể xem ở trang chủ của em)

Còn đây là Meme của mình: http://meme.yahoo.com/hutek/ <<< còn chờ gì mà ko follow nữa !!!

P/s Hiện tại còn 7 vé mời dùng thử Meme, ưu tiên cho các bác nào đến sớm (nhớ đẻ lại mail để em mời)

Related posts

1. DnP Firewall – Tường lửa hữu hiệu cho blog dùng WordPress Ddos, spam bot, floating attack là những vấn đề khá...
2. Chrome 3 chính thức phát hành với nhiều cải tiến Cuộc chiến trình duyệt đang ngày càng trở nên nóng...
3. WordPress 2.9 “Carmen” bất ngờ trình làng Sau hai ngày đi chơi cuối tuần với bạn về...

Hình ảnh chỉ mang tính chất minh họa ^^

Thật ra việc này Hutek đã làm cho webzine rồi nhưng phần ảnh minh họa Hutek lại dùng js có tên là phpThumb để crop ảnh cho đúng kích thước yêu cầu nhưng js này có một nhược điểm là không thể crop hình ở các site ngoài được mà chỉ crop được hình trên host mình thôi. Chính vì vậy khá nhiều bạn có mong muốn Webzine có thể hỗ trợ lấy thumbnail từ bên ngoài. Mình cũng đang xem xét và có thể sẽ đưa vào trong phiên bản 0.3 còn trong bài viết này mình sẽ hướng dẫn các bạn cách tạo một layout như vậy để các bạn có thể áp dụng vào cho blog hoặc theme của mình.

Thực ra để làm được điều này cũng khá đơn giản. Bạn chỉ cân 2 plugin là Get the image của Justin Tailock và plugin thứ 2 là Limit Posts của Alfonso Sánchez

Plugin Get the image có nhiệm vụ tạo ảnh minh họa còn plugin Limit post có nhiệm vụ chỉ lấy ra một số ký tự nhất định của bài viết.

Plugin Get the image tương đối mạnh, nó có thể lấy ảnh từ file attach, từ custom field hoặc scan trong bài viết và lấy ảnh ra. Thứ tự ưu tiên là custom field rồi đến attach, cuối cùng mới là scan. Như vậy là có thể đáp ứng được hết các yêu cầu của các bạn làm blog hiện nay. Phần tính năng chi tiết các bạn có thể tìm hiểu thêm ở blog của Justin, ở đây mình chỉ hướng dẫn cách kết hợp hai plugin này với nhau để tạo được layout như yêu cầu ở trên thôi. Dưới đây là toàn bộ đoạn code đầy đủ để có thể tạo được một layout như hình minh họa

<div class="magazine">
//đoạn này là để lấy ảnh
 
 true, 'custom_key' =&gt; array( 'thumb' ), 'default_size' =&gt; 'medium', 'width' =&gt; '200', 'height' =&gt; '200', 'image_class' =&gt; 'thumb','image_scan' =&gt; true  ) ); ?&gt;
 
/*****************************************
Trong đó: attachment: sử dụng attach hay không (true or false)
custom_key: tên của custom key chứa đường dẫn ảnh
default_size: kích thước ảnh file attach mà bạn muốn lấy
width,height: kích thước của ảnh (đơn vị px)
image_class: thêm class cho ảnh để bạn có thể tha hồ quản lý bằng css
image_scan: nếu không có ảnh từ custom_key và attach thì sẽ tự động scan ảnh trong bài viết đưa vào, kích thước và class như trên
******************************************/
//Tiêu đề của bài viết
<h2><a title="&lt;?php the_title_attribute(); ?&gt;" rel="bookmark" href="&lt;?php the_permalink(); ?&gt;"></a></h2>
//Trích đoạn bài viết
<div class="entry">
 
   //120 là số ký tự bạn muốn hiển thị, còn Đọc tiếp là chữ bạn muốn hiện thị để link đến bài viết chi tiết, nếu để trắng thì sẽ là ký tự [...]
 
   //Nếu plugin limit post không được active thì sẽ dùng hàm the_excerpt</div>
</div>

Ok, như vậy là bạn đã có đoạn code mà bao gồm một ảnh minh họa, một tiêu đề và một mô tả ngắn. Bạn có thể đặt ở bất cứ chỗ nào bạn thích, ngoài trang chủ, sidebar ….

Related posts

1. 2 plugin giúp nâng tầm sidebar của bạn Trong bài viết này Hutek sẽ hướng dẫn các bạn...
2. Áp dụng magazine theme cho blog của bạn khi nào? Khi thiết kế một template mới hoặc trên một template...
3. 20 website được thiết kế với phong cách tối giản Mimimalist Design (phong cách thiết kế tối giản) đang là...

Giao diện của Widget

Query Post Widget phát triển dựa trên hàm query_post() được các coder sử dụng rất phổ biến trong việc thiết kế WordPress theme ngày nay (bản thân mình cũng rất hay dùng hàm này) vì đây là một hàm rất mạnh với rất nhiều tham số và với việc kết hợp các tham số này bạn có thể thực hiện được rất nhiều yêu cầu đặt ra trong thực tế.

Với Query Post Widget bạn có thể lọc ra một hoặc nhiều bài viết theo các tiêu chí như:

1. Theo thẻ (tag)
2. Theo chuyên mục (category)
3. Theo tác giả (author)
4. Theo thời gian
5. Theo key hoặc giá trị của custom field (trường tùy biến)
6. Chọn số lượng bài viết muốn hiển thị
7. Sắp xếp theo các kiểu khác nhau (tăng dần, giảm dần, theo tên …)
8. Hiển thị toàn bộ bài viết, trích dẫn (excerpt) hoặc chỉ tiêu đề của bài viết

Và còn nhiều nhiều tính năng nữa mà bạn nên dùng thử để khám phá.
Tất nhiên bạn có thể kết hợp một hoặc nhiều tham số trên để tạo ra được một widget mà có dữ liệu như ý muốn.
Ví dụ: Nếu bạn muốn dùng widget này để hiển thị 5 bài viết mới nhất (chỉ tiêu đề) của tác giả admin thì bạn cần điền các tham số sau:

• Widget Title: 5 bài viết mới nhất của admin
• Display: list
• Show Post: 5
• Author: Admin

Download

Từ WordPress.org

Lưu ý: Để sử dụng tốt plugin này bạn cần đọc kỹ hướng dẫn sử dụng đi kèm theo (file readme.html)
Bản cài đặt trên trang của Justin Tadlock ko thích hợp cho việc cài đặt trực tiếp plugin từ WordPress (vì khi bạn cài đặt trực tiếp thì wordpress sẽ giải nén thẳng các file trong plugin này ra thư mục plugins trong khi đáng ra phải là thư mục Query Post). Để có thể cài đặt trực tiếp từ phần quản trị của WP bạn cần phải tải bản trên WordPress.org.

___________________________
Hutek thấy rất rõ được tiềm năng của plugin này nên sẽ khuyên người dùng sử dụng nó khi dùng Webzine bởi vì Webzine hỗ trợ widget ở rất nhiều vị trí và với Plugin này thì người dùng sẽ dễ dàng hơn trong việc tùy biến Webzine.

Related posts

1. Cu3er Post Elements – Làn gió mới cho blog của bạn Cu3er Post Elements – Một plugin vừa mới xuất hiện...
2. 2 plugin giúp nâng tầm sidebar của bạn Trong bài viết này Hutek sẽ hướng dẫn các bạn...
3. Yahoo Meme và ứng dụng đầu tiên cho WordPress Yahoo Meme, cái tên mới toanh, một đối thủ của...