hieudt’s blog

Giao diện trang chủ của theme

Fusion là theme WordPress miễn phí có bố cục khá đơn giản với hai cột và một sidebar chính, tôn màu chủ yếu là màu trắng xám với các đường viền được bo tròn (chạy tốt trên IE6) không giống như MAC nhưng cũng khá đẹp mắt, thích hợp cho blog cá nhân.

Theme này có sidebar hơi đặc biệt một chút là nó vượt lên và nằm đè lên header để tạo sự nổi bật đồng thời cũng tận dụng chiều cao bởi sidebar thường dài hơn nội dung bài viết. Sidebar có hai vị trí là trái/phải (bạn có thể chọn trong trang quản lý theme) và hỗ trợ tốt widget. Các widget rộng rãi và rất thoáng, được ngăn cách bằng các title màu xám có bóng mờ (tôi rất thích phong cách này )

Phần header bao gồm logo + màu nền + thanh menu đều có thể được tùy chỉnh bên trong wp-admin mà không cần chỉnh sửa code, bạn có thể upload ảnh lên để làm logo, chọn màu nền, cho thanh menu hiện các trang hoặc chuyên mục. Ngoài ra trên góc phải màn hình còn có thanh công cụ để tăng/giảm kích thước font chữ, co giãn chiều rộng blog.

Comment phân cấp

Chưa hết, trong theme này, tôi "kết" nhất là phần comment trong từng bài viết, tác giả theme đã tách comment và trackback riêng ra thành 2 tab - kiểu thiết kế này ngày càng được ưa chuộng. \m/ Tab trackback chỉ đơn thuần là hiện danh sách trackback của bài viết nên khá đơn giản, còn tab comment thì được thiết kế đẹp hơn và khá pro:

• có phân biệt comment của admin với comment của khách.
• hỗ trợ avatar từ Gravatar.com
• hỗ trợ comment đa cấp và phân trang khi số comment quá nhiều (yêu cầu WP 2.7 trở lên)
• có cả chức năng Reply + Quote

Nói chung một theme miễn phí mà có đầy đủ những chức năng trên thì cũng quá ngon rồi, lấy về "độ" thêm một chút nữa thì OK

Trang chủ của theme: http://digitalnature.ro/projects/fusion/ trong đó bạn có thể download theme (file .zip) và logo (file .psd)

Từ clone theo tiếng Anh có nghĩa là tạo ra bản sao, còn trong lĩnh vực thiết kế web thì clone dùng để ám chỉ việc tạo ra một trang web mới dựa theo giao diện của một trang khác hay nói theo cách dân gian nghĩa là "nhái" theo người ta.

Trong WordPress cũng có hiện tượng này và nó dần trở nên khá quen thuộc, thử hỏi một blog platform đang phát triển rầm rộ như WordPress hiện nay với số lượng theme lên đến hàng nghìn thì việc tạo ra theme mới "nhái" theo các trang nổi tiếng khác cũng là chuyện bình thường, thậm chí nó còn là sở thích của một số nhà phát triển WordPress theme. Hàng ngày nếu chịu khó dạo quanh các chợ theme trên mạng, bạn sẽ bắt gặp ngay những yêu cầu đại loại như "Tôi muốn có một theme WordPress giống trang này....", ngoài ra còn có một số dịch vụ khác trong đó có trang StyleWP - chuyên cung cấp theme WordPress loại "clone". Dưới đây là 15 theme WordPress được clone từ các trang nổi tiếng mà tôi sưu tầm được.

WPSN Theme - clone of ESPN

• 

Theme info | Demo | View Original Site

The New Yorker Theme - clone of NYTimes.com

• 

Theme info | Demo | View original site

One News Theme - clone of popurls.com

• 

Theme info | Demo | View original site

Facebook theme Theme - clone of Facebook

• 

Theme info | Demo | View original site

Cry Book Theme - clone of Facebook

• 

Theme info | Demo | View original site

iBlog Theme - clone of Apple

• 

Theme info | Demo | View original site

Coda Blue Theme - clone of Coda

• 

Theme info | Demo | View original site

The Beeb Theme - clone of BBC News

• 

Theme info | Demo | View original site

tumblelog Theme - clone of tumblr.com

• 

Theme info | Demo | View original site

Digg-like Theme - clone of Digg

• 

Theme info | Demo | View original site

WP Max Theme - clone of Digg

• 

Theme info | Demo | View original site

Fresh Tweet Theme - clone of Twitter

• 

Theme info | Demo | View original site

Sharp Theme - clone of Creattica Daily

• 

Theme info | Demo | View original site

Shade Pro Theme - clone of WordPress.org

• 

Theme info | Demo | View original site

Gmail Theme - clone of GMail

• 

Theme info | Demo | View original site
Ngoài những theme đã nêu ở trên, nếu bạn còn biết theme nào khác thì hãy comment ở đây giúp tôi nhé, mọi người sẽ rất biết bạn đấy!

Theo: wpzoom

Đây là bản cập nhật cho theme VN-News bị lỗi khi xem bằng trình duyệt Internet Explorer mà các bạn đã thông báo trong thời gian vừa qua, nguyên nhân nằm trong file stlye.css và index.php, tuy nhiên cách khắc phục rất đơn giản. Ngoài ra, trong bản 1.2.3 này còn kèm theo hai widget là "Most Viewed 2" và "Random Posts" với ảnh thumbnail như widget "Recent Posts 2".

Chú ý: Nếu bạn đã chỉnh sửa theme theo ý riêng và không muốn update đè lên bản cũ thì bạn có thể làm bằng tay như sau:

Trong file style.css, bạn tìm và xóa những dòng này

Sau đó chèn đoạn code dưới đây vào chỗ vừa xóa:

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
img.thumb{background:#fff;border:1px solid #ccc;float:right;margin:3px 0 4px 5px;padding:1px;width:50px;height:50px;}

Tìm trong file index.php và xóa chữ "clearfix" như hình minh họa

Như vậy là bạn đã xong phần vá lỗi. Nếu bạn thích dùng thêm hai widget "Most Viewed 2" và "Random Posts" thì bạn chỉ cần lấy file functions.php của bản 1.2.3 (download ở trên) chép đè lên bản cũ là xong.

Tôi vẫn đang phát triển theme này, vì vậy rất mong nhận được phản hồi từ các bạn để theme ngày một hoàn thiện hơn.

Freemium Theme là theme premium miễn phí cho WordPress, nó được thiết kế và phát triển bởi Paul Kadysz, Dariusz Siedlecki sau đó được cung cấp miễn phí tại freebiesdock.com.

Đặc điểm của theme:

• Hợp chuẩn XHTML 1.0
• Có menu sử dụng jQuery
• Có các nút social để đăng blog lên các web2.0
• Hỗ trợ plugin FlickrRSS
• Hỗ trợ Threaded comments (phản hồi nhiều cấp)
• Hỗ trợ phân phối bài viết qua email bởi Feedburner
• Hỗ trợ nhiều loại banner quảng cáo (125×125, 120×600, 300×250)
• Có 2 sidebar hỗ trợ widget
• Miễn phí hoàn toàn

Mời bạn xem demo của theme.

Download:
freebiesdock.com/freemium-wordpress-theme/

Đã có VN-News 1.2.3, mời bạn xem tại đây:
http://hieudt.info/wp-themes/vn-news-123/
-----------------------------------------------------------
Đây là bản cập nhật cho theme VN-News 1.2.1 với những thay đổi sau:

• Thêm lựa chọn cho việc dùng ảnh thumbnail, bạn có thể dùng ảnh từ host bên ngoài, tuy nhiên ảnh sẽ không được resize tự động, bạn phải resize ảnh (bằng tay hoặc dùng software) trước rồi upload lên host image, sau đó copy link rồi paste vào ô Thumbnail một cách bình thường. (không yêu cầu server phải có thư viện GD)
  
• Bản này dùng hàm the_excerpt() của WordPress để hiện trích đoạn cho các bài viết ở trang Home, Archive, Category, Search,... nên bạn có thể tự đặt trích đoạn cho từng bài viết (nếu không thì WordPress sẽ cắt lấy 55 chữ đầu tiên của bài viết làm trích đoạn và bỏ qua HTML).
  Phần Excerpt này nằm trong trang Edit Post (xem hình bên dưới)
  
• Fix thêm một số lỗi nhỏ của sidebar và css.

CHÚ Ý:

• Sau khi activate theme xong, bạn phải vào VN-News Options để cập nhật các thông số mới, nếu không thì theme sẽ không hiển thị ảnh thumbnail
• Kích thước tốt nhất cho ảnh thumbnail ở mục Featured là 220x220 (px) còn ảnh thumbnail bình thường là 100x100 (px)
• Ngoài ra, widget Recent Posts 2 còn có thêm option hiện ảnh thumbnail, bạn phải bật option này lên thì widget mới hiện thumbnail.

UPDATE:

• Fix lỗi vỡ khung trong widget Recent Comments 2 khi xem bằng IE (sửa class clearfix trong file style.css)
• Thêm khả năng hiển thị thumbnail cho những bạn muốn chuyển sang dùng cách post thumbnail từ host chứa image bên ngoài. Cụ thể là lúc đầu bạn dùng cách upload image lên host của WordPress (dùng script resize image và chứa thumbnail trong thư mục VN-News/scripts/cache) nhưng nay bạn không thích như thế nữa (do dung lượng của host sắp đầy chẳng hạn) và bạn muốn dùng host bên ngoài thì các thumbnail cũ vẫn hiển thị được.
• Fix lỗi hiển thị ngày tháng bằng cách thay hàm the_date() bằng hàm the_time()

Đã có VN-News 1.2.2, mời bạn xem tại đây:
http://hieudt.info/wp-themes/vn-news-122/
-----------------------------------------------------------
VN-News là theme WordPress "made in VietNam" miễn phí với giao diện thích hợp cho blog tin tức, thủ thuật,... Sau một thời gian ra mắt bản 1.2 còn khá nhiều khuyết điểm, đến hôm nay mình đã làm xong bản nâng cấp là VN-News 1.2.1 với nhiều tính năng và cải tiến đáng kể . Một trong những cải tiến đó là VN-News đã hỗ trợ nhiều ngôn ngữ (có tiếng Việt), không phụ thuộc vào plugin như bản cũ.

Những thay đổi trong bản 1.2.1:

• Hỗ trợ đa ngôn ngữ bằng cách dùng file *.mo trong thư mục "VN-News/languges/"
• Phần VN-News Theme Custom Box không còn bị lỗi tạo ra custom field mới khi save bài viết.
• Thêm widget Recent Posts 2 có thumbnail.
• Thêm một số Page Template như Archives, Sitemap, Contact Form, No Sidebar
• Bỏ phần You may also like do bị tràn text.
• Sidebar #1 có hai vị trí là trái hoặc phải
• Khắc phục lỗi không hiển thị comment
• Thêm khả năng chọn logo và language trong VN-News Options
• Thêm một số icon cho Sociable bên dưới mỗi bài viết
• Tối ưu code CSS, giảm bớt thời gian load CSS

Những plugin đã được chuẩn bị sẵn:

• Comment Info Detector
• Dagon Design Sitemap Generator
• Math Comment Spam Protection
• Simple Tags
• SRG Clean Archives
• Subscribe To Comments
• WP-PostViews
• WP-PostRatings

Cách chèn ảnh thumbnail:

Sau khi activate theme, trong phần soạn thảo bài viết sẽ xuất hiện một box tên là Thumbnail, đó là nơi bạn sẽ nhập đường dẫn của file ảnh mà bạn muốn làm thumbnail cho bài viết.

Lưu ý là những file thumbnail ấy phải được upload bằng trình upload của WordPress, không thể dùng file từ các host khác được. Tuy nhiên trong bản mới này, bạn không cần phải copy đường dẫn bắt đầu từ wp-content/uploads/...

Cách tạo các Page Template:

VN-News đã được tích hợp sẵn các trang (Page Template) phổ biến như Archives, Sitemap, No Sidebar,...

Để tạo ra các trang đó, bạn làm như sau: tạo một page mới, nhập Title và bỏ trống nội dung, sau đó chọn Template trong cột Attributes.

Demo: (đang chạy trên WordPress 2.7)

http://hieudt.info/vn-news

Chú ý:

• Để chức năng thumbnail hoạt động thì bạn phải CMOD thư mục "VN-News/scripts/cache" thành 777 và host của bạn phải hỗ trợ thư viện GD.
• Khi sử dụng theme, bạn được phép chỉnh sửa cho phù hợp với sở thích của mình. Nhưng có một yêu cầu nhỏ là bạn phải giữ nguyên dòng Theme by Tom Riddle bên dưới footer. Đây là dòng thể hiện ý thức bản quyền cũng như tôn trọng công sức của tác giả, là webmaster chắc hẳn bạn cũng biết điều này. Cám ơn bạn đã sử dụng!

Versatility Lite is a two column, ad-ready, widgetized theme. The theme includes a ‘Featured Post’ section, drop down CSS menus, integrated related posts, social bookmarking buttons, and much more.

The theme comes with a “Featured Post” section at the top. All you have to do make an article go there, is to give it a tag of “featured.” There is a “Welcome” section at the top to the left of the “Featured Post” Section. The theme comes with a variation between Admin comments, and normal blog visitors. You will just have add your admin email address to make them display properly. The theme comes with 2 areas for you to put ads, both in the sidebar.

Demo | Download | Homepage

MagicBlue - a fixed-width 2-column, free WordPress theme, with a right hand-sidebar, enabled for widgets. It’s also got (the ridiculous) gravatars, as WordPress Themes insist on for some reason and post comments are separated from pingback/trackbacks. The theme has been tested on Firefox 2, Internet Explorer 6 and 7, and Opera 9.

Live Demo | Download