很多一開始剛接觸我們竹子建站系統(tǒng)的用戶在剛開始使用我們的網(wǎng)頁編輯器時(shí)經(jīng)常會(huì)有一些困惑,摸不清楚編輯器中板塊和組件的使用方法,為此白費(fèi)了很多時(shí)間。
所以今天小編就特意為大家講解一下竹子建站系統(tǒng)中關(guān)于板塊和組件添加應(yīng)用的基本知識(shí),以減少大家的建站時(shí)間成本。
在竹子建站系統(tǒng)中,一個(gè)網(wǎng)站的頁面是由多個(gè)板塊構(gòu)成的,而板塊又由若干個(gè)組件構(gòu)成,由此生成一個(gè)個(gè)網(wǎng)站頁面。
在編輯器中,我們可以看到會(huì)存在上圖紅色框線里的留白區(qū)域,這里其實(shí)是用來提示大家板塊的位置的。
比如上圖中淺黃色背景區(qū)域即為一個(gè)板塊,而藍(lán)色背景區(qū)域?yàn)榱硪粋€(gè)板塊,當(dāng)鼠標(biāo)移到到淺黃色板塊時(shí),左側(cè)的留白區(qū)域顏色會(huì)變深,以此來提示大家當(dāng)前板塊的高度。
同時(shí)我們可以看到,在左側(cè)還會(huì)有當(dāng)前板塊的名稱提示,如下圖中這個(gè)板塊的名稱就是和header,也就是頭部板塊的意思。
默認(rèn)的板塊名稱有三種類型的前綴,分別為header,模板,footer,如下圖所示:
要注意的前綴為header的板塊是頭部板塊,前綴為footer的板塊為底部板塊。
這兩種板塊類型是分別位于頁面的頭部和底部,是所有頁面都共存共享的,修改其中內(nèi)容時(shí),所有頁面都會(huì)共享同步。
這也是很多人在使用我們竹子建站系統(tǒng)的過程中發(fā)現(xiàn),經(jīng)常一個(gè)頁面的內(nèi)容做著做著,就共享到其它頁面去了。
其實(shí)這里的頭部和底部板塊應(yīng)該放置一些所有頁面都共存的一些內(nèi)容的,比如網(wǎng)站的導(dǎo)航、公司logo、公司聯(lián)系方式等等。
將這類所有頁面都需要放置的內(nèi)容放到頭部板塊和底部板塊中,我們就可以不用重復(fù)制作內(nèi)容,省時(shí)也省力。
當(dāng)然也會(huì)出現(xiàn)一種情況就是網(wǎng)站的某一個(gè)頁面不需要頭部板塊和底部板塊這兩類同步的內(nèi)容,這時(shí)我們可以對(duì)這個(gè)頁面單獨(dú)進(jìn)行設(shè)置。
我們可以在頁面的設(shè)置里找到頁面的樣式設(shè)置,進(jìn)行布局設(shè)置,如下圖所示:
這樣就可以針對(duì)單個(gè)網(wǎng)站頁面設(shè)置,隱藏該頁面的頭部和底部板塊。
板塊可以被添加,在板塊與板塊直接會(huì)有一個(gè)黑色的小加號(hào),點(diǎn)擊即可添加新板塊。
當(dāng)在兩個(gè)板塊之間添加板塊時(shí),新增的板塊屬性會(huì)和當(dāng)前所選中的板塊一致。
比如在頭部板塊和正常板塊之間添加板塊時(shí),如果當(dāng)前所選擇的板塊是頭部板塊,則生成的也會(huì)是頭部板塊,如下圖所示(圖中紅色框內(nèi)是添加板塊時(shí)給出的板塊屬性提示)
而在編輯器的右側(cè),我們可以看到一些關(guān)于板塊的設(shè)置項(xiàng),如下圖所示,從上到下依次是:設(shè)置、樣式、復(fù)制、移動(dòng)、刪除
設(shè)置和樣式可以針對(duì)板塊做一些設(shè)置,比如板塊的動(dòng)畫、交互效果、添加針對(duì)板塊的代碼,也可以設(shè)置板塊的寬高度,是否漂浮、板塊中的字體大小,邊距……
復(fù)制選項(xiàng)可以對(duì)板塊進(jìn)行復(fù)制,復(fù)制以后就可以在新增板塊的地方找到這個(gè)復(fù)制板塊,進(jìn)行粘貼使用
移動(dòng)和刪除選項(xiàng)顧名思義,前者可以移動(dòng)板塊,使該板塊上面的內(nèi)容全部進(jìn)行移動(dòng),后者可以刪除整個(gè)板塊,其板塊上面的內(nèi)容都會(huì)消失。
以上就是本次小教程的全部?jī)?nèi)容了,下周會(huì)有一篇關(guān)于組件使用的基本教程,各位朋友不要錯(cuò)過哦,我們下周再見吧!