如何添加一個浮動菜單分職位或網(wǎng)頁的代碼模塊

這里是如何添加上述筆成一個單一的文章或者網(wǎng)頁你把網(wǎng)站：

首先，確保你已經(jīng)創(chuàng)建了一個免費的codepen.io帳號登錄。它不到一分鐘，你啟動和運行。所以不要擔心，這是無痛的。一旦你登錄自己的賬戶轉到我在本教程中創(chuàng)建的筆，浮動操作菜單

按“命令”到自己的賬戶下保存的筆。你應該看到的名字變化下的“一支筆”在左上角，你的名字。現(xiàn)在你已經(jīng)復制了筆到您的帳戶，您可以編輯它。

在HTML面板，從這行代碼定位：

<img alt="Andy Tran" src="https://en.gravatar.com/userimage/64217327/096c4ecedf5cf0259c707b7f5255246d.jpg?size=400" />

編輯本線將改變輪廓圖像。改變ALT文本姓名和更改src鏈接到自己的形象。你也可以使用你的照片上傳到你的WordPress網(wǎng)站導航到您的媒體庫中的圖片鏈接，編輯照片，然后復制圖片的鏈接進入SRC空間以上。

接下來我們就要更改名稱旁邊的輪廓圖像的編輯這一行HTML：

<h2 class="at-floating-navigation__title">Andy Tran</h2>

簡單地把“自己的名字“Andy Tran”。

接下來，我們要改變鏈接的文本，“通過改變在這行代碼的鏈接查看資料：

<a href="https://andytran.me">View Profile</a>

完成后，我們可以繼續(xù)改變菜單項的設置，聯(lián)系幫助臺和注銷。

<a class="at-floating-navigation__item" href="https://andytran.me">Settings</a> <a class="at-floating-navigation__item" href="https://andytran.me">Help Desk</a> <a class="at-floating-navigation__item" href="https://andytran.me">Log Out</a>

對于這個問題，你也可以通過改變“設置”更改菜單項本身，“幫助臺”，和“注銷”任何你想要的。

當你所有的編輯都被打了，“命令”又一次拯救。然后復制的網(wǎng)頁的網(wǎng)址，在我創(chuàng)造CodePen發(fā)生器編譯這個代碼放到一個容易粘貼的代碼能塊。

URL粘貼到地址欄中，點擊藍色的“生成”按鈕。馬上你會看到下面的代碼塊和藍色按鈕現(xiàn)在會說“復制代碼”。再次點擊藍色按鈕復制代碼到剪貼板。

我們現(xiàn)在準備加入我們創(chuàng)造了我們所需的分職位或網(wǎng)頁操作菜單。添加一個代碼模塊或頁面后你希望你的浮動菜單上出現(xiàn)。不管你的代碼模塊的位置。

打開代碼模塊和粘貼代碼中你從CodePen發(fā)生器復制。保存更改并更新文章或者網(wǎng)頁時完成。

然后，繼續(xù)進行檢查的結果！

如何添加一個浮動菜單的網(wǎng)站

如果你喜歡你的新動作菜單出現(xiàn)在您的整個網(wǎng)站，而不是一個單一的頁面后，右鍵單擊停用您的新代碼模塊和瀏覽你的WordPress管理員Divi > Theme Options > Integration

Paste the code you copied from the code generator into the section called “Add Code to the < head > of your blog”. Save your changes and check out the floating action menu now appearing on every page of your Divi website.

網(wǎng)頁名稱：成都網(wǎng)絡公司：如何添加一個浮動菜單的代碼模塊劃分
文章源于：http://m.newbst.com/news23/316223.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供Google、電子商務、面包屑導航、云服務器、動態(tài)網(wǎng)站、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)