hướng dẫn hiển thị tin theo chuyên mục trên trang chủ

Thứ hai - 09/11/2020 20:39 14 0

Cái này chỉ áp dụng cho kiểu hiển thị là Chủ đề, tin khác bên phải, nên bạn phải vào cấu hình module news để chọn kiểu này trước.

1, Mở themes/ten-theme/css/news.css

Thêm vào cuối file
 

.main .news_column .panel-body{
    padding: 0;
    padding-top: 5px
}
.main .news_column .panel-body ul{
    margin-left: 0    
}
.main .news_column .panel-body h2{
    margin: 8px 0 8px 0;    
}
.main .news_column .panel-body ul.related .h4{
    margin: 0;
    font-weight: bold;
    line-height: 20px;
}

2, Mở themes/ten-theme/modules/news/viewcat_main_right.tpl

Tìm
 

<div class="{WCT}">
Thay bằng
<div class="col-xs-24 col-sm-12 col-md-12">

Tìm

<a title="{CONTENT.title}" href="{CONTENT.link}"><img src="{HOMEIMG}" alt="{HOMEIMGALT}" width="{IMGWIDTH}" class="img-thumbnail pull-left imghome" /></a>

Thay bằng

<a title="{CONTENT.title}" href="{CONTENT.link}"><img src="{HOMEIMG}" alt="{HOMEIMGALT}"class="img-thumbnail imghome" /></a>

Tìm

<li><em class="fa fa-eye">&nbsp;</em> {CONTENT.hitstotal}</li>

Thay bằng

<li><em class="fa fa-eye">&nbsp;</em>{LANG.view}: {CONTENT.hitstotal}</li>

Tìm

<li><em class="fa fa-comment-o">&nbsp;</em> {CONTENT.hitscm}</li>

Thay bằng

<li><em class="fa fa-comment-o">&nbsp;</em>{LANG.total_comment}: {CONTENT.hitscm}

Tìm

<div class="col-md-8">

Thay bằng

<div class="col-xs-24 col-sm-12 col-md-12">

Tìm

<li class="{CLASS}">

Thay bằng

<li class="{CLASS} clearfix m-bottom" style="display: flex;">
    <img src="{OTHER.imghome}" class="img-thumbnail" width="80" />

Tìm

<a class="show h4" href="{OTHER.link}" title="{OTHER.title}" <!-- BEGIN: tooltip -->data-content="{OTHER.hometext}" data-img="{OTHER.imghome}" data-rel="tooltip" data-placement="{TOOLTIP_POSITION}"<!-- END: tooltip -->>{OTHER.title}</a>

Thêm bên dưới

<div class="text-muted">
    <ul class="list-unstyled list-inline">
        <li><em class="fa fa-eye">&nbsp;</em>{LANG.view}: {OTHER.hitstotal}</li>
        <!-- BEGIN: comment -->
        <li><em class="fa fa-comment-o">&nbsp;</em>{LANG.total_comment}: {OTHER.hitscm}</li>
        <!-- END: comment -->
    </ul>
</div>

3, Hãy kiểm tra, nếu tồn tại themes/ten-theme/modules/news/theme.php thì hãy mở file theme.php này, ngược lại, nếu không tồn tại, hãy mở modules/news/theme.php (Tuy nhiên, mình khuyến khích copy modules/news/theme.php vào themes/ten-theme/modules/news/theme.php rồi chỉnh sửa ở đây, để không làm ảnh hưởng đến việc nâng cấp module news sau này)

Tìm đến hàm viewsubcat_main, trong hàm này (Lưu ý là trong hàm này thôi nhé)

Tìm

global

Thêm biến $module_upload vào cuối danh sách

global $module_name, $module_file, $site_mods, $global_array_cat, $lang_module, $module_config, $module_info, $module_upload;

Tìm

$xtpl->assign('HOMEIMG', $array_row_i['imghome']);

Thay bằng

$xtpl->assign('HOMEIMG', nv_news_resize_crop_images(NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_upload . '/' . $array_row_i['homeimgfile'], 380, 250, $module_name));

Tìm

$xtpl->parse('main.listcat.related.loop');

Thêm lên trên

if (isset($site_mods['comment']) and isset($module_config[$module_name]['activecomm']) and $module_config[$module_name]['activecomm']) {
     $xtpl->parse('main.listcat.related.loop.comment');
}

Thêm nội dung này vào cuối file

function nv_news_resize_crop_images( $img_path, $width, $height, $module_name = '', $id = 0 )
 {
     $new_img_path = str_replace( NV_ROOTDIR, '', $img_path );
     if( file_exists( $img_path ) )
     {
         $imginfo = nv_is_image( $img_path );
         $basename = basename( $img_path );
         $basename = preg_replace( '/^\W+|\W+$/', '', $basename );
         $basename = preg_replace( '/[ ]+/', '_', $basename );
         $basename = strtolower( preg_replace( '/\W-/', '', $basename ) );
         if( $imginfo['width'] > $width or $imginfo['height'] > $height )
         {
             $basename = preg_replace( '/(.*)(\.[a-zA-Z]+)$/', $module_name . '_' . $id . '_\1_' . $width . '-' . $height . '\2', $basename );
             if( file_exists( NV_ROOTDIR . '/' . NV_TEMP_DIR . '/' . $basename ) )
             {
                 $new_img_path = NV_BASE_SITEURL . NV_TEMP_DIR . '/' . $basename;
             }
             else
             {
                 $img_path = new NukeViet\Files\Image( $img_path, NV_MAX_WIDTH, NV_MAX_HEIGHT );

                 $thumb_width = $width;
                 $thumb_height = $height;
                 $maxwh = max( $thumb_width, $thumb_height );
                 if( $img_path->fileinfo['width'] > $img_path->fileinfo['height'] )
                 {
                     $width = 0;
                     $height = $maxwh;
                 }
                 else
                 {
                     $width = $maxwh;
                     $height = 0;
                 }

                 $img_path->resizeXY( $width, $height );
                 $img_path->cropFromCenter( $thumb_width, $thumb_height );
                 $img_path->save( NV_ROOTDIR . '/' . NV_TEMP_DIR, $basename );
                 if( file_exists( NV_ROOTDIR . '/' . NV_TEMP_DIR . '/' . $basename ) )
                 {
                     $new_img_path = NV_BASE_SITEURL . NV_TEMP_DIR . '/' . $basename;
                 }
             }
         }

     }
     return $new_img_path;
 }

  Ý kiến bạn đọc

Mã bảo mật   
Thống kê truy cập
  • Đang truy cập7
  • Máy chủ tìm kiếm1
  • Khách viếng thăm6
  • Hôm nay261
  • Tháng hiện tại15,083
  • Tổng lượt truy cập37,828
THÀNH VIÊN
VĂN BẢN

4622/BGDĐT-CNTT

Công văn số 4622/BGDĐT-CNTT về việc hướng dẫn thực hiện nhiệm vụ CNTT năm học 2016 – 2017

Thời gian đăng: 10/08/2017

lượt xem: 33 | lượt tải:8

80/2014/QĐ-TTg

Quyết định số 80/2014/QĐ-TTg của Thủ tướng Chính phủ: Quy định thí điểm về thuê dịch vụ công nghệ thông tin trong cơ quan nhà nước

Thời gian đăng: 10/08/2017

lượt xem: 24 | lượt tải:7

20/2014/TT-BTTTT

Thông tư 20/2014/TT-BTTTT của Bộ TT&TT ban hành ngày 05/12/2014 quy định về các sản phẩm phần mềm nguồn mở (PMNM) được ưu tiên mua sắm, sử dụng trong cơ quan, tổ chức nhà nước.

Thời gian đăng: 10/08/2017

lượt xem: 18 | lượt tải:6

72/2013/NĐ-CP

Nghị định số 72/2013/NĐ-CP của Chính phủ : Quản lý, cung cấp, sử dụng dịch vụ Internet và thông tin trên mạng

Thời gian đăng: 10/08/2017

lượt xem: 21 | lượt tải:6

310/BTTTT-ƯDCNTT

Công văn số 310/BTTTT-ƯDCNTT ngày 10/02/2012 của Bộ Thông tin và Truyền thông về việc hướng dẫn áp dụng bộ tiêu chí đánh giá cổng thông tin điện tử của cơ quan nhà nước

Thời gian đăng: 10/08/2017

lượt xem: 25 | lượt tải:6

24/2011/TT-BTTTT

Thông tư số 24/2011/TT-BTTTT ngày 20/9/2011 của Bộ Thông tin và Truyền thông quy định về việc tạo lập, sử dụng và lưu trữ dữ liệu đặc tả trên trang thông tin điện tử hoặc cổng thông tin điện tử của cơ quan nhà nước

Thời gian đăng: 10/08/2017

lượt xem: 22 | lượt tải:6

2132/BTTTT-VNCERT

Văn bản số 2132/BTTTT-VNCERT, ngày 18/7/2011, của Bộ Thông tin và Truyền thông về việc hướng dẫn bảo đảm an toàn thông tin cho các cổng/trang thông tin điện tử

Thời gian đăng: 10/08/2017

lượt xem: 21 | lượt tải:6
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây