簡體   English   中英

如何將自定義html代碼添加到Joomla 2.5菜單項?

[英]How to add custom html-code to Joomla 2.5 menu items?

情況:我有一個基於Joomla 2.5的舊站點Agroteplica 我需要將自定義html代碼添加到菜單項(例如,圖標或粗體)。 我需要為每個菜單項使用unic圖標,因此無需編輯頁面的php-template。

如果我嘗試在菜單項標題中使用html代碼-Joomla清除它,則僅保留文本。 我試圖找到一些手冊,並在file modules.xml添加了filter="raw"行:

<field name="title" type="text"
description="COM_MODULES_FIELD_TITLE_DESC"
label="JGLOBAL_TITLE"
maxlength="100"
required="true"
filter="raw"
size="35"
/>

但這也沒有任何效果。

問題:我需要做些什么才能使其正常工作? :)

這是Joomla為類似情況提供的內容:

菜單管理器中 -> 菜單項編輯

編輯每個菜單項,您將在右列看到“鏈接類型選項”部分。

看截圖:

編輯菜單項-鏈接類型選項

如屏幕截圖所示,這組設置包含以下選項:

  1. 鏈接標題屬性 :您可以將自定義標題屬性添加到菜單項的標簽。

  2. 鏈接CSS樣式 :您可以為此菜單項的標簽添加自定義css類。

  3. 鏈接圖像 :您可以為此菜單項添加自定義圖像。

  4. 添加菜單標題 :如果添加圖像,則可以選擇隱藏鏈接的標題(設置=否),或選擇同時顯示圖像和標題(設置=是(默認))。

對於您的情況,您可以選擇自定義圖像圖標,這些圖標應顯示在菜單項標題旁邊。 如果要使用粗體或其他樣式選項,可以將自定義css規則添加到所需的項目,然后在模板的css處添加css樣式。

例如,您已經決定,對於某些菜單項,您希望其文本為粗體。 然后,您可以執行以下操作:

1。在“鏈接CSS樣式”字段中為它們提供一個css類:例如,“ bold-items”(無“”)。 2.使用純文本編輯器打開模板的css文件,並在文檔末尾添加以下規則:

.bold-items {
    font-weight:bold;
}

注意:如果您使用的是第三方菜單模塊,或者您的模板包含默認菜單模塊的替代項,則以上設置可能根本無效。 在這種情況下,您將需要為正在使用的菜單模塊添加更多的模板替代,以實現上述設置。

*不確定菜單項標題是什么意思,以及如何嘗試向其中添加html代碼。

*更新/回答您的評論:

您從未在問題中提及視頻。 您詢問有關添加圖標並使文本加粗的問題。 您對標頭的含義是什么,什么樣的代碼以及要在哪里插入? 從菜單管理器中創建菜單項到在網站前端看到菜單項的那一刻,您是否知道該過程涉及什么?

按照我上面的回答,並假設您具有工作流程的基本知識(菜單模塊,模板替代,css),您將能夠為每個菜單項添加圖像/圖標或自定義樣式。 如果您想在菜單中加入視頻,那么...

...將需要一個更復雜的菜單模塊。 這些被稱為超級菜單,允許用戶以各種方式在菜單內顯示各種類型的內容,例如模塊。 您應該安裝這樣的模塊,也可以自己創建一個。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM