Thêm ảnh HOT cho tiêu đề bài viết Joomla

Mình sẽ hướng dẫn các bạn làm thế nào để thêm hình ảnh (hot hoặc new) cho tiêu đề title cho bài viết mới trong joomla để làm nổi bật bài viết đó lên. Điều đó rất dơn giản, bài viết này tôi sẽ hướng dẫn bạn cách làm...

Trước tiên, bạn cần tạo mới một module để load tin tức mới nhất ở đây tôi sẽ dùng mod_latestnews mặc định của joomla. Tiếp theo các bạn mở tập tin cấu hình của module này mod_latestnews.xml thêm vào đoạn code sau bên trong tags và phía trước thẻ <param name="secid" ... >

        <param name="@spacer" type="spacer" default="" label="" description="" />
 <param name="newicon" type="radio" default="0" label="ICON NEW FOR ITEM" description="">
  <option value="1">show</option>
  <option value="0">hide</option>
 </param>
  
        <param name="@spacer" type="spacer" default="" label="" description="" />
 <param name="newiconh3" type="radio" default="0" label="ICON NEW FOR TITLE" description="">
  <option value="1">show</option>
  <option value="0">hide</option>
 </param>

Khi đó trong module của bạn sẽ xuất hiện các thông số như sau:

Ở đây, 2 mục ICON NEW FOR TITLE, ICON NEW FOR TITLE  tôi sẽ gắn vào nút tùy chọn show/hide để bạn có thể tắt hoặc bật hình ảnh phía cuối tiêu đề 1 cách tùy ý và tự động khi cần. Sau đó, trong tập tin mod_latestnews.php bạn cần chỉnh sửa lại một tí, để nhận về giá trị của nút tùy chọn ẩn hiện mà chúng ta khai báo ở bước trước đó.

<?php
/**
* @version  $Id: mod_latestnews.php 14401 2010-01-26 14:10:00Z louis $
* @package  Joomla
* @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
* @license  GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
// no direct access
defined('_JEXEC') or die('Restricted access');
// Include the syndicate functions only once
require_once (dirname(__FILE__).DS.'helper.php');
$list = modLatestNewsHelper::getList($params);
$newicon   = trim( $params->get('newicon',0) );
  
require(JModuleHelper::getLayoutPath('mod_latestnews'));
?>
 Tiếp theo để bổ sung hình ảnh cho tiêu đề bài viết, bạn mở tập tin default.php trong thư mục tmpl chỉnh sửa lại giống như đoạn code bên dưới:
<?php // no direct access
defined('_JEXEC') or die('Restricted access'); ?>
<ul class="latestnews<?php echo $params->get('moduleclass_sfx'); ?>">
<?php foreach ($list as $item) :  ?>
 <li class="latestnews<?php echo $params->get('moduleclass_sfx'); ?>">
  <a href="/<?php echo $item->link; ?>" class="latestnews<?php echo $params->get('moduleclass_sfx'); ?>">
   <?php echo $item->text; ?></a>
   <?php if($newicon){
     echo '<img src="/images/new.gif" />';
         } 
   ?>
 </li>
<?php endforeach; ?>
</ul>

 Đến đây, bạn đã tạo được hình ảnh cho tiêu đề bài viết trong joomla. Kết quả bạn nhận được sẽ tương tự như hình bên trên. Chúc các bạn thành công ! 

Download source của mod_latestnews.zip (4 KB) của bài viết này.