前言
客戶選定好一套非 joomla 的樣板
在前台要呈現文章圖片，hover 時呈現標題與文字。
執行步驟
1. 到以下路徑，複製三支檔案
專案名稱/components/com_content/views/category/
blog_item.php
blog.php
blog.xml
2. 貼到以下路徑 (就是上面那個路徑) ，並修改名稱
專案名稱/components/com_content/views/category/
myblog_item.php
myblog.php
myblog.xml
3. 調整 myblog.xml
藍色字體代表新增
<layout title="COM_MYBLOG_CONTENT_CATEGORY_VIEW_BLOG_TITLE" option="COM_CONTENT_CATEGORY_VIEW_BLOG_OPTION">
<help key = "JHELP_MENUS_MENU_ITEM_ARTICLE_CATEGORY_BLOG" />
<message>
<![CDATA[COM_MYBLOG_CONTENT_CATEGORY_VIEW_BLOG_DESC]]>
</message>
</layout>
4. 調整 html 結構
myblog_item.php
myblog.php
5. 後台語系建立
專案名稱/administrator/language/zh-TW/zh-TW.com_content.sys.ini
專案名稱/administrator/language/en-GB/en-GB.com_content.sys.ini
//兩個檔案分別建立以下兩組變數
COM_MYBLOG_CONTENT_CATEGORY_VIEW_BLOG_TITLE="文章圖片清單"
COM_MYBLOG_CONTENT_CATEGORY_VIEW_BLOG_DESC="顯示圖片，hover顯示標題及文字
建立完畢之後，可以在後台的選單類型裡面看到這個樣板
6. 文章裡設定以下項目
摘要圖片、連結文字（文章標題）、顯示文字（圖片下方的簡略文字）
7. 設定完畢後，前台呈現如下
額外補充
myblog_item.php 取值的方式
$images = json_decode($this->item->images);
$urls = json_decode($this->item->urls);
<?php echo $urls->urlatext; ?> // 取得連結文字
<?php echo $images->image_intro_caption; ?> //取得標題文字
至於連結的 url 則是沿用預設的方式
<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid, $this->item->language));
