<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Joomla &#8211; 開發筆記 &#8211; 任姓人妻 の 生活紀錄</title>
	<atom:link href="https://blog.cindygirl.cc/archives/category/learn/joomla-dev/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.cindygirl.cc</link>
	<description>我是冠冠，於2015年1月1日正式成為人妻，在此紀錄婚後的點點滴滴。</description>
	<lastBuildDate>Fri, 02 Mar 2018 09:06:40 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>【Joomla】《T3 Framework》變更網站字型</title>
		<link>https://blog.cindygirl.cc/archives/5005/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b%e8%ae%8a%e6%9b%b4%e7%b6%b2%e7%ab%99%e5%ad%97%e5%9e%8b/</link>
					<comments>https://blog.cindygirl.cc/archives/5005/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b%e8%ae%8a%e6%9b%b4%e7%b6%b2%e7%ab%99%e5%ad%97%e5%9e%8b/#comments</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Mon, 17 Apr 2017 12:32:24 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<category><![CDATA[學習筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=5005</guid>

					<description><![CDATA[<p>前提 很意外的，最近好多人都在看我的Joomla筆&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/5005/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b%e8%ae%8a%e6%9b%b4%e7%b6%b2%e7%ab%99%e5%ad%97%e5%9e%8b/">【Joomla】《T3 Framework》變更網站字型</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h2>前提</h2>
<p>很意外的，最近好多人都在看我的Joomla筆記，但是我好久沒碰joomla了說～<br />
今天Vicky詢問我要怎麼套用Google字型，順便記錄一下好了</p>
<h2>選擇字型</h2>
<p><a href="https://fonts.google.com/earlyaccess" target="_blank" rel="noopener">https://fonts.google.com/earlyaccess</a><br />
搜尋「Noto Sans TC (Chinese Traditional)」，就拿「思源黑體」當範例。</p>
<h2>方法一  放 custom.css</h2>
<p>T3 有設計一支 custom.css 放在 <span style="color: #0000ff;">專案名稱/templates/ja_magz_ii</span><br />
<span style="color: #000000;">如果沒看到的話，就自己新增</span><span style="color: #0000ff;"> </span>custom.css 並加入以下程式碼。</p>
<p><code>@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);<br />
body, h1,h2,h3,h4,h5,h6,p {<br />
font-family: ‘Noto Sans TC’, sans-serif;<br />
} </code></p>
<h2>方法二  後台樣板設定</h2>
<p>後台的Template設定 &gt; Custom Code 的 After &lt;head&gt;  貼上以下程式碼</p>
<p><code>&lt;link href=’http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&amp;subset=latin,latin-ext’ rel=’stylesheet’ type=’text/css’&gt;<br />
&lt;style&gt;<br />
body, h1,h2,h3,h4,h5,h6,p {<br />
font-family: ‘Noto Sans TC’, sans-serif;<br />
}<br />
&lt;/style&gt;</code></p>
<p><img decoding="async" class="alignnone size-large" style="width: 500px; height: 111px;" src="https://img.cindygirl.cc/joomla/font.png" alt="" /></p>
<p>&nbsp;</p>
<h2>方法三  放在 local/less 檔</h2>
<p>路徑：專案名稱/templates/ja_magz_ii/local/less/xxx<br />
把以下程式碼置入 less檔 裡面</p>
<p><code>@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);<br />
body, h1,h2,h3,h4,h5,h6,p {<br />
font-family: ‘Noto Sans TC’, sans-serif;<br />
}</code></p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/5005/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b%e8%ae%8a%e6%9b%b4%e7%b6%b2%e7%ab%99%e5%ad%97%e5%9e%8b/">【Joomla】《T3 Framework》變更網站字型</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/5005/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b%e8%ae%8a%e6%9b%b4%e7%b6%b2%e7%ab%99%e5%ad%97%e5%9e%8b/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>【Joomla】用常數取代語言檔</title>
		<link>https://blog.cindygirl.cc/archives/3472/%e3%80%90joomla%e3%80%91%e7%94%a8%e5%b8%b8%e6%95%b8%e5%8f%96%e4%bb%a3%e8%aa%9e%e8%a8%80%e6%aa%94/</link>
					<comments>https://blog.cindygirl.cc/archives/3472/%e3%80%90joomla%e3%80%91%e7%94%a8%e5%b8%b8%e6%95%b8%e5%8f%96%e4%bb%a3%e8%aa%9e%e8%a8%80%e6%aa%94/#respond</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Wed, 09 Nov 2016 05:59:31 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=3472</guid>

					<description><![CDATA[<p>問題說明 之前要調整中文描述，會到以下目錄去找對應&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/3472/%e3%80%90joomla%e3%80%91%e7%94%a8%e5%b8%b8%e6%95%b8%e5%8f%96%e4%bb%a3%e8%aa%9e%e8%a8%80%e6%aa%94/">【Joomla】用常數取代語言檔</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h2>
	問題說明<br />
</h2>
<p>
	之前要調整中文描述，會到以下目錄去找對應的檔案做調整
</p>
<p>
	專案名稱/administrator/language/zh-TW/zh-TW.com_xxxx.sys.ini
</p>
<p>
	<span style="color:#FF0000;">但是只要元件或語言檔更新後，我之前修改的文字又會被覆蓋掉了!!!!</span>
</p>
<p>
	&nbsp;
</p>
<h2>
	處理方式<br />
</h2>
<p>
	後來發現在後台 可以利用『常數』來設定我的中文描述
</p>
<p>
	它會產<span style="color:#000000;">生以下override檔案，之後任何元件更新，就不會影響到之前調整過的中文描述</span>
</p>
<p>
	所有調整過的中文描述都會放在<span style="color:#000000;">override檔案</span>
</p>
<p>
	<span style="color:#0000FF;">專案名稱/language/overrides/zh-TW.override.ini</span>
</p>
<p>
	<span style="color:#0000FF;">專案名稱/language/overrides/en-GB.override.ini</span>
</p>
<p>
	&nbsp;
</p>
<h2>
	步驟<br />
</h2>
<p>
	1. 擴充套件 &gt; 語言 &gt; 覆蓋
</p>
<p>
	&nbsp; &nbsp;選擇你要覆蓋的是 前台或後台、還有語系
</p>
<p>
	<img decoding="async" alt="" class="alignnone size-large" src="https://img.cindygirl.cc/joomla_constant/constant1.png" style="width: 273px; height: 500px;" />
</p>
<p>
	2.&nbsp;擴充套件 &gt; 語言 &gt; 覆蓋 &gt; 新增
</p>
<p>
	右邊區塊 &nbsp;提供搜尋功能，你可以搜尋 <span style="color:#0000FF;">值(文字描述)</span> 或 <span style="color:#0000FF;">常數(大寫英文)</span>
</p>
<p>
	<span style="color:#000000;">在「檔案」的欄位，可以看到你覆蓋的說明會存放在哪裡</span>
</p>
<p>
	<img decoding="async" alt="" class="alignnone size-large" src="https://img.cindygirl.cc/joomla_constant/constant2.png" style="width: 750px; height: 376px;" />
</p>
<p>
	&nbsp;
</p>
<p>
	3. 儲存後，在列表中可以看到你自訂的文案
</p>
<p>
	&nbsp; &nbsp;這裡是我針對 Hikashop 修改文案，日後更新 Hikashop的中文檔就不會被影響～
</p>
<p>
	&nbsp; &nbsp;除了修改既有的中文描述，也可以自己定義常數。
</p>
<p>
	&nbsp; &nbsp;ex. &nbsp;HIKASHOP_INPUT_PLACEHOLDER&nbsp; &nbsp;請輸入您的%s，是我自己額外定義的常數。
</p>
<p>
	<img decoding="async" alt="" class="alignnone size-large" src="https://img.cindygirl.cc/joomla_constant/constant3.png" style="width: 650px; height: 572px;" /></p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/3472/%e3%80%90joomla%e3%80%91%e7%94%a8%e5%b8%b8%e6%95%b8%e5%8f%96%e4%bb%a3%e8%aa%9e%e8%a8%80%e6%aa%94/">【Joomla】用常數取代語言檔</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/3472/%e3%80%90joomla%e3%80%91%e7%94%a8%e5%b8%b8%e6%95%b8%e5%8f%96%e4%bb%a3%e8%aa%9e%e8%a8%80%e6%aa%94/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Joomla】《JCE編輯器》Custom HTML 加入 PHP Code</title>
		<link>https://blog.cindygirl.cc/archives/2783/%e3%80%90joomla%e3%80%91%e3%80%8ajce%e7%b7%a8%e8%bc%af%e5%99%a8%e3%80%8bcustom-html-%e5%8a%a0%e5%85%a5-php-code/</link>
					<comments>https://blog.cindygirl.cc/archives/2783/%e3%80%90joomla%e3%80%91%e3%80%8ajce%e7%b7%a8%e8%bc%af%e5%99%a8%e3%80%8bcustom-html-%e5%8a%a0%e5%85%a5-php-code/#respond</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Tue, 14 Jun 2016 08:12:19 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<category><![CDATA[學習筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=2783</guid>

					<description><![CDATA[<p>前提 Footer下方的版權宣告 XXX商城 版權&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2783/%e3%80%90joomla%e3%80%91%e3%80%8ajce%e7%b7%a8%e8%bc%af%e5%99%a8%e3%80%8bcustom-html-%e5%8a%a0%e5%85%a5-php-code/">【Joomla】《JCE編輯器》Custom HTML 加入 PHP Code</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h1>
	前提<br />
</h1>
<p>
	Footer下方的版權宣告
</p>
<p>
	<strong><em>XXX商城 版權所有 &copy; <span style="color:#FF0000;">2016</span><br />
	MYSITE All Rights Reserved.</em></strong>
</p>
<p>
	『年份』不想要每年都調整一次，雖然不麻煩，但還是希望能自動化一點。
</p>
<p>
	Joomla 目前使用JCE編輯器。
</p>
<address>
	&nbsp;<br />
</address>
<h1>
	下載外掛&nbsp;Sourcerer<br />
</h1>
<p>
	Sourcerer enables you to place&nbsp;<strong>PHP and any kind of HTML style code (including CSS and JavaScript)</strong>&nbsp;right into your content!
</p>
<p>
	<a href="https://www.regularlabs.com/extensions/sourcerer#php">https://www.regularlabs.com/extensions/sourcerer</a>
</p>
<p>
	&nbsp;
</p>
<h1>
	Custom HTML 加入 php code<br />
</h1>
<p>
	範例教學 &nbsp; &nbsp;<a href="https://www.regularlabs.com/extensions/sourcerer#php">https://www.regularlabs.com/extensions/sourcerer</a>
</p>
<p>
	&lt;p&gt;XXX商城 版權所有 @copyright&nbsp;<br />
	<span style="color:#FF0000;">{source}<br />
	&lt;?php<br />
	&nbsp; &nbsp; echo date(&quot;Y&quot;)<br />
	?&gt;<br />
	{/source}</span><br />
	&lt;/p&gt;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2783/%e3%80%90joomla%e3%80%91%e3%80%8ajce%e7%b7%a8%e8%bc%af%e5%99%a8%e3%80%8bcustom-html-%e5%8a%a0%e5%85%a5-php-code/">【Joomla】《JCE編輯器》Custom HTML 加入 PHP Code</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/2783/%e3%80%90joomla%e3%80%91%e3%80%8ajce%e7%b7%a8%e8%bc%af%e5%99%a8%e3%80%8bcustom-html-%e5%8a%a0%e5%85%a5-php-code/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Joomla】新增選單類型 &#8211; 分類部落格樣式</title>
		<link>https://blog.cindygirl.cc/archives/2658/%e3%80%90joomla%e3%80%91%e6%96%b0%e5%a2%9e%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e5%88%86%e9%a1%9e%e9%83%a8%e8%90%bd%e6%a0%bc%e6%a8%a3%e5%bc%8f/</link>
					<comments>https://blog.cindygirl.cc/archives/2658/%e3%80%90joomla%e3%80%91%e6%96%b0%e5%a2%9e%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e5%88%86%e9%a1%9e%e9%83%a8%e8%90%bd%e6%a0%bc%e6%a8%a3%e5%bc%8f/#respond</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Tue, 24 May 2016 10:16:59 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<category><![CDATA[學習筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=2658</guid>

					<description><![CDATA[<p>前言 客戶選定好一套非 joomla 的樣板 在前&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2658/%e3%80%90joomla%e3%80%91%e6%96%b0%e5%a2%9e%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e5%88%86%e9%a1%9e%e9%83%a8%e8%90%bd%e6%a0%bc%e6%a8%a3%e5%bc%8f/">【Joomla】新增選單類型 &#8211; 分類部落格樣式</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h1>
	前言<br />
</h1>
<p>
	客戶選定好一套非 joomla 的樣板
</p>
<p>
	在前台要呈現文章圖片，hover 時呈現標題與文字。
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59.png" rel="attachment wp-att-2659" style="" target="" title=""><img fetchpriority="high" decoding="async" alt="螢幕快照 2016-05-24 下午5.38.59" class="alignnone size-full wp-image-2659" height="269" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59.png" style="" title="" width="615" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59.png 1708w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59-300x131.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59-768x335.png 768w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59-1024x447.png 1024w" sizes="(max-width: 615px) 100vw, 615px" /></a>
</p>
<p>
	&nbsp;
</p>
<h1>
	執行步驟<br />
</h1>
<h2>
	1. &nbsp;到以下路徑，複製三支檔案<br />
</h2>
<p style="margin-left: 40px;">
	專案名稱/components/com_content/views/category/<br />
	blog_item.php<br />
	blog.php<br />
	blog.xml
</p>
<h2>
	2. &nbsp;貼到以下路徑 (就是上面那個路徑) ，並修改名稱<br />
</h2>
<p style="margin-left: 40px;">
	專案名稱/components/com_content/views/category/
</p>
<p style="margin-left: 40px;">
	<span style="color:#0000FF;">myblog</span>_item.php<br />
	<span style="color:#0000FF;">myblog</span>.php<br />
	<span style="color:#0000FF;">myblog</span>.xml
</p>
<h2>
	3. &nbsp;調整 myblog.xml<br />
</h2>
<p style="margin-left: 40px;">
	藍色字體代表新增 &nbsp; &nbsp;
</p>
<p style="margin-left: 40px;">
	&lt;layout title=&quot;COM_<span style="color:#0000FF;">MYBLOG</span>_CONTENT_CATEGORY_VIEW_BLOG_TITLE&quot; option=&quot;COM_CONTENT_CATEGORY_VIEW_BLOG_OPTION&quot;&gt;<br />
	&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&lt;help key = &quot;JHELP_MENUS_MENU_ITEM_ARTICLE_CATEGORY_BLOG&quot; /&gt;<br />
	&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&lt;message&gt;<br />
	&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&lt;![CDATA[COM_<span style="color:#0000FF;">MYBLOG</span>_CONTENT_CATEGORY_VIEW_BLOG_DESC]]&gt;<br />
	&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&lt;/message&gt;<br />
	&nbsp;&lt;/layout&gt;
</p>
<h2>
	4. &nbsp;調整 html 結構<br />
</h2>
<p style="margin-left: 40px;">
	<span style="color:#0000FF;">myblog</span>_item.php<br />
	<span style="color:#0000FF;">myblog</span>.php
</p>
<h2>
	5. &nbsp;後台語系建立<br />
</h2>
<p style="margin-left: 40px;">
	專案名稱/administrator/language/zh-TW/zh-TW.com_content.sys.ini<br />
	專案名稱/administrator/language/en-GB/en-GB.com_content.sys.ini
</p>
<p style="margin-left: 40px;">
	//兩個檔案分別建立以下兩組變數<br />
	COM_<span style="color:#0000FF;">MYBLOG</span>_CONTENT_CATEGORY_VIEW_BLOG_TITLE=&quot;文章圖片清單&quot;<br />
	COM_<span style="color:#0000FF;">MYBLOG</span>_CONTENT_CATEGORY_VIEW_BLOG_DESC=&quot;顯示圖片，hover顯示標題及文字
</p>
<p style="margin-left: 40px;">
	建立完畢之後，可以在後台的選單類型裡面看到這個樣板
</p>
<p style="margin-left: 40px;">
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.57.48.png" rel="attachment wp-att-2660" style="" target="" title=""><img decoding="async" alt="螢幕快照 2016-05-24 下午5.57.48" class="alignnone size-full wp-image-2660" height="66" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.57.48.png" style="" title="" width="448" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.57.48.png 640w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.57.48-300x44.png 300w" sizes="(max-width: 448px) 100vw, 448px" /></a>
</p>
<h2>
	6. &nbsp;文章裡設定以下項目&nbsp;<br />
</h2>
<p style="margin-left: 40px;">
	摘要圖片、連結文字（文章標題）、顯示文字（圖片下方的簡略文字）
</p>
<h2>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午6.02.27.png" rel="attachment wp-att-2661" style="" target="" title=""><img decoding="async" alt="螢幕快照 2016-05-24 下午6.02.27" class="alignnone size-full wp-image-2661" height="267" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午6.02.27.png" style="" title="" width="725" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午6.02.27.png 2158w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午6.02.27-300x110.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午6.02.27-768x283.png 768w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午6.02.27-1024x377.png 1024w" sizes="(max-width: 725px) 100vw, 725px" /></a><br />
</h2>
<h2>
	7. &nbsp;設定完畢後，前台呈現如下<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59.png" rel="attachment wp-att-2659" style="" target="" title=""><img fetchpriority="high" decoding="async" alt="螢幕快照 2016-05-24 下午5.38.59" class="alignnone size-full wp-image-2659" height="269" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59.png" style="" title="" width="615" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59.png 1708w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59-300x131.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59-768x335.png 768w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.38.59-1024x447.png 1024w" sizes="(max-width: 615px) 100vw, 615px" /></a>
</p>
<p>
	&nbsp;
</p>
<h1>
	額外補充<br />
</h1>
<h2>
	<span style="color:#0000FF;">myblog</span>_item.php 取值的方式<br />
</h2>
<p>
	$images = json_decode($this-&gt;item-&gt;images);<br />
	$urls = json_decode($this-&gt;item-&gt;urls);
</p>
<p>
	&lt;?php echo $urls-&gt;urlatext; ?&gt; &nbsp;// 取得連結文字<br />
	&lt;?php echo $images-&gt;image_intro_caption; ?&gt; &nbsp; //取得標題文字
</p>
<p>
	至於連結的 url 則是沿用預設的方式<br />
	&lt;?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this-&gt;item-&gt;slug, $this-&gt;item-&gt;catid, $this-&gt;item-&gt;language));&nbsp;
</p>
<p>
	&nbsp;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2658/%e3%80%90joomla%e3%80%91%e6%96%b0%e5%a2%9e%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e5%88%86%e9%a1%9e%e9%83%a8%e8%90%bd%e6%a0%bc%e6%a8%a3%e5%bc%8f/">【Joomla】新增選單類型 &#8211; 分類部落格樣式</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/2658/%e3%80%90joomla%e3%80%91%e6%96%b0%e5%a2%9e%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e5%88%86%e9%a1%9e%e9%83%a8%e8%90%bd%e6%a0%bc%e6%a8%a3%e5%bc%8f/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Joomla】調整文章底下的 page navigation</title>
		<link>https://blog.cindygirl.cc/archives/2649/%e3%80%90joomla%e3%80%91%e8%aa%bf%e6%95%b4%e6%96%87%e7%ab%a0%e5%ba%95%e4%b8%8b%e7%9a%84-page-navigation/</link>
					<comments>https://blog.cindygirl.cc/archives/2649/%e3%80%90joomla%e3%80%91%e8%aa%bf%e6%95%b4%e6%96%87%e7%ab%a0%e5%ba%95%e4%b8%8b%e7%9a%84-page-navigation/#respond</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Tue, 24 May 2016 09:29:45 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<category><![CDATA[學習筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=2649</guid>

					<description><![CDATA[<p>預期結果 在單篇文章的底下，page naviga&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2649/%e3%80%90joomla%e3%80%91%e8%aa%bf%e6%95%b4%e6%96%87%e7%ab%a0%e5%ba%95%e4%b8%8b%e7%9a%84-page-navigation/">【Joomla】調整文章底下的 page navigation</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h1>
	預期結果<br />
</h1>
<p>
	在單篇文章的底下，page navigation 想要長得像這樣。
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.09.25.png" rel="attachment wp-att-2650" style="" target="" title=""><img loading="lazy" decoding="async" alt="螢幕快照 2016-05-24 下午5.09.25" class="alignnone size-full wp-image-2650" height="83" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.09.25.png" style="" title="" width="432" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.09.25.png 1028w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.09.25-300x57.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.09.25-768x146.png 768w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.09.25-1024x195.png 1024w" sizes="auto, (max-width: 432px) 100vw, 432px" /></a>
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.08.56-1.png" rel="attachment wp-att-2651" style="" target="" title=""><img loading="lazy" decoding="async" alt="螢幕快照 2016-05-24 下午5.08.56 1" class="alignnone size-full wp-image-2651" height="64" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.08.56-1.png" style="" title="" width="428" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.08.56-1.png 1322w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.08.56-1-300x45.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.08.56-1-768x115.png 768w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/螢幕快照-2016-05-24-下午5.08.56-1-1024x153.png 1024w" sizes="auto, (max-width: 428px) 100vw, 428px" /></a>
</p>
<p>
	&nbsp;
</p>
<h1>
	執行步驟<br />
</h1>
<h2>
	1. &nbsp;在 template &nbsp;底下建立以下目錄<br />
</h2>
<p style="margin-left: 40px;">
	/專案名稱/templates/佈景主題名稱/html/<span style="color:#FF0000;">plg_content_pagenavigation</span>
</p>
<h2>
	2. &nbsp;複製以下檔案，貼到剛剛建立的目錄底下<br />
</h2>
<p style="margin-left: 40px;">
	/專案名稱/plugins/content/pagenavigation/tmpl/default.php
</p>
<h2>
	3. &nbsp;調整 default.php<br />
</h2>
<p style="margin-left: 40px;">
	調整html結構
</p>
<p>
	&nbsp;
</p>
<h1>
	額外處理的問題<br />
</h1>
<p>
	中間的回到首頁，需要調整成多國語系。
</p>
<h2>
	1. &nbsp;打開以下語言檔<br />
</h2>
<p style="margin-left: 40px;">
	專案名稱/administrator/language/en-GB/en-GB.ini
</p>
<p style="margin-left: 40px;">
	JPREV=&quot;previous&quot; &nbsp; &nbsp; &nbsp; &nbsp;<br />
	JNEXT=&quot;Next&quot;<br />
	JINDEX=&quot;back to home page&quot; &nbsp;</p>
<p>	//新增專案名稱/language/zh-TW/zh-TW.ini
</p>
<p style="margin-left: 40px;">
	JPREV=&quot;前一頁&quot; &nbsp; &nbsp; &nbsp; &nbsp; // 修改<br />
	JNEXT=&quot;下一頁&quot; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//修改<br />
	JINDEX=&quot; 回到首頁&quot; &nbsp; //新增
</p>
<h2>
	2. &nbsp;調整default.php<br />
</h2>
<p style="margin-left: 40px;">
	&lt;a class=&quot;btn btn-large&quot; href=&quot;index.php&quot;&gt;<br />
	&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&lt;?php echo JText::_(&#39;JINDEX&#39;); ?&gt; &nbsp; &nbsp;//show 回到首頁的文字<br />
	&lt;/a&gt;
</p>
<p>
	&nbsp;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2649/%e3%80%90joomla%e3%80%91%e8%aa%bf%e6%95%b4%e6%96%87%e7%ab%a0%e5%ba%95%e4%b8%8b%e7%9a%84-page-navigation/">【Joomla】調整文章底下的 page navigation</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/2649/%e3%80%90joomla%e3%80%91%e8%aa%bf%e6%95%b4%e6%96%87%e7%ab%a0%e5%ba%95%e4%b8%8b%e7%9a%84-page-navigation/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Joomla】多國語言設定 (網站/文章/選單)</title>
		<link>https://blog.cindygirl.cc/archives/2580/%e3%80%90joomla%e3%80%91%e5%a4%9a%e5%9c%8b%e8%aa%9e%e8%a8%80%e8%a8%ad%e5%ae%9a-%e7%b6%b2%e7%ab%99%e6%96%87%e7%ab%a0%e9%81%b8%e5%96%ae/</link>
					<comments>https://blog.cindygirl.cc/archives/2580/%e3%80%90joomla%e3%80%91%e5%a4%9a%e5%9c%8b%e8%aa%9e%e8%a8%80%e8%a8%ad%e5%ae%9a-%e7%b6%b2%e7%ab%99%e6%96%87%e7%ab%a0%e9%81%b8%e5%96%ae/#comments</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Mon, 09 May 2016 07:50:34 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<category><![CDATA[學習筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=2580</guid>

					<description><![CDATA[<p>前提 安裝完Joomla，預設語言為【繁體中文】，&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2580/%e3%80%90joomla%e3%80%91%e5%a4%9a%e5%9c%8b%e8%aa%9e%e8%a8%80%e8%a8%ad%e5%ae%9a-%e7%b6%b2%e7%ab%99%e6%96%87%e7%ab%a0%e9%81%b8%e5%96%ae/">【Joomla】多國語言設定 (網站/文章/選單)</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h1>
	前提<br />
</h1>
<p>
	安裝完Joomla，預設語言為【繁體中文】，前台網站想要提供英文版切換。
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-1.png" rel="attachment wp-att-2581" style="" target="" title=""><img loading="lazy" decoding="async" alt="Image 1" class="alignnone size-full wp-image-2581" height="210" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-1.png" style="" title="" width="646" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-1.png 808w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-1-300x97.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-1-768x249.png 768w" sizes="auto, (max-width: 646px) 100vw, 646px" /></a>
</p>
<p>
	前台想要長這樣
</p>
<p>
	按國旗標誌可以切換語言，切換語言後，選單/ 文章內容也更著變動。
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-305.png" rel="attachment wp-att-2607" style="" target="" title=""><img loading="lazy" decoding="async" alt="Image 305" class="alignnone size-full wp-image-2607" height="592" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-305.png" style="" title="" width="760" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-305.png 844w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-305-300x234.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-305-768x599.png 768w" sizes="auto, (max-width: 760px) 100vw, 760px" /></a>
</p>
<h1>
	執行步驟<br />
</h1>
<h2>
	1. 擴充套件 &rarr; 語言 &rarr; 內容語言&nbsp;&rarr; 新增一組繁體中文&nbsp;<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-3.png" rel="attachment wp-att-2585" style="" target="" title=""><img loading="lazy" decoding="async" alt="Image 3" class="alignnone size-full wp-image-2585" height="519" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-3.png" style="" title="" width="414" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-3.png 517w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-3-239x300.png 239w" sizes="auto, (max-width: 414px) 100vw, 414px" /></a>
</p>
<h2>
	2. 內容&nbsp;&rarr; 分類，分別建立中文分類、英文分類，並指定語言<br />
</h2>
<p>
	之後建立的中文/英文文章，要分別放在這兩個分類底下。
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-4.png" rel="attachment wp-att-2586" style="" target="" title=""><img loading="lazy" decoding="async" alt="Image 4" class="alignnone size-full wp-image-2586" height="413" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-4.png" style="" title="" width="695" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-4.png 1072w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-4-300x178.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-4-768x456.png 768w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-4-1024x608.png 1024w" sizes="auto, (max-width: 695px) 100vw, 695px" /></a> <a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-6.png" rel="attachment wp-att-2587" style="" target="" title=""><img loading="lazy" decoding="async" alt="Image 6" class="alignnone size-full wp-image-2587" height="358" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-6.png" style="" title="" width="679" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-6.png 1048w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-6-300x158.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-6-768x405.png 768w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-6-1024x539.png 1024w" sizes="auto, (max-width: 679px) 100vw, 679px" /></a>
</p>
<h2>
	3. 分類建立關聯性<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-7.png" rel="attachment wp-att-2588"><img loading="lazy" decoding="async" alt="Image 7" class="alignnone size-full wp-image-2588" height="526" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-7.png" width="632" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-7.png 632w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-7-300x250.png 300w" sizes="auto, (max-width: 632px) 100vw, 632px" /></a>
</p>
<h2>
	4. 內容 &rarr;&nbsp;文章，分別建立中文/英文文章，並指定分類、語言<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-9.png" rel="attachment wp-att-2589" style="" target="" title=""><img loading="lazy" decoding="async" alt="Image 9" class="alignnone size-full wp-image-2589" height="368" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-9.png" style="" title="" width="734" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-9.png 1049w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-9-300x150.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-9-768x384.png 768w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-9-1024x512.png 1024w" sizes="auto, (max-width: 734px) 100vw, 734px" /></a>
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-11.png" rel="attachment wp-att-2590" style="" target="" title=""><img loading="lazy" decoding="async" alt="Image 11" class="alignnone size-full wp-image-2590" height="376" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-11.png" style="" title="" width="732" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-11.png 1045w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-11-300x154.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-11-768x395.png 768w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-11-1024x526.png 1024w" sizes="auto, (max-width: 732px) 100vw, 732px" /></a>
</p>
<h2>
	5. 建立文章關聯性<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-12.png" rel="attachment wp-att-2591"><img loading="lazy" decoding="async" alt="Image 12" class="alignnone size-full wp-image-2591" height="524" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-12.png" width="627" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-12.png 627w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-12-300x251.png 300w" sizes="auto, (max-width: 627px) 100vw, 627px" /></a>
</p>
<h2>
	6. 文章建立關聯後，在列表中可以看到關聯項目<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-37.png" rel="attachment wp-att-2604"><img loading="lazy" decoding="async" alt="Image 37" class="alignnone size-full wp-image-2604" height="135" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-37.png" width="828" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-37.png 828w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-37-300x49.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-37-768x125.png 768w" sizes="auto, (max-width: 828px) 100vw, 828px" /></a>
</p>
<p>
	&nbsp;
</p>
<h2>
	7. 選單 &rarr; 管理&nbsp;&rarr; 新增選單，分別建立英文選單 / 中文選單<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-15.png" rel="attachment wp-att-2592"><img loading="lazy" decoding="async" alt="Image 15" class="alignnone size-full wp-image-2592" height="656" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-15.png" width="478" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-15.png 478w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-15-219x300.png 219w" sizes="auto, (max-width: 478px) 100vw, 478px" /></a>
</p>
<h2>
	8. 將Joomla預設的選單項目，複製到 中文選單 / 英文選單<br />
</h2>
<p>
	切換到Main Menu，勾選所有標題，點批次
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-17.png" rel="attachment wp-att-2593" style="" target="" title=""><img loading="lazy" decoding="async" alt="Image 17" class="alignnone size-full wp-image-2593" height="362" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-17.png" style="" title="" width="641" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-17.png 915w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-17-300x170.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-17-768x434.png 768w" sizes="auto, (max-width: 641px) 100vw, 641px" /></a>
</p>
<h2>
	複製到中文選單 (相同步驟複製到英文選單)<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-108.png" rel="attachment wp-att-2596"><img loading="lazy" decoding="async" alt="Image 108" class="alignnone size-full wp-image-2596" height="262" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-108.png" width="790" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-108.png 790w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-108-300x99.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-108-768x255.png 768w" sizes="auto, (max-width: 790px) 100vw, 790px" /></a>
</p>
<h2>
	9. 中文/英文選單的首頁，要更改為預設項目。<br />
</h2>
<p>
	原本是星星圖示，點擊後會變成國旗標誌。
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-23.png" rel="attachment wp-att-2597"><img loading="lazy" decoding="async" alt="Image 23" class="alignnone size-full wp-image-2597" height="386" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-23.png" width="714" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-23.png 714w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-23-300x162.png 300w" sizes="auto, (max-width: 714px) 100vw, 714px" /></a>
</p>
<h2>
	10. 再個別點進標題，設定關聯性。<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-26.png" rel="attachment wp-att-2598"><img loading="lazy" decoding="async" alt="Image 26" class="alignnone size-full wp-image-2598" height="528" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-26.png" width="432" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-26.png 432w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-26-245x300.png 245w" sizes="auto, (max-width: 432px) 100vw, 432px" /></a>
</p>
<p>
	&nbsp;
</p>
<h2>
	11. 到擴充套件&nbsp;&rarr; 外掛，開啟以下這兩項設定。<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-28.png" rel="attachment wp-att-2599"><img loading="lazy" decoding="async" alt="Image 28" class="alignnone size-full wp-image-2599" height="169" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-28.png" width="471" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-28.png 471w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-28-300x108.png 300w" sizes="auto, (max-width: 471px) 100vw, 471px" /></a>
</p>
<h2>
	12. 到擴充套件&nbsp;&rarr; 外掛&nbsp;&rarr; 語言過濾，設定如下<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-29.png" rel="attachment wp-att-2600"><img loading="lazy" decoding="async" alt="Image 29" class="alignnone size-full wp-image-2600" height="515" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-29.png" width="457" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-29.png 457w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-29-266x300.png 266w" sizes="auto, (max-width: 457px) 100vw, 457px" /></a>
</p>
<h2>
	13. 到擴充套件&nbsp;&rarr; 外掛&nbsp;&rarr; 語言代碼，設定如下<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-30.png" rel="attachment wp-att-2601"><img loading="lazy" decoding="async" alt="Image 30" class="alignnone size-full wp-image-2601" height="313" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-30.png" width="408" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-30.png 408w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-30-300x230.png 300w" sizes="auto, (max-width: 408px) 100vw, 408px" /></a>
</p>
<p>
	&nbsp;
</p>
<h2>
	14. 到擴充套件 &rarr;&nbsp;模組&nbsp;&rarr; 新增 語言切換器，並指定要顯示的位置<br />
</h2>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-310.png" rel="attachment wp-att-2605" style="" target="" title=""><img loading="lazy" decoding="async" alt="Image 310" class="alignnone size-full wp-image-2605" height="710" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-310.png" style="" title="" width="684" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-310.png 855w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-310-289x300.png 289w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-310-768x797.png 768w" sizes="auto, (max-width: 684px) 100vw, 684px" /></a>
</p>
<p>
	&nbsp;
</p>
<h1>
	前台呈現<br />
</h1>
<p>
	&nbsp;
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-35.png" rel="attachment wp-att-2603"><img loading="lazy" decoding="async" alt="Image 35" class="alignnone size-full wp-image-2603" height="658" src="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-35.png" width="844" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-35.png 844w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-35-300x234.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/05/Image-35-768x599.png 768w" sizes="auto, (max-width: 844px) 100vw, 844px" /></a>
</p>
<p>
	&nbsp;
</p>
<h1>
	額外補充<br />
</h1>
<p>
	如果要新增另一項語言，例如日文，則需安裝語言，可看此份<a href="http://des13.com/joomla/61-joomla/184-multilanguage-website" target="_blank">參考文件</a>
</p>
<p>
	&nbsp;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2580/%e3%80%90joomla%e3%80%91%e5%a4%9a%e5%9c%8b%e8%aa%9e%e8%a8%80%e8%a8%ad%e5%ae%9a-%e7%b6%b2%e7%ab%99%e6%96%87%e7%ab%a0%e9%81%b8%e5%96%ae/">【Joomla】多國語言設定 (網站/文章/選單)</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/2580/%e3%80%90joomla%e3%80%91%e5%a4%9a%e5%9c%8b%e8%aa%9e%e8%a8%80%e8%a8%ad%e5%ae%9a-%e7%b6%b2%e7%ab%99%e6%96%87%e7%ab%a0%e9%81%b8%e5%96%ae/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>【Joomla】《T3 Framework》 Local Folder 底下的 Template.less 重要性</title>
		<link>https://blog.cindygirl.cc/archives/2501/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-local-folder-%e5%ba%95%e4%b8%8b%e7%9a%84-template-less-%e9%87%8d%e8%a6%81%e6%80%a7/</link>
					<comments>https://blog.cindygirl.cc/archives/2501/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-local-folder-%e5%ba%95%e4%b8%8b%e7%9a%84-template-less-%e9%87%8d%e8%a6%81%e6%80%a7/#respond</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Wed, 13 Apr 2016 05:20:57 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<category><![CDATA[學習筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=2501</guid>

					<description><![CDATA[<p>前提 T3 Tempalte 後台打開&#160;&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2501/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-local-folder-%e5%ba%95%e4%b8%8b%e7%9a%84-template-less-%e9%87%8d%e8%a6%81%e6%80%a7/">【Joomla】《T3 Framework》 Local Folder 底下的 Template.less 重要性</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h1>
	前提<br />
</h1>
<p>
	T3 Tempalte 後台打開&nbsp;【開發模式】
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/04/Image-31.png" rel="attachment wp-att-2503"><img loading="lazy" decoding="async" alt="Image 31" class="alignnone size-full wp-image-2503" height="155" src="https://blog.cindygirl.cc/wp-content/uploads/2016/04/Image-31.png" width="466" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/04/Image-31.png 466w, https://blog.cindygirl.cc/wp-content/uploads/2016/04/Image-31-300x100.png 300w" sizes="auto, (max-width: 466px) 100vw, 466px" /></a>
</p>
<h1>
	Local 檔案結構<br />
</h1>
<p>
	開發專案時，如果直接更改&nbsp;\templates\ja_magz_ii\less 底下的檔案 (預設的檔案)
</p>
<p>
	T3 Framework更新時，預設的Less檔會被覆蓋。
</p>
<p>
	尤其是 template.less，裡面如果有 import 自己定義的 Less檔，更新後就會不見了!!
</p>
<p>
	所以我將自訂的Less檔案都搬移到 \templates\ja_magz_ii\local\less 底下
</p>
<p>
	<span style="color:#0000FF;">有一點非常重要，在&nbsp;Local 檔案夾裡面，一定要放 template.less !!</span>
</p>
<p>
	<font color="#0000ff">如果沒有放 template.less，只放自己定義的Less檔，是沒有作用的唷~</font>
</p>
<p>
	(( 這支我自己想像成它就跟 index.php&nbsp;一樣&nbsp;))
</p>
<p>
	檔案結構如下
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/04/Image-29.png" rel="attachment wp-att-2502"><img loading="lazy" decoding="async" alt="Image 29" class="alignnone size-full wp-image-2502" height="177" src="https://blog.cindygirl.cc/wp-content/uploads/2016/04/Image-29.png" width="265" /></a>
</p>
<p>
	<span style="color:#FFFFFF;"><strong><span style="background-color:#800080;">template.less</span></strong></span>
</p>
<p>
	&nbsp; &nbsp; &nbsp; &nbsp;((&nbsp;\ja_magz_ii\less&nbsp;的預設檔案 ))&nbsp; &nbsp; &nbsp;
</p>
<p>
	&nbsp; &nbsp; &nbsp; &nbsp;這支template.less &nbsp;import 了 tw9999 資料夾裡面的 Less檔，不需要 import 以下兩支檔案。
</p>
<p>
	&nbsp; &nbsp; &nbsp; &nbsp;因為程式讀取順序是&nbsp;\templates\ja_magz_ii\less ，再讀取&nbsp;\templates\ja_magz_ii\<span style="color:#0000FF;">local</span>\less 相同檔名的檔案。
</p>
<p>
	&nbsp; &nbsp; &nbsp; &nbsp;總之就是跟預設檔名相同的，就不用特地再 import 一次。
</p>
<p>
	<span style="color:#FFFFFF;"><strong><span style="background-color:#800080;">navigation.less</span></strong></span>
</p>
<p>
	&nbsp; &nbsp; &nbsp; &nbsp;((&nbsp;\ja_magz_ii\less&nbsp;的預設檔案 ))<br />
	&nbsp;&nbsp; &nbsp; &nbsp; 我複製一份到 Local 檔案夾底下，然後做部分的調整
</p>
<p>
	<span style="color:#FFFFFF;"><strong><span style="background-color:#800080;">variables.less &nbsp;</span></strong></span>
</p>
<p>
	&nbsp; &nbsp; &nbsp; &nbsp;(( \ja_magz_ii\less 的預設檔案 ))&nbsp; &nbsp; &nbsp; &nbsp;<br />
	&nbsp; &nbsp; &nbsp; &nbsp;我建立了一支同檔名的檔案，重新定義變數的值。
</p>
<p>
	&nbsp;
</p>
<h1>
	問題說明<br />
</h1>
<p>
	當我只修改 tw9999 底下的 Less檔時，到前台重整頁面時，發現以下檔案沒有被更新!!
</p>
<p>
	\專案名稱\t3-assets\dev\templates.ja_magz_ii.local.less.template.less.css
</p>
<p>
	&nbsp;
</p>
<h1>
	如何處理<br />
</h1>
<p>
	後來經過一番測試發現，<span style="color:#0000FF;">必須更動 /local/template.less 檔</span>，以下程式才會被重新compiler!!
</p>
<p>
	\專案名稱\t3-assets\dev\templates.ja_magz_ii.local.less.template.less.css</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2501/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-local-folder-%e5%ba%95%e4%b8%8b%e7%9a%84-template-less-%e9%87%8d%e8%a6%81%e6%80%a7/">【Joomla】《T3 Framework》 Local Folder 底下的 Template.less 重要性</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/2501/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-local-folder-%e5%ba%95%e4%b8%8b%e7%9a%84-template-less-%e9%87%8d%e8%a6%81%e6%80%a7/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Joomla】《T3》 選單類型 &#8211; 新增精選文章版面</title>
		<link>https://blog.cindygirl.cc/archives/2410/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e6%96%b0%e5%a2%9e%e7%b2%be%e9%81%b8%e6%96%87%e7%ab%a0%e7%89%88%e9%9d%a2/</link>
					<comments>https://blog.cindygirl.cc/archives/2410/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e6%96%b0%e5%a2%9e%e7%b2%be%e9%81%b8%e6%96%87%e7%ab%a0%e7%89%88%e9%9d%a2/#respond</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Mon, 07 Mar 2016 10:31:04 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<category><![CDATA[學習筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=2410</guid>

					<description><![CDATA[<p>前言 套用選單 &#62; 選單類型 &#62; 文章&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2410/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e6%96%b0%e5%a2%9e%e7%b2%be%e9%81%b8%e6%96%87%e7%ab%a0%e7%89%88%e9%9d%a2/">【Joomla】《T3》 選單類型 &#8211; 新增精選文章版面</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h1>
	前言<br />
</h1>
<p>
	套用選單 &gt; 選單類型 &gt; 文章-最新消息，所呈現的版面不是很喜歡
</p>
<p>
	例如&nbsp;圖文要對調，要怎麼自訂版面(Layout)&nbsp;?
</p>
<p>
	紅色框起來的部分是自訂的版面
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/03/Image-27.png" rel="attachment wp-att-2411"><img loading="lazy" decoding="async" alt="Image 27" class="alignnone size-full wp-image-2411" height="288" src="https://blog.cindygirl.cc/wp-content/uploads/2016/03/Image-27.png" width="564" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/03/Image-27.png 564w, https://blog.cindygirl.cc/wp-content/uploads/2016/03/Image-27-300x153.png 300w" sizes="auto, (max-width: 564px) 100vw, 564px" /></a>
</p>
<p>
	&nbsp;
</p>
<h1>
	步驟<br />
</h1>
<h2>
	1. 複製三支檔案<br />
</h2>
<p>
	從以下路徑複製三支檔案&nbsp;
</p>
<p>
	<u>\專案名稱\components\com_content\views\featured\tmpl\</u>
</p>
<p>
	default.php<br />
	default.xml<br />
	default_item.php
</p>
<h2>
	2. 將三支檔案貼到以下路徑，並改檔名<br />
</h2>
<p>
	<u>\專案名稱\templates\ja_magz_ii\html\com_content\featured\</u>
</p>
<p>
	<span style="color:#FF0000;">cindytest</span>.php<br />
	<span style="color:#FF0000;">cindytest</span>.xml<br />
	<span style="color:#FF0000;">cindytest</span>_item.php
</p>
<p>
	&nbsp;
</p>
<h2>
	3. 修改 xml<br />
</h2>
<p>
	上圖中框起來的部分，是透過 【xml + 語言檔】來呈現。
</p>
<p>
	打開 &nbsp;<u>\專案名稱\templates\ja_magz_ii\html\com_content\featured\cindytest.xml</u>
</p>
<p>
	調整以下
</p>
<p>
	&lt;layout title=&quot;COM_<span style="color:#FF0000;">CINDYTEST</span>_CONTENT_FEATURED_VIEW_DEFAULT_TITLE&quot; option=&quot;COM_CONTENT_FEATURED_VIEW_DEFAULT_OPTION&quot;&gt;
</p>
<p>
	&lt;message&gt;&lt;![CDATA[COM_<span style="color:#FF0000;">CINDYTEST</span>_CONTENT_CATEGORY_VIEW_FEATURED_DESC]]&gt;&lt;/message&gt;
</p>
<h2>
	4. 修改語言檔<br />
</h2>
<p>
	<u>\專案名稱\administrator\language\zh-TW\zh-TW.com_content.sys.ini</u>
</p>
<p>
	新增兩個常數
</p>
<p>
	&nbsp; &nbsp; &nbsp;COM_CINDYTEST_CONTENT_FEATURED_VIEW_DEFAULT_TITLE=&quot;冠冠測試-最新消息(精選文章)&quot;
</p>
<p>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;COM_CINDYTEST_CONTENT_CATEGORY_VIEW_FEATURED_DESC=&quot;列表顯示文章標題、日期、分類&quot;
</p>
<h2>
	5. 修改版面結構<br />
</h2>
<p>
	通常都是改 xxx_item.php 這一支
</p>
<p>
	&nbsp;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2410/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e6%96%b0%e5%a2%9e%e7%b2%be%e9%81%b8%e6%96%87%e7%ab%a0%e7%89%88%e9%9d%a2/">【Joomla】《T3》 選單類型 &#8211; 新增精選文章版面</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/2410/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-%e9%81%b8%e5%96%ae%e9%a1%9e%e5%9e%8b-%e6%96%b0%e5%a2%9e%e7%b2%be%e9%81%b8%e6%96%87%e7%ab%a0%e7%89%88%e9%9d%a2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Joomla】《T3 ja_magz_ii》 調整日期顯示格式</title>
		<link>https://blog.cindygirl.cc/archives/2340/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-%e8%aa%bf%e6%95%b4%e6%97%a5%e6%9c%9f%e9%a1%af%e7%a4%ba%e6%a0%bc%e5%bc%8f/</link>
					<comments>https://blog.cindygirl.cc/archives/2340/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-%e8%aa%bf%e6%95%b4%e6%97%a5%e6%9c%9f%e9%a1%af%e7%a4%ba%e6%a0%bc%e5%bc%8f/#respond</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Wed, 24 Feb 2016 07:43:10 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=2340</guid>

					<description><![CDATA[<p>前言 Template&#160;使用 ja_ma&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2340/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-%e8%aa%bf%e6%95%b4%e6%97%a5%e6%9c%9f%e9%a1%af%e7%a4%ba%e6%a0%bc%e5%bc%8f/">【Joomla】《T3 ja_magz_ii》 調整日期顯示格式</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h1>
	前言<br />
</h1>
<p>
	Template&nbsp;使用 ja_magz_ii ，在精選文章的顯示的發佈日期格式 如下圖
</p>
<p>
	我不喜歡它的顯示格式
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-3-2.png" rel="attachment wp-att-2341"><img loading="lazy" decoding="async" alt="Image 3" class="alignnone size-full wp-image-2341" height="98" src="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-3-2.png" width="378" /></a>
</p>
<p>
	我想要改成這樣 常見的&nbsp;Y-m-d H:i
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-4.png" rel="attachment wp-att-2342"><img loading="lazy" decoding="async" alt="Image 4" class="alignnone size-full wp-image-2342" height="95" src="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-4.png" width="368" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-4.png 368w, https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-4-300x77.png 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /></a>
</p>
<p>
	&nbsp;
</p>
<h1>
	處理方式<br />
</h1>
<h3>
	1. 進入後台以下路徑<br />
</h3>
<p>
	後台 &gt; 擴充套件 &gt; 語言 &gt; 覆蓋 &gt; 點新增
</p>
<h3>
	2. 查看預設的日期格式<br />
</h3>
<p>
	在搜尋框輸入 【DATE_FORMAT_LC】、下拉選單選擇【常數】，然後搜尋
</p>
<p>
	在下面列表中可以看到預設的幾組日期格式，選擇一組想要的格式
</p>
<p>
	若格式都不喜歡就自己新增常數
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-5.png" rel="attachment wp-att-2343"><img loading="lazy" decoding="async" alt="Image 5" class="alignnone size-full wp-image-2343" height="439" src="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-5.png" width="774" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-5.png 774w, https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-5-300x170.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-5-768x436.png 768w" sizes="auto, (max-width: 774px) 100vw, 774px" /></a>
</p>
<p>
	&nbsp;
</p>
<h3>
	3. 新增日期格式<br />
</h3>
<p>
	常數名稱 &nbsp;DATE_FORMAT_LC5 &nbsp;&nbsp;
</p>
<p>
	顯示格式 &nbsp;Y-m-d H:i
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-6.png" rel="attachment wp-att-2344"><img loading="lazy" decoding="async" alt="Image 6" class="alignnone size-full wp-image-2344" height="393" src="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-6.png" width="450" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-6.png 450w, https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-6-300x262.png 300w" sizes="auto, (max-width: 450px) 100vw, 450px" /></a>
</p>
<p>
	&nbsp;
</p>
<h3>
	4. 新增method<br />
</h3>
<p>
	\htdocs\專案名稱\templates\ja_magz_ii\helper.php
</p>
<p>
	新增一組method，將剛剛新增的常數帶入。
</p>
<div>
	&nbsp; &nbsp; /* 日期顯示格式&nbsp; DATE_FORMAT_LC5&nbsp; Y-m-d H:i */
</div>
<div>
	&nbsp; &nbsp; public static function showDateTime($timespan, $granularity = 1) {
</div>
<div>
	&nbsp; &nbsp; &nbsp; &nbsp; return JText::sprintf(JHtml::_(&#39;date&#39;, $timespan, JText::_(&#39;<span style="color:#0000FF;">DATE_FORMAT_LC5</span>&#39;)));
</div>
<div>
	&nbsp; &nbsp; }
</div>
<p>
	&nbsp;
</p>
<h3>
	5. 調整使用的 method name<br />
</h3>
<p>
	\htdocs\專案名稱\templates\ja_magz_ii\html\layouts\joomla\content\info_block\publish_date.php
</p>
<p>
	&lt;?php echo JATemplateHelper::<span style="color:#FF0000;">showDateTime</span>($displayData[&#8216;item&#8217;]-&gt;publish_up); ?&gt;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2340/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-%e8%aa%bf%e6%95%b4%e6%97%a5%e6%9c%9f%e9%a1%af%e7%a4%ba%e6%a0%bc%e5%bc%8f/">【Joomla】《T3 ja_magz_ii》 調整日期顯示格式</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/2340/%e3%80%90joomla%e3%80%91%e3%80%8at3-framework%e3%80%8b-%e8%aa%bf%e6%95%b4%e6%97%a5%e6%9c%9f%e9%a1%af%e7%a4%ba%e6%a0%bc%e5%bc%8f/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Joomla】《T3 Framework》 Local 資料夾的奧妙</title>
		<link>https://blog.cindygirl.cc/archives/2275/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-local-%e8%b3%87%e6%96%99%e5%a4%be%e7%9a%84%e5%a5%a7%e5%a6%99/</link>
					<comments>https://blog.cindygirl.cc/archives/2275/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-local-%e8%b3%87%e6%96%99%e5%a4%be%e7%9a%84%e5%a5%a7%e5%a6%99/#comments</comments>
		
		<dc:creator><![CDATA[cindygirl]]></dc:creator>
		<pubDate>Thu, 04 Feb 2016 08:51:55 +0000</pubDate>
				<category><![CDATA[Joomla - 開發筆記]]></category>
		<guid isPermaLink="false">https://blog.cindygirl.cc/?p=2275</guid>

					<description><![CDATA[<p>前言 如果已經有試過調整 T3 的版面 &#38;&#8230;</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2275/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-local-%e8%b3%87%e6%96%99%e5%a4%be%e7%9a%84%e5%a5%a7%e5%a6%99/">【Joomla】《T3 Framework》 Local 資料夾的奧妙</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></description>
										<content:encoded><![CDATA[<h1>
	前言<br />
</h1>
<p>
	如果已經有試過調整 T3 的版面 &amp; layout的人，比較適合看下去~
</p>
<p>
	\專案名稱\templates\purity_iii\<strong><span style="color:#FF0000;"><span style="font-size:18px;">local</span></span></strong>
</p>
<p>
	Template&nbsp;底下有一個&nbsp;local 資料夾，裡面可以放此次專案調整的部分
</p>
<p>
	local 資料夾存在的目的在於
</p>
<p>
	1. 如果有一天更新了T3 Framework，先前修改的檔案才不會被覆蓋<br />
	&nbsp;&nbsp;&nbsp;尤其是你直接去修改預設的檔案
</p>
<p>
	2. 方便管理，可以明確到這次專案異動哪些部分
</p>
<p>
	詳細可以看<a href="http://www.t3-framework.org/documentation/extend-com-content#isolate-template">官方文件</a>
</p>
<p>
	&nbsp;
</p>
<h1>
	Local 資料夾結構<br />
</h1>
<p>
	底下可以放修改過的檔案，資料夾結構就跟&nbsp;/template/purity_iii/ 的資料夾差不多。
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-24.png" rel="attachment wp-att-2276"><img loading="lazy" decoding="async" alt="Image 24" class="alignnone size-full wp-image-2276" height="520" src="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-24.png" width="781" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-24.png 781w, https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-24-300x200.png 300w, https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-24-768x511.png 768w" sizes="auto, (max-width: 781px) 100vw, 781px" /></a>
</p>
<p>
	&nbsp;
</p>
<h1>
	調整LESS檔案<br />
</h1>
<p>
	假設我需要調整預設的LESS檔案&nbsp;&#8230;
</p>
<p>
	要調整的LESS路徑如下
</p>
<p>
	\專案名稱\templates\purity_iii\less\components-addons.less
</p>
<p>
	在 \專案名稱\templates\purity_iii\<span style="color:#FF0000;">local</span>\less 資料夾底下
</p>
<p>
	放置一支&nbsp;<span style="color:#0000FF;">空的&nbsp;</span>components-addons.less，然後再把想要調整的樣式加進去。
</p>
<p>
	前端執行的時候，會先執行預設的檔案&nbsp;\purity_iii\less\components-addons.less
</p>
<p>
	再執行使用者自訂的LESS檔&nbsp;&nbsp;\purity_iii\<span style="color:#FF0000;">local</span>\less\components-addons.less
</p>
<p>
	測試如下
</p>
<p>
	<a href="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-3-1.png" rel="attachment wp-att-2282"><img loading="lazy" decoding="async" alt="Image 3" class="alignnone size-full wp-image-2282" height="97" src="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-3-1.png" width="595" srcset="https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-3-1.png 595w, https://blog.cindygirl.cc/wp-content/uploads/2016/02/Image-3-1-300x49.png 300w" sizes="auto, (max-width: 595px) 100vw, 595px" /></a>
</p>
<p>
	&nbsp;
</p>
<h1>
	調整PHP檔案<br />
</h1>
<p>
	若 local 資料夾裡面有php檔，就只會讀取 local 底下的 php&nbsp;檔案。</p>
<p>這篇文章 <a rel="nofollow" href="https://blog.cindygirl.cc/archives/2275/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-local-%e8%b3%87%e6%96%99%e5%a4%be%e7%9a%84%e5%a5%a7%e5%a6%99/">【Joomla】《T3 Framework》 Local 資料夾的奧妙</a> 最早出現於 <a rel="nofollow" href="https://blog.cindygirl.cc">任姓人妻 の 生活紀錄</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.cindygirl.cc/archives/2275/%e3%80%90joomla%e3%80%91%e3%80%8at3%e3%80%8b-local-%e8%b3%87%e6%96%99%e5%a4%be%e7%9a%84%e5%a5%a7%e5%a6%99/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
