Xin hướng dẫn: Hiển thị tin trên trang chủ

 Hỗ trợ sử dụng NukeViet

Xin hướng dẫn hiển thị tin theo chuyên mục trên trang chủ như hình, demo: https://mynukeviet.net :D


Hơi loằng ngoằng nha, chịu khó sẽ thành công :D

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">
    <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;
 }

Đúng là loằn ngoằn, nhiều thứ. Nhưng thấy hay

Bạn cần đăng nhập để tham gia thảo luận

Trung tâm ứng dụng NukeViet
Ghi rõ nguồn khi sao chép thông tin từ website này.

Powered by NukeViet - a product of VINADES.,JSC