Minh Vũ's Blog

Just another WordPress.com weblog

Auto Readmore ver 4.1

Posted by xpss on 07/11/2009

Auto Readmore là tiện ích giúp thu gọn các bài viết thành 1 đoạn miêu tả ngắn trích từ bài viết đó, có kèm ảnh thumbnail hay không tùy thuộc vào bài viết đó có hình ảnh hay không. Auto Readmore hữu ích trong các trường hợp sau:
– Blog đã được tạo từ lâu, đã có khá nhiều bài viết, nhưng trước kia chưa từng dùng Manual Read more, cho nên bây giờ không thể thu gọn bài viết vì quá sức người.
– Blog có thành viên không thạo lắm với HTML, không biết cách sử dụng Manual Read more
– Blog thường hay copy hay là có khá nhiều bài viết mỗi ngày, không tiện để chèn Manual Read more cho từng bài

Trên đây là Anhvo giới thiệu sơ lược về Auto Readmore để các bạn chưa từng sử dụng nó lần nào có thể hình dung được Auto Readmore là gì. Bạn có thể xem thêm các bài giới thiệu về Auto Readmore
4.03.02.01.0 để biết thêm.
Bản 4.1 có nhiều cải tiến vượt trội hơn các bản khác với các tính năng như:
– Fix lỗi Width và Height của ảnh Thumbnail. Không giống các bản trước chỉ hiện cố định Width và Height của ảnh, bản 4.1 sẽ kiểm tra kích thước của ảnh và hiện kích thước MaxWidth và MaxHeight nếu ảnh lớn, nếu như ảnh nhỏ thì hiện kích cỡ thật sự của ảnh, cả 2 trường hợp đều giữ đúng tỉ lệ Width và Height.
– Cải tiến phương pháp lấy đoạn summary (đoạn miêu tả), không còn nối dòng lung tung mà sẽ xuống dòng y chang như bài gốc. Summary tối đa lấy theo lượng từ chứ không còn theo kiểu ký tự nữa.
– Cải tiến tốc độ Load cho blog. Bản 4.0 đã loại bỏ hoàn toàn việc Load toàn bộ ảnh trong bài, mà sẽ chỉ Load ảnh đầu tiên của bài đó để làm ảnh Thumbnail.
– Hỗ trợ chế độ Readmore giống WordPress, đây là tính năng khá thú vị mặc dù nó chỉ là Manual Readmore.
– Hỗ trợ thụt đầu dòng cho Summary. Khi Summary có 2 đoạn trở lên thì việc thụt đầu dòng sẽ làm cho người đọc thấy rõ từng đoạn.
– Có thể chọn lựa phương pháp hiện ảnh thumbnail: dồn trái (float, phù hợp cho các blog tin tức) và Gallery (no-float, phù hợp cho các trang có nhiều hình ảnh quảng cáo, trang Softs).
– Có thể tùy chỉnh kích thước ảnh thumbnail theo ý muốn
– Có thể chọn lựa giữa phương pháp lấy Summary cổ điển và Summary cải tiến.

(Ảnh: VietWebGuide.Com khi sử dụng Auto Readmore 4.0)

Cài đặt:
Việc cài đặt vô cùng đơn giản. Nếu như bạn chưa từng cài đặt Auto Readmore thì làm như bên dưới, còn nếu như bạn đã cài đặt phiên bản cũ thì hãy gỡ bỏ toàn bộ code của nó ra trước khi cài đặt mới. Việc gỡ bỏ code cũ đơn giản nhất là các bạn hãy đọc lại bài hướng dẫn phiên bản cũ và làm ngược từ dưới bài lên.
Đầu tiên bạn vào Dashboard -> Layout – > EditHTML. Bấm vào Download Full Template để Save 1 bản Template trước khi thao tác. Sau đó chọn Expand Widget Templates.

(Hình minh họa)

Bạn tìm đến thẻ và thay thế bằng đoạn code sau:

 

createSummaryAndThumb(“summary”);


(Hình ví dụ)

Kế đến, bạn chèn đoạn code sau vào ngay trên thẻ đóng :

 

<!–
/*****************************************************
Auto-readmore link script, version 4.0 (for blogspot)
(C)2009 by Anhvo
Homepage: 
http://vietwebguide.com
Please dont remove this copyright or change it into your own
******************************************************/
–>


.thumbnailimg IMG {
max-width:150px;
   width: expression(this.width > 150 ? 150: true);
   max-height:120px;
   height: expression(this.height > 120 ? 120: true);

}
.thumbnailimg {
float:left;
padding:0px 10px 5px 0px;
}

var thumbnail_mode = “no-float” ;
var classicMode = false ;
var summary_noimg = 50;
var summary_img = 40;
var indent = 3;

//<![CDATA[
function stripHtmlTags(s,max){return s.replace(//ig, ”).split(/\s+/).slice(0,max-1).join(‘ ‘)}

function getSummaryLikeWP(id) {
        return document.getElementById(id).innerHTML.split(//)[0];
}

function getSummaryImproved(post,max){
   var re = //gi
   var re2 = /
/gi
   var re3 = /()|()/gi
   var re4 = /()|()|(

)|()|()|(

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s