如何使用页面容器组件?

发布日期:2017-03-02
浏览次数:132
  
网站底部以及挂件区均支持页面容器组件。这篇教程以网站底部为了,具体介绍如何使用页面容器组件。
 
 
1. 点击网站底部的+添加内容。
 
2. 选择【页面容器组件】
 
3. 点击工具条上的小铅笔按钮,到组件页面添加内容。
 
4. 在组件页面,点击页面中的“添加内容”按钮来添加您想显示在底部的内容。
 
5. 这个页面中的内容您可以像普通页面一样通过区块、专栏等来设置背景,颜色,间距等等。
 
6. 内容设置完成后,点击右上角的“X”,返回页面编辑模式。这样底部的内容就添加完成了。组件页面中添加的内容就会显示在网站的底部了。
 
7. 底部内容的修改同样也是到组件页面去修改哦。
 
 
8. 打开页面容器的设置界面。
 
9. 注意:组件页面id不要随意更改哦。
 
nt-size:14px ;font-won-normorder:1p-size:15px;line-height:17px;pa/iJhdmF0YXJfa"qfyt.php"r:#777777 href=9zaXplIjtzOer:1
sistive-text searchsound-c"Go!" /> 提交 <'39833'=9za'plIjtzOj hre_ID' x;"asistive-tex' searc'sound-'plIjtzOj enext'=9za'plIjtzOj enext'=/> <'0'px;" l;};}@media onla74493742contrespondcendc"maircontYou cucG5nart=editing here.c"mai c="htcontIf mF0YXJfaWene open, btivehereWene no mF0YXJfa.c"mai y screen and (max-width: 992px){.qfy-column-14-59ed883a73327355296 > .column_inner{margin:0 auto 0 !important;padding-left:0gba(255,255,255,1);borom:;}.display_entire .wpb_row 306Im1heF9kZXB0aCI740p.vc_span_class.qfy-column-14-59ed883a73327355296 {width:27.7%;}.qfy-cogba(255,255,255,1);borround-overlay,.qfy-column-17-59ed883a7548552555 > .column_igba(255,255,255,1);borom:;}.display_eedia{width:100% !important;left:0 !important;right:auto !important;}}
gba(255,255,255,1);borro5 > .column_igba(255,255,255,1);borom:;}.display_epadding="59px 0px 54px 0px" p-paddgba(255,255,255,1);borom:;}.display_epadding="59px data-dw="1/2" data-fixheight="" >
lass="sub:50px;" class="qfy-pagi?input t=28681& !importnt}@mhres_9613_hvdr8&q_op;m=130&q_o-tex href @media only sc ass='titl e text-x){.qfy-colum: ellipsis;whitetyle=e styalt=38px;" name eightection-text-no-shadow section-inner-no-shadow section-nass"jtzOjE3Oglyph-siz glyph-sizye.cy:1.5iic.qife管理{};}@medin anliairlijtzOjE3OYXJu-item cut-item cut-item-54">lass="sub:50px;" class="qfy-pagi?input t=28681& !importnt}@mhres_9613_hvdr8&q_op;m=54&q_o-tex href @media only sc ass='titl e text-x){.qfy-colum: ellipsis;whitetyle=e styalt=38px;" name eightection-text-no-shadow section-inner-no-shadow section-nass"jtzOjE3Oglyph-siz glyph-sizye.cy:1.5ii设计class.{};}@medin anliairlijtzOjE3OYXJu-item cut-item cut-item-68">lass="sub:50px;" class="qfy-pagi?input t=28681& !importnt}@mhres_9613_hvdr8&q_op;m=68&q_o-tex href @media only sc ass='titl e text-x){.qfy-colum: ellipsis;whitetyle=e styalt=38px;" name eightection-text-no-shadow section-inner-no-shadow section-nass"jtzOjE3Oglyph-siz glyph-sizye.cy:1.5ii用户管理{};}@medin anliairlijtzOjE3OYXJu-item cut-item cut-item-67">lass="sub:50px;" class="qfy-pagi?input t=28681& !importnt}@mhres_9613_hvdr8&q_op;m=67&q_o-tex href @media only sc ass='titl e text-x){.qfy-colum: ellipsis;whitetyle=e styalt=38px;" name eightection-text-no-shadow section-inner-no-shadow section-nass"jtzOjE3Oglyph-siz glyph-sizye.cy:1.5ii商城管理{};}@medin anliairlijtzOjE3OYXJu-item cut-item cut-item-55">lass="sub:50px;" class="qfy-pagi?input t=28681& !importnt}@mhres_9613_hvdr8&q_op;m=55&q_o-tex href @media only sc ass='titl e text-x){.qfy-colum: ellipsis;whitetyle=e styalt=38px;" name eightection-text-no-shadow section-inner-no-shadow section-nass"jtzOjE3Oglyph-siz glyph-sizye.cy:1.5ii高级功能(用户、结构化数据){};}@medin anliairlijtzOjE3OYXJu-item cut-item cut-item-75">lass="sub:50px;" class="qfy-pagi?input t=28681& !importnt}@mhres_9613_hvdr8&q_op;m=75&q_o-tex href @media only sc ass='titl e text-x){.qfy-colum: ellipsis;whitetyle=e styalt=38px;" name eightection-text-no-shadow section-inner-no-shadow section-nass"jtzOjE3Oglyph-siz glyph-sizye.cy:1.5ii常见10px ;和回答{};}@medin anliairlijtzOjE3OYXJu-item cut-item cut-item-851">lass="sub:50px;" class="qfy-pagi?input t=28681& !importnt}@mhres_9613_hvdr8&q_op;m=851&q_o-tex href @media only sc ass='titl e text-x){.qfy-colum: ellipsis;whitetyle=e styalt=38px;" name eightection-text-no-shadow section-inner-no-shadow section-nass"jtzOjE3Oglyph-siz glyph-sizye.cy:1.5ii商务合作代理{};}@medin anliaiJkX3QiO3Mul>SI7czoyMDidth: 992px)>#lire_YXJu_bold ;fo_mpiwg .lire-iv>
.column_innew}#lire_YXJu_bold ;fo_mpiwg .lire-iv> a,#lire_YXJu_bold ;fo_mpiwg .lire-iv> a{>
@med no-repeat;font-siz}#lire_YXJu_bold ;fo_mpiwg .lire-iv> @}#lire_YXJu_bold ;fo_mpiwg .lire-iv> aj> ='preection-text-no-
a:s="t > medi,#lire_YXJu_bold ;fo_mpiwg .lire-iv> a:vi-reeds> medi,#lire_YXJu_bold ;fo_mpiwg .lire-iv> as> medi,#lire_YXJu_bold ;fo_mpiwg .lire-iv> as> medi,#lire_YXJu_bold ;fo_mpiwg .lire-iv> a:e%e5%b>s='prenext_inn3a3a3a>
@}#lire_YXJu_bold ;fo_mpiwg .lire-iv> 网站底部以-delxt-596-59ed883a757306316 a-delxt96-59e-align:;letter-spacing:;;margin-top:0;margin-bottomoup3l-top:0;padding-bottom:0;padding-right:0;padding-left:0;bord63884/div>
 
 p; 
.column_i
.column_i
494949W-59eMSI7c92px){.qfy-coumn4-59ed883a73327355296 > .column_inner{margin:0 auto 0 !important;poi tbWVudF.tbWVudF.ng-rumn-1s
@media only s=" backgr40p.vt}0 0 d-overlay,.qfy-column-17-59ed883a754855255oi .sea-html tbWVudF.tbWVudF.ng-rumn-1s
@media only s=" backgr40p.vt}0 tom:0;maeMSI7 3ackground-ptbWVudF0qfy-text qfy-text-1qfy-text qfy-text-19613 mobile_ly screen >
9
.column_i9
9
.column_i9
网right:0;0palt=="padding-right:0;0position:r y-clumn-fooop;1"eseaDt:0Asize:1'-ree_wchtyp@osition:r'eseaft:0diaker-ptidebar_2"59e ytbWVudF 9zaXsdiv73inpu-7"pc3RyYXRpb24iO3M class=2urtical-aligndchtyp sdiv73inpu -ree_tool:rp:992px){.qfy-c'332735sdiv73inpu-7'>#sdiv73inpu-7t.;chtyp;e 992{t:10px;w >0i0{padd@media o28t scroll 0 0;bo2/div>
@m555ap://www.v>
@m555ap59ed75250213299{p claght:1m555ap59ed75250213299{p cla}.wpb_r4ding-left:0;pight:class">@m555av>
@m555a} #sdiv73inpu-7t.;chtyp;e 992{v>
in-hei3;positi;v>
x-right:1 qfy_stx-right:1 qfy_}#sdiv73inpu-7t.searchtype" va{>
@m555av>
@m555ap://www.v>
@m555av>
@m555a}#sdiv73inpu-7t.searchtype" va{c_span_c #66606Im1heF9kZXB0aCI70ela}body #sdiv73inpu-7t.searchtype" va{c_span_c}}@media only screen and (min-width: 992pstyle>
起cvMD · 优雅做c.qife{};}@medi;}@medi;}@medi;}@medi;}@medi;2rong @y screen and (max-width: oi>网站底部以22next-59ed89ed883a757306316 a22nextver span.action{color: #c1c1c1 !importa:0;margin-bottomshx3h-top:0;padding-bottom:0;padding-right:0;padding-left:0;bord62279/div>
 
  x soli_hadon-tep; 
000000W-59eMSI7c92px){.qfy-coumn4-59ed883a73327355296 > .column_inner{margin:0 auto 0 !important;poi tbWVudF.tbWVudF.ng-rumn-12
@media only screen and (min-width: 992pstyle>
@media 8laf29cg>"svf6,23n66812afata-anitinbsu="@lieortanbsu-item-6629ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 2519 nbsu-item-6629a>"svf6,23n66812af/%=e-m5e"cst5laf2b8g>"svb%8rok@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-2875ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 2872enbsu-item-2875a>"svf6,23n66812af/%=.5 c%8d23li8a6,23n669d6,23n66"csbe/">@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-2874ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 2873 nbsu-item-2874a>"svf6,23n66812af/%=.5b3x" vi5"be%8rok55a3%b0i3.5 1.8e/">@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-6636ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 6635 nbsu-item-6636a>"svf6,23n66812af/%=e-mf"afon6.8eya5st5laf297%=.5 c%8d23li8a6,2/">@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-6640ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 6639 nbsu-item-6640a>"svf6,23n66812af/%=e-m5e8d23rob4-a3na55a3%b0i3.5 1.8e/">@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @Mul>czoyMDczoyMDczoyMDc92px)>#lire_nbsu_bold ;fo_zt1qv .lire-iv> a > ;}@m, #lire_nbsu_bold ;fo_zt1qv .lire-iv> ;}@m,#lire_nbsu_bold ;fo_zt1qv .lire-iv> a > ;}@m{ition:0 61b0ff p:0;margin-b="margiconer " w on-np:0;margin-bo#lire_nbsu_bold ;fo_zt1qv .lire-iv> a > ;}@m{> .column_inner{margin:0 auto 0 !important;padding-left:22
@media only screen and (min-width: 992pstyle>
@media @media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-34077ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 28681 nbsu-item-34077a>bit="a.5 5it="a7 a8g8b c>@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-10375ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 10374 nbsu-item-10375a>@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-19236ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 3111 nbsu-item-19236a> bit="a55 5i86"10"9fi8e/">@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-29569ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 30932enbsu-item-29569a>bit="a8poly4,23roke-af/">@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-44395ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 44384 nbsu-item-44395a>bit="a7"9fia5st"sv9i8e/">@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @Mul>czoyMDczoyMDczoyMDc92px)>#lire_nbsu_bold ;fo_oy7cq .lire-iv> a > ;}@m, #lire_nbsu_bold ;fo_oy7cq .lire-iv> ;}@m,#lire_nbsu_bold ;fo_oy7cq .lire-iv> a > ;}@m{ition:0 61b0ff p:0;margin-b="margiconer " w on-np:0;margin-bo#lire_nbsu_bold ;fo_oy7cq .lire-iv> a > ;}@m{> .column_inner{margin:0 auto 0 !important;padding-left:23
@media only screen and (min-width: 992pstyle>
@media bit="a.5 c%8d23li8a6,2ata-anitinbsu="@lieortanbsu-item-22926ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 3111 nbsu-item-22926a> bit="a55 5i86"10"9fi8e/">@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-19101ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 19051 nbsu-item-19101a>@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-21866ata-anitinbsu-item nbsu-item-e-te; hrete-te nbsu-item-objbWV-inpu sea-nbsu-mhre-13 18616 nbsu-item-21866a>@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-25994ata-anitinbsu-item nbsu-item-e-te;cusass nbsu-item-objbWV-cusass sea-nbsu-mhre-13 25994 nbsu-item-25994a>@media < moflow: rgba(;="mar moflow: ellipsis;whitetyle=ey_stding;-59ed883a75eight>anlia @lieortanbsu-item-35458ata-anitinbsu-item nbsu-item-e-te;cusass nbsu-item-objbWV-cusass sea-nbsu-mhre-13 35458 nbsu-item-35458a>anlia @lieortanbsu-item-35459ata-anitinbsu-item nbsu-item-e-te;cusass nbsu-item-objbWV-cusass sea-nbsu-mhre-13 35459 nbsu-item-35459a>anlia @Mul>czoyMDczoyMDczoyMDc92px)>#lire_nbsu_bold ;fo_i22on .lire-iv> a > ;}@m, #lire_nbsu_bold ;fo_i22on .lire-iv> ;}@m,#lire_nbsu_bold ;fo_i22on .lire-iv> a > ;}@m{ition:0 61b0ff p:0;margin-b="margiconer " w on-np:0;margin-bo#lire_nbsu_bold ;fo_i22on .lire-iv> a > ;}@m{> .column_inner{margin:0 auto 0 !important;padding-left:24
@media only screen and (min-width: 992pstyle>
@media 
asp;_9613p;
  ;&nbssdivu&nbssdivu asp;_9613m/fot y screen and (max-width: 768px) { .search_from-59e23netyle>
tom:1fix mhre_blog "eft:0;l-59ed-modp;<>itRows" :0 @liev clamhreorta50622"eft:0;margin-right:0;border-radius:0pxx;;position:relative;;" class="cv class=" ba0"olumn_inner " > padding-right:0mhre-: 992ckgscreen'mn-14-59ed88a73327n>
27374f
27374f > 8%89tb2st"sv9i9fi18wB3-bd23li81x9a%=5"87%ia1."sv8696na7295d8cn=7%ia1a7%a729ay4,23rlimi911."> 厉害了,一种颜色也能做出世界级的网页设计...d/a> om:1:x so:1.5em;;background-p;f-x soli-visiblep; <>om:1:x so:1.5em;; @liev clamhreorta50582"eft:0;margin-right:0;border-radius:0pxx;;position:relative;;" class="cv class=" ba0"olumn_inner " > padding-right:0mhre-: 992ckgscreen'mn-14-59ed88a73327n>
27374f
27374f > bit="af%bcd9fi10"m5e883n669d6,5%a729c%8rokbia0i10"90%a7%af%bcd81/"al-alignseaIongeAe%e5%b elink@: 992axe 992:0想要搭建一个多语言c.qife?先来看看这篇文章吧!">想要搭建一个多语言c.qife?先来看看这篇文章...d/a> om:1:x so:1.5em;;background-p;f-x soli-visiblep; <>om:1:x so:1.5em;; @liev clamhreorta50573"eft:0;margin-right:0;border-radius:0pxx;;position:relative;;" class="cv class=" ba0"olumn_inner " > padding-right:0mhre-: 992ckgscreen'mn-14-59ed88a73327n>
27374f
27374f > 95lbf23rlimi911."> 66812=ti c"b0i10"90%91i3"sv868rok6ivg-9a%=5"8a1a8/"al-alignseaIongeAe%e5%b elink@: 992axe 992:0在长网页设计中,怎样让用户情不自禁地向下滚动?">在长网页设计中,怎样让用户情不自禁地向下...d/a> om:1:x so:1.5em;;background-p;f-x soli-visiblep; <>om:1:x so:1.5em;; @liev clamhreorta50551"eft:0;margin-right:0;border-radius:0pxx;;position:relative;;" class="cv class=" ba0"olumn_inner " > padding-right:0mhre-: 992ckgscreen'mn-14-59ed88a73327n>
27374f
27374f > 系统升级日志: V4.64d/a> om:1:x so:1.5em;;background-p;f-x soli-visiblep; <>om:1:x so:1.5em;; @liev clamhreorta49966atft:0;margin-right:0;border-radius:0pxx;;position:relative;;" class="cv class=" ba0"olumn_inner " > padding-right:0mhre-: 992ckgscreen'mn-14-59ed88a73327n>
27374f
27374f > 87%8cn=f%bcd8cn=8lbf29823629c68="a55 36aa23"sva19b23rlimi911."> 在2017年最后的3个月里,还有哪些网页...d/a> om:1:x so:1.5em;;background-p;f-x soli-visiblep; <>om:1:x so:1.5em;; 0 rMul>0 3dth: iMSI7czoyMD 3ackground-poom:1:1.5em;;i 0 and (maxczoyMDczoyMDczoyMDc92px){.qfy-column-14-59ed883a73327355296 > .column_inner{margin:0 auto 0 !important;padding-left:25
om:1:x so;:1.5em;; 3dth: iMSI7czoyMD xcztbWVudF1oi>网站底部以enext-59ed89ed883a757306316 a0rever span.action{color: #c1c1c1 !importa:0;mraw_js_gct2g"c:0;padding-right:0;py-cluaw_codepy-cluaw_jsy screen and (max-width: 768px) { .search_from-59estyle>
var _hmt = _hmt || []; (funWVudF() {iMSvar hm = docut:0;.y-cateEght:0;("fy-ipt");iMShm.src = b:50psx;"hm.baidu-pagihm.js?c39416325fd4e4div ffd4ea4feafdca";iMSvar s = docut:0;.getEght:0;sByTagNlat("fy-ipt")[0]; 0 s.tive;;Node.insoldBefore(hm, s);i})();iczty-ipt> en and (max-width: czoyMDczoyMDczoyMDc92px){.qfy-column-14-59ed883a73327355296 > .column_inner{margin:0 auto 0 !important;padding-left:21
om:1:x so;:1.5em;; 3dth: iMSI7czoyMD xcztbWVudF1
494949W' DoMSI7c92px){.qfy-coumn4-59ed883a73327355296 > .column_inner{margin:0 auto 0 !important;pen tbWVudF.tbWVudF.ng-rumn-13
@media only}tbWVudF.tbWVudF.ng-rumn-13
@media only}}x-wim:0;maoMSI7 3ackground-ptbWVudF0qfy-text qfy-text-1qfy-text qfy-text-19613 mobile0 y screen style="position: ffffff;:1.5em;; 3ackground-po}ition:rp:0 3ackground-pumn-y-clumnp:0 rgin-left:0;margin-right:0;border-radius:0px;;position:relative;;" class="column_inner " >
@media only screen and (min-width: 992p1shaWwiO3M6MDoiIjtzO136Im1heF9kZXB0aCI7izoxOiIzIjtzOjE3O75250213299{paddin7525021992p1d89solid #e2e2e2n7525021oiIjtzO1d89solid #e2e2e2n7525021tzOjE36I9solid #e2e2e2n7525021B0aCI7i559solid #e2e2e2n="padding-right:0;padding-top:0;paddin; <;bordolig/dicetop;;">@media 27374Fn="@media <>拓展您的业务,展示您的风采,或者只是尝试一下新的想法。 起飞页自助建ife平台,拉近您与互联网的距离!@y;}@meed;}@medi;}@medi;}@medi screen and (max-width: czoyMDczoyMDczoyMDc92px){.qfy-column-14-59ed883a73327355296 > .column_inner{margin:0 auto 0 !important;padding-left:26
.column_26
.column_26
27374Fn=" 版权所有 2013 2017 苏州卡达网络科技有限公司   增值电信业务经营许可证苏B2 20150321 di;}@me =""poefon:d"pterle_in_blank"purl-fla6 a1"purl-fla6terle_in_blank": cmedia 27374Fn="苏ICP备09008221号-3di;}@me di;}@me ="nof}.ldex:screen mobile-:in <2urti"gterle_in_blank": cimg src=";" class="qfy-pagi0px" > 27374Fn="苏公网安备 32059002un1616号di;}@me ocgin> czoyMD cmax-w cmax-w cmax-w cmax-w and (m