前幾天有小伙伴問到設(shè)置鏈接跳轉(zhuǎn)怎樣可以點(diǎn)擊導(dǎo)航,跳轉(zhuǎn)到同一頁的特定板塊中?小編才知道,這么重要的一個(gè)使用方式居然忘記寫教程了,該打,該打。為了之后咱們自助建站的小伙伴在使用網(wǎng)站編輯的時(shí)候,更簡(jiǎn)單易操作,下面就給大家說一下板塊鏈接跳轉(zhuǎn)怎么做?
有一個(gè)很簡(jiǎn)單的板塊鏈接公式:/+url+#+板塊的錨點(diǎn)id(舉例一條實(shí)際的鏈接可以為 /thems#block-body-2,其中thems為url值,block-body-2為板塊錨點(diǎn)id)
我們平時(shí)的鏈接是什么樣的?舉例比如我們竹子的網(wǎng)站模板頁面鏈接地址是:http://qingzhigeqiang.cn/themes 做一下分解;
https://---是協(xié)議頭;
可以看到后面還有一節(jié):"/themes";這一節(jié)的構(gòu)成就是“/”和URL。最后這個(gè)一節(jié)的斜杠加URL對(duì)應(yīng)上面公式中的前面內(nèi)容。我們可以把所有的網(wǎng)站靜態(tài)頁面地址都這樣分解出一個(gè)公式:協(xié)議頭+域名+/+URL。
而這個(gè)板塊鏈接公式:/+url+#+板塊id,URL需要自己在頁面設(shè)置中去自定義設(shè)置,然后再找到板塊的ID就可以了。如果找到板塊ID呢?在發(fā)布網(wǎng)站之后,訪問網(wǎng)站,找到這個(gè)頁面板塊的位置,鼠標(biāo)右鍵,選擇檢查元素或者按“f12”鍵,就會(huì)出現(xiàn)下面的這個(gè)樣式;
點(diǎn)擊左上角的箭頭,需要跳轉(zhuǎn)那個(gè)板塊就鼠標(biāo)移到哪個(gè)板塊,在下面的代碼元素中就會(huì)出現(xiàn)對(duì)應(yīng)的代碼元素。然后就看到一個(gè)div id="block-body-0",div id="block-body-1",div id="block-body-2"的元素符號(hào) ,這個(gè)后面的0,1,2數(shù)字表示的是當(dāng)前頁面板塊個(gè)數(shù)。我們公式中需要的ID就是這個(gè)block-body-0(需要跳到哪個(gè)板塊就選擇哪個(gè)板塊的ID哈)。
或者有一個(gè)更簡(jiǎn)單的辦法,在網(wǎng)站編輯器中,找到這個(gè)板塊,在板塊的設(shè)置中,有一個(gè)錨點(diǎn)id,這個(gè)id就是板塊id了。
有兩點(diǎn)需要注意:
1、鏈接公式中的ID只能是板塊ID,不能是網(wǎng)站編輯中的組件ID。這個(gè)組件ID指僅用于網(wǎng)站編輯狀態(tài)識(shí)別的,不能在網(wǎng)站瀏覽的時(shí)候識(shí)別。因?yàn)槲覀兊逆溄庸绞莾H針對(duì)于同一網(wǎng)站中的網(wǎng)站板塊,所以不能使用到組件。
2、在操作之前需要先給頁面設(shè)置URL,但是設(shè)置URL的時(shí)候不能在把域名的鏈接添加上。比如下圖:在設(shè)置的時(shí)候就應(yīng)該設(shè)置URL為help,而不是zhuzi.com.cn/help。自定義URL的規(guī)則不應(yīng)該寫前面這一節(jié),很多的站長(zhǎng)都不清楚,就會(huì)找到小編說:為什么這個(gè)頁面打不開呢?URL設(shè)置錯(cuò)誤就是原因。
每次編輯網(wǎng)站內(nèi)容之后,都右上角發(fā)布一下網(wǎng)站哦 ,設(shè)置的鏈接只有在發(fā)布網(wǎng)站之后才會(huì)生效。
常見問題