文章

BlogAD廣告(橫)

總網頁瀏覽量

搜尋此網誌

2011年8月4日 星期四

joomla1.7模組,佈景與選項!

最近使用joomla1.7,花了好幾天摸索文章與分類,模組與佈景的關係! 這邊有一些心得!提供大家參考!
用joomla1.7架站! 通常不會用預設的網站當作你的首頁! 因此會去找一些佈景來更換!然後修改成自己要的! 可是常常會發現下載佈景來後,上傳到網頁上! 結果會發生在下載提供網頁demo的時候有的一些特效,如下拉式選單與版面配置,都無法在自己的網頁呈現!覺得怪怪的! 筆者自己研究後才慢慢知道! 樣板還需要與模組配合使用才會出現你要的效果! 舉例如下
首先你找到一個不錯的佈景http://freejoomlatemplates.us/16/94-green-company
看到有top menu!也可下拉選單! 還蠻漂亮的! 就給他download下來用!到擴充套件管理上傳佈景
 成功上傳後! 到擴充套件管理的佈景主題管理,可看到剛剛上傳的佈景!但是不是預設的佈景請按下設為預設!
 設定好後!這時候你去首頁看畫面,發現top menu不見ㄌ!
 怎麼會這樣ㄋ! 筆者以前誤以為上了佈景就應該跟demo的一樣! 其實不對! 因為佈景還跟你的模組有關! 因為你雖然上了佈景! 可是佈景的內容設定,你並沒有進行設定! 因此還要進行佈景設定! 這就會跟模組有關ㄌ!
joomla的模組有很多! 再版面的各個位置都有所屬的模組可使用,我們可以到管理區看看有哪些模組可以使用!請到擴充套件的模組管理看看
 可以看到有非常多的模組! 每個模組都有他的主要功能! 此網頁的上方有個選擇類型的選項! 是讓你可以選擇想使用的模組類型!


 這邊的類型是在寫模組的時候會寫在模組的程式中!然後加入後會分配的分類中!你所看到的這些模組都是安裝範例時候所安裝的! 你也可以自行上網去找你想要的模組!
以top menu為例! 可以選擇分類中的選單,找出目前有的模組有哪些!
還蠻多的! 不過這邊要注意的是列表中的位置!這些模組目前都有被放到特定的位置上面! 如果你要使用還得知道位置與模組關聯性,這筆者可是花了好多時間去嘗試! 以下說明
你看到的模組都有所屬的位置! 表示目前這模組是被某個佈景使用中! 點選第三個TOP進來看看
position1到底是哪個佈景的! 點選選擇位置出現如下畫面
會發現好多看不太懂! 用搜尋的方式來找position-1出現如下畫面
發現此再用此模組的有兩個佈景!
  • beez5 (上方)
  • beez_20 (上方)

而剛剛所上傳的fjt001_j16並沒有使用此模組!因此TOP模組並沒有使用在fjt001_j16的樣板上!
所以當然不會出現top menu!
這邊有兩個想法!
1.可以用別人做好的"選單模組",套到fjt001_j16樣板上來呈現! 置於選單的項目(與子項目),可用自訂的方式或者也套用別人
2.自己做的選單直接套上樣板!
先說第一種! 跟前面一樣!選擇到TOP的模組,找到fjt001_j16的menu選項然後選取,如下圖
 決定位置後! 這時候到選單這邊來決定要呈現哪種選單,先使用預設的TOP,如下圖
 此網頁的下方,有目前所以選單的項目! 如果全選的話表示會在所以頁面都出現TOP的選項!先全選!按下儲存後! 到首頁看就可以看到top的選項了,如下圖
所以整個流程上是,上傳樣板後,要找到適合的模組來配合呈現,而選單的部分是可以自行決定!
以下是用自己的選單來試試看!
1.先製做自己的選單
來到管理區的選單->選單管理->新增選單

填上選單名稱與選單類型(說明清楚比較好), 按下儲存後關閉可在選單管理中看到剛新增的選單(大項)名稱
這時候如果按下MY TOP MENU會發現沒有任何發布的子選單,
 這時候來新增幾個,按下新增按鈕會出現如下畫面!
有幾個地方要填寫! 1.選取選單項目的類型,點下去後
 這邊可讓你選擇你產生此選項的類型,是網頁連結或文章或其他項目可在這邊決定! 我先選個文章好了! 選後回會到剛才的畫面! 繼續填報選單標題! 
說明:
注意,
狀態:發布,停止發布,丟到垃圾桶
存取:讓哪些層級存取
選單位置(可下拉選取你要的選單頭),上層項目為這選單是否已經有好幾層! 可以讓你選取要落在哪一層!
目標視窗:按下後是要在原本視窗呈現還是要開新的視窗!
填完後,右邊視窗會有必填的項目,因為是選擇文章!所以會要你選一篇文章來對應!(這邊可以知道,文章是先寫好的!)隨便選一個文章!

然後按下儲存!
 左邊有很多項目,筆者還不是很清楚!先不管!在按下儲存&關閉!就完成一個選項!
 這時候按照以上的步驟可以建立好幾個選項! 也可建立此項目下的子選項!算是一個樹狀結構!
 我新增之後的結果如下
 我們現在把自建選單套用到剛才的樣板上!回到模組管理的模組選單來
 可看到右邊出現剛剛你建立的選單,選擇後,然後把呈現子選單項目勾是按儲存! 回到網頁看看!
就出現剛剛設計的menu架構ㄌ!
2.自己做模組配合選單,這部分之後再說明!

心得:
1.模組:動態呈現網頁每個區塊的特效呈現
2.樣板:下載樣板會在模組中看到該樣板不同的區塊設定,須了解哪個區塊是在幹嘛才能套用正確的模組到該位置上
3.選單項目可自行建立後套用在模組中!
4.自行建立選單套用到自行建立的模組! 選單中的子選單要呈現! 記得要勾選顯示子選單

沒有留言:

張貼留言