成都網(wǎng)絡(luò)公司：如何添加一個(gè)浮動(dòng)菜單的代碼模塊劃分

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

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

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

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

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

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

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

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

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

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

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

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

完成后，我們可以繼續(xù)改變菜單項(xiàng)的設(shè)置，聯(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>

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

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

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

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

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

然后，繼續(xù)進(jìn)行檢查的結(jié)果！

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

如果你喜歡你的新動(dòng)作菜單出現(xiàn)在您的整個(gè)網(wǎng)站，而不是一個(gè)單一的頁面后，右鍵單擊停用您的新代碼模塊和瀏覽你的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)絡(luò)公司：如何添加一個(gè)浮動(dòng)菜單的代碼模塊劃分
文章源于：http://www.muchs.cn/news23/316223.html

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

廣告

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