Cách trình bày Catalogue Blog Joomla 2.5 dạng Báo

Mặc định Category của Joomla 2.5 đã được sắp xếp không chuyên nghiệp và không phù hợp với những website mong muốn có tính thẩm mỹ cao. 

Nếu trong bài viết bạn không chọn ảnh mô tả (hoặc khi viết bài hình ảnh không nằm trong thẻ Read more) thì khi đăng bài hình ảnh không tự hiển thị. Đây một phần là điểm yếu trong quá trình soạn thảo nội dung cho joomla.

Bạn muốn sửa lại Category cho nó đẹp mắt, mang phong cách báo chí, không phải chèn hình ảnh mô tả . Giờ đây khi đăng bài, hình ảnh đầu tiên xuất hiện trong bài viết sẽ tự động được lấy ra làm ảnh mô tả, không cần phải thêm thẻ Read More một cách thủ công nữa.

Catalogue Blog của Joomla 2.5 sao khi đã Edited

Bước 1: tải bộ com_content sau về: Link download Mediafire

Bước 2: Chép toàn bộ thư mục đã tải về vào đường dẫn public_html/templates/teamplate/html

Bước 3: Copy đoạn CSS này vào file template.css của template đang xài

.cols-1 {
display: block;
float: none !important;
margin: 0 !important;
}
.items-row {
margin-bottom: 10px !important;
overflow: hidden;
}
.items-row {
padding-left: 10px !important;
padding-right: 10px !important;
margin-bottom: 10px !important;
overflow: hidden;
}
.row-separator {
border: 0 none;
clear: both;
display: block;
height: 1px;
margin: 0;
}
div.intro-catimgitem {
float: left;
width: 160px;
}
div.intro-catimgitem img {
border: 1px solid #CCCCCC;
height: 94px;
padding: 2px;
width: 146px;
}
.blog-featured .items-row {
padding-top: 0 !important;
border: none !important;
}
.blog-featured .items-row .item h2 {
margin: 0 !important;
font-size: 17px;
color: #100f0d;
font-weight: lighter;
}
.blog-featured .items-row .item h2 a:hover, .blog-featured .items-row .item h2:active {
text-decoration: none;
}
.blog-featured .items-row .item p {
margin: 5px 0px !important;
color: #000000;
}
.blog-featured .items-row .item p.readmore {
text-indent: 10px;
color: #fe0000;
float: right;
}
.blog-featured .items-row .item p.readmore a {
color: #fe0000;
font-weight: normal;
text-transform: none;
}
.blog-featured .items-row .item p.readmore a:hover {
text-decoration: none;
font-weight: bold;
}
dl.article-info {
float: none !important;
margin: 0;
padding: 0;
text-transform: none;
width: 100%;
}

Tiếp theo bạn vào Menu Manager/ Menus / chọn menu hiển thị theo Category.

Nhìn bên phải bạn sẽ thấy mục: Blog Layout Options, mở mục này ra chỉnh sửa như sau:

Leading Articles : 0.

Intro Articles: bạn để tùy ý theo bố cục site của mình.

Columns: bạn để là 1.

• Tweet
• Share
• Share
• Share
• Share