如何在Joomla中將搜索模塊添加為菜單項？

Question

我的簡單設置：

<div id="menuwrap"> 
    <div id="menu">
        <jdoc:include type="modules" name="menu" styles="" />
    </div>
</div>

和

ul.menu {
    display: inline-block;
}

因為我需要將它居中。

如下所示（假設它在屏幕上居中）：

    Menu_Item_1 | Menu_Item_1 | Menu_Item_3

我想添加一個搜索框（標准的Joomla搜索模塊）作為菜單項。 那是：

    Menu_Item_1 | Menu_Item_1 | Menu_Item_3 | Search...

我試圖把搜索模塊到另一個div ，里面#menuwrap和浮動#menu的左側和#search到右邊。

    Menu_Item_1 | Menu_Item_1 | Menu_Item_3 |                         Search...

在調整大小之前可以這樣做：

    Menu_Item_1 | Menu_Item_1 |
    Menu_Item_3 |
                                Search...

在#search只是獲取的下被推#menu （在第三行-這是因為的顯示ul是inline-block ）。 目標是與菜單保持在同一行（即第二行），如下所示：

Menu_Item_1 | Menu_Item_1 |
Menu_Item_3 | Search...

有什么建議么？ 謝謝。

Answer 1

如果我對您的理解正確-您想將搜索模塊本身嵌入菜單中-而不是從菜單項鏈接到該模塊。

我認為有很多方法可以做到這一點：

最簡單的方法是偽造它。 在包含模塊位置的div上放置一個背景-將兩個模塊發布到該位置（菜單和搜索模塊），然后使用css確保它們相互浮動。

另外，如果您確實需要將表單嵌入同一個模塊中，建議您創建一個“自定義模塊鑲邊”，將搜索表單的html添加到使用自定義模塊鑲邊樣式發布的任何模塊的輸出中

這是一篇涵蓋基礎知識的文章-可能是針對Joomla的較舊版本-但據我所知，原理仍然存在： http : //docs.joomla.org/Applying_custom_module_chrome

Answer 2

如果您的目標是將搜索模塊添加為菜單項，則需要使用此擴展名使其成為組件：

您只需要將模塊放置在自定義位置（模板中可能隱藏或不存在），然后創建一個指向m2c組件的菜單項並在其中使用該位置。