網(wǎng)站開(kāi)發(fā)

Website development

如何添加一個(gè)額外的二級(jí)菜單標(biāo)志

發(fā)布時(shí)間：2017-01-11 10:56:00

不久前，我創(chuàng)建了我們的第一次額外的類(lèi)別布局包。的反應(yīng)是巨大的，所以我開(kāi)始在我的下一個(gè)工作：一個(gè)視頻博客一個(gè)品類(lèi)的布局。在這個(gè)過(guò)程中創(chuàng)造出來(lái)的我意識(shí)到我在演示現(xiàn)場(chǎng)的東西可能是一些社區(qū)還想知道怎么做。如何添加一個(gè)標(biāo)識(shí)，額外的二級(jí)菜單（隱藏主菜單共）。

概念與啟示

hulu-inspiration

我的想法在尋找有趣的視頻網(wǎng)站借鑒的啟示。我真的很喜歡Hulu網(wǎng)站有一個(gè)很不顯眼的，小的菜單在他們的網(wǎng)頁(yè)上得到游客的權(quán)利為自己的內(nèi)容–這都是每個(gè)人想要的吧！

我很快意識(shí)到這只是一個(gè)小小的改變可以額外有非常相似的外觀。這里的如何！

準(zhǔn)備你的設(shè)計(jì)元素

在本教程中你可能會(huì)需要一個(gè)較小的版本，你的標(biāo)志。我用我的例子是由25px 190px尺寸。你甚至可以選擇去比，取決于你的標(biāo)志，它看起來(lái)像什么不同尺度。

一旦你創(chuàng)建了這個(gè)版本的你的標(biāo)志，你會(huì)想把它上傳到你的網(wǎng)站，那么你很容易接觸到后來(lái)。

如何添加一個(gè)額外的二級(jí)菜單標(biāo)志

你要做的第一件事是隱藏你的主菜單。在你的WordPress管理員桌面主題選項(xiàng)>向下滾動(dòng)一般標(biāo)簽直到你的自定義CSS面板。

復(fù)制并粘貼以下CSS有：

<trans data-src="#main-header {display: none;}#main-header-wrapper {display: none;}" data-dst="#主要標(biāo)題{顯示：無(wú)；} #主要頭包裝{顯示：無(wú)；}">#主要標(biāo)題{顯示：無(wú)；} #主要頭包裝{顯示：無(wú)；}</trans>

點(diǎn)擊綠色的“保存更改”按鈕，并刷新你的網(wǎng)站的前端。如果您的所有其他設(shè)置仍然是默認(rèn)的，你的頭現(xiàn)在可能看起來(lái)像這樣。

下一步，去Theme Customizer > Header & Navigation Settings > Header Elements Settings和未勾選框旁邊的“顯示趨勢(shì)吧”。點(diǎn)擊藍(lán)色的“保存并發(fā)布“退出前的主題定制按鈕。

現(xiàn)在是時(shí)候去創(chuàng)造你的實(shí)際菜單外觀>菜單。開(kāi)始的時(shí)候，點(diǎn)擊藍(lán)色的鏈接文本”創(chuàng)建一個(gè)新的菜單”。

名稱(chēng)菜單任何你喜歡的，一定要勾選復(fù)選框在屏幕底部的“菜單設(shè)置”，這個(gè)菜單將顯示為次級(jí)菜單下。

現(xiàn)在你可以用所有你想要顯示的鏈接有填充你的菜單。在我的例子中，我添加了我所有的類(lèi)別有。

后，添加一個(gè)自定義鏈接。

在URL字段中簡(jiǎn)單地把你的網(wǎng)站的主頁(yè)域名。這，畢竟，成為你的“家”按鈕。然后，在導(dǎo)航標(biāo)簽領(lǐng)域的地方下面一行HTML。

替換文本“鏈接”從媒體庫(kù)您的徽標(biāo)圖像文件的鏈接標(biāo)志形象。如果你不確定如何去連接，去圖書(shū)館媒體>和你的logo圖片點(diǎn)擊。

當(dāng)附件細(xì)節(jié)模態(tài)彈出你會(huì)在地址欄看到URL。復(fù)制粘貼到指定空間中的HTML代碼上面。

當(dāng)您的自定義鏈接完成，節(jié)省您的菜單和刷新你的網(wǎng)站的前端。你現(xiàn)在應(yīng)該有一個(gè)苗條的，小的標(biāo)題您的徽標(biāo)放在額外的二級(jí)菜單。

其他額外的教程都是你所感興趣的？

我知道我們小區(qū)里有一噸的熱情額外的用戶提供各種額外的具體教程和免費(fèi)的請(qǐng)求。這是你的要求，讓他們加入到我們的內(nèi)容生產(chǎn)隊(duì)列的機(jī)會(huì)！讓我們知道在下面的評(píng)論中你想我們未來(lái)的蓋，我樂(lè)意把它寫(xiě)下來(lái)，然后把它寫(xiě)在未來(lái)的職位。

download divi