輕鬆修改ECMS的模板 導航欄和迴圈子欄目

2021-05-23 06:03:06 字數 3257 閱讀 1686

也許,你是初學者,或者你是乙個老道的ecms使用者,但是只要你利用ecms製作**,你都不可避免滴反覆修改模板,一旦出現乙個小小的不足,修改就要修改全部的模板,這的確是一件非常累人的事情,有沒有比較方便的方法呢?答案是肯定的,有,請看下面的文字。

二、**通用導航(所有一級欄目)

在3.7版本以前,只能手工設定,3.7新增的帶模板的導航標籤可以實現

頁面模板內容:

[!--empirenews.listtemp--][!--empirenews.listtemp--]

列表內容模板

(list.var)  

[!--classname--]   |   

標籤呼叫   [showclasstemp]0,標籤模板id,0[/showclasstemp]

注意:如果在欄目頁顯示的是當前欄目的導航,可以加上單引號'0'——我是這樣做的。如果id號填的是為某個欄目的id,則為特定欄目的導航

上傳以下:

二、還是導航,在大欄目裡顯示小欄目。和上面差不多,但有點不同,加了個更多的鏈結

標籤呼叫

[showclasstemp]父欄目id,標籤模板id,是否顯示欄目資訊數[/showclasstemp]

頁面模板內容:

民間傳統

[!--empirenews.listtemp--][!--empirenews.listtemp--]   更多》

列表內容模板

(list.var)  

[!--classname--]   |   

上傳以下:

三、導航技巧真多,再告訴你乙個用在欄目頁和列表頁的導航效果

頁面呼叫

頁面模板內容:

[!--empirenews.listtemp--][!--empirenews.listtemp--]code]

列表內容模板

(list.var)  

[!--classname--]

為什麼要用li呢?主要是方便修改樣式,你想讓它怎麼顯示就怎麼顯示,包括加邊框,背景之類的

在你的樣式表裡這樣定義

ul  

.column   li  

這樣它顯示的就是一行二個欄目,如果是要它顯示一行乙個,則這樣定義

.column   li  

如果要它是橫向顯示,則可以這樣

.column   li  

上傳以下:

四、多用'selfinfo'

在欄目頁和列表頁,用'selfinfo'代替具體的id號(你需要特別指定的除外)

[phomenews]、[ecmsinfo]、[phomeautopic]等都可以用這個。

五、善用迴圈子欄目資料標籤

這個是值得推薦的。像下面的效果圖,在以前是需要乙個個自己定義,但有了這個標籤,我們只需要乙個標籤呼叫就可以搞定,而且以後增加、刪除子欄目都不需要再手動去改

標籤呼叫:   [listsonclass]'selfinfo',顯示條數,標題擷取數,是否顯示欄目名,操作型別,模板id,只顯示有標題[/listsonclass]

頁面模板內容:

【[!--the.classname--]

】更多》

列表內容模板

(list.var)  

[!--title--]

([!--newstime--])

上傳以下:

"自動化"其實就是'selfinfo'和迴圈標籤,以及帶模板的導航標籤這三個.....好好利用,可以做出你想要的各種效果,比如現在的站點地圖不怎麼親,你就可以結合導航標籤來做....開拓你的想像.帝國,一切皆有可能

下面說的就是一些常見問題和網頁優化的技巧(個人觀點,僅供參考)

六、在左,標題和簡介在右的類似混排效果

經常有人問帝國怎麼實現類似的效果,wc每次都只回答用萬能標籤...........好人做到底,弄個出來吧

標籤呼叫:   [ecmsinfo]欄目id/專題id,顯示條數,標題擷取數,是否顯示欄目名,操作型別,模板id,1[/ecmsinfo]

頁面模板內容

[!--empirenews.listtemp--][!--empirenews.listtemp--]

列表內容模板

(list.var)  

[!--title--]

[!--smalltext--]

上傳以下:

現在div+css比較流行,說一下用li來做文字標題列表.你不一定非要去用div構造網頁,因為不是每個人都對這個熟悉,但你不應該放棄用li來做列表........**會省很多,也很容易控制

標籤呼叫:  

樣式ul    

li    

ul不放在磁面模板裡,主要是為了方便控制不同的顯示效果,某部分不同,只需要指定個id或者class就可以了.這裡以帶時間的無序列表為例

頁面模板內容

[!--empirenews.listtemp--][!--empirenews.listtemp--]

列表內容模板

(list.var)  

[!--title--]

([!--newstime--])

如果是需要時間是放在右側對齊的,則改為

([!--newstime--])

[!--title--]

定義乙個樣式

.date  

七、一行二列的比較簡單的實現方法(css控制)

模板標籤和上面說的一樣

下面是呼叫的**

花花生活圈

ul    

.li_float   li    

上面最後說的那個效果如圖所示

上傳以下:

修改layui的後台模板的左側導航欄可以伸縮

原生的左側導航欄 所有商品a 列表一a dd 列表二a dd 列表三a dd 超連結a dd dl li 解決方案a 列表一a dd 列表二a dd 超連結a dd dl li 雲市場a li 發布商品a li ul div div 自己修改的 i div i 生源追蹤span a i 生源列表sp...

iOS開發之如何修改導航欄的內容

導航欄的內容由棧頂控制器的n igationitem屬性決定。uin igationitem有以下屬性影響著導航欄的內容 通常在子控制器中viewdidload方法中呼叫這些方法 左上角的返回按鈕 property nonatomic,retain uibarbuttonitem backbarbu...

控制iOS的導航欄和狀態列的樣式

這是乙個很常用的開發場景,就是改變導航欄上的文字顏色與背景色,如果你曾有 windows form 開發經驗一定會笑我 臥槽,這有什麼好寫的,不就是設定兩個屬性就可以了嗎?我以前也這樣認為,但在ios中這個過程是很落後的,先來建立乙個簡單的帶有導航欄的專案,執行效果是這樣的 預設效果 uikit 的...