如何在WordPress導航菜單中添加標題屬性


最近,我們的一位讀者問是否可以在WordPress菜單中添加標題屬性? 標題屬性允許您提供有關鏈接的其他信息。 當鼠標移到鏈接上時,它通常顯示為工具提示文本。 在本文中,我們將向您展示如何在WordPress導航菜單中添加標題屬性。

如何在WordPress菜單中添加標題屬性

為什麼在菜單中使用標題屬性?

標題屬性是可以添加到任何元素的HTML屬性,但是最常用於鏈接和圖像。

它允許您提供有關鏈接或圖像的其他信息。 有關圖片替代文字與標題之間的區別,請參見我們的指南。

標題屬性顯示為圖像的工具提示

通常,Web瀏覽器在鼠標懸停時顯示title屬性。 這使用戶可以在單擊鏈接之前查看此鏈接會將他們帶到何處。

屏幕閱讀器可能還會讀取標題屬性,但是許多屏幕閱讀器會忽略它,而只會讀取錨文本。

一些SEO專家認為它沒有用,而另一些人則聲稱它對SEO有用,因為它可以提供更多上下文。

WordPress從4.2版的插入鏈接彈出窗口中刪除了標題屬性。 但是,您可以在插入鏈接彈出窗口中輕鬆添加title和rel = nofollow選項。

話雖如此,讓我們看一下如何在WordPress導航菜單中添加title屬性。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

在WordPress導航菜單項中添加標題屬性

首先你需要參觀 外觀»菜單 頁,然後點擊屏幕右上角的“屏幕選項”標籤。

在WordPress中啟用導航菜單的標題屬性

這將彈出一個菜單,您需要在其中單擊“標題屬性”選項旁邊的複選框。

之後,只需向下滾動並單擊現有菜單中的任何菜單項即可將其展開。 現在,您將看到標題屬性字段。

將標題屬性添加到菜單項

現在,您可以添加要用作標題的文本,然後對導航菜單中的所有菜單項重複該文本。

不要忘記單擊“保存”菜單按鈕來存儲您的更改。

現在,您可以訪問您的網站,並將鼠標移至導航菜單中的鏈接。 您將看到標題屬性顯示為工具提示。

標題顯示在工具提示中

通過在鼠標懸停效果上添加漂亮的工具提示,您甚至可以使用jQuery使用title屬性。

我們希望本文能幫助您學習如何在WordPress導航菜單中添加標題屬性。 您可能還想查看我們的15個最佳教程列表,以掌握WordPress導航菜單。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。