首先在本地把AcquiaDevDesktop2環(huán)境打開独柑,然后打開自己的本地drupal8的環(huán)境魁衙。準備一個主題(這里是basic 8.x-1.2)羡忘,并安裝好么鹤。
01|添加區(qū)域列表
如圖1,打開Sublime Text 3 程序棋返,進入到basic主題里找到后綴名為.info.yml的文件延都,并打開它。具體操作是file-openfile-drupal-themes-basic-basic.info.yml睛竣。
如圖2晰房,將以下這行代碼復制到regions中的footer后面,并保存射沟。
featured_1: 'Featured First'
featured_2: 'Featured Second'
featured_3: 'Featured Third'
02|更新主題模板文件
如圖3殊者,進入到basic主題里找到后綴名為page.html.twig文件,并打開它验夯。具體操作是file-openfile-drupal-themes-basic-templates-page.html.twig猖吴。
如圖4,將以下這行代碼復制到63-65行挥转,覆蓋海蔽,并保存。
03|創(chuàng)建一個CSS樣式表
如圖5绑谣,進入到basic主題里找到CSS文件夾党窜,打開之后在其中新建一個文本文檔,命名為style借宵,并將后綴名改為.css刑然,并將其打開。具體操作是file-openfile-drupal-themes-basic-css-style.css暇务。
如圖6泼掠,將以下這行代碼復制到其中,并保存垦细。
#featured-content-area {
border-top: #676767 2px solid;
padding-top: 20px;
}
#featured-content-area-1,
#featured-content-area-2,
#featured-content-area-3 {
width: 33%;
float: left;
padding: 10px;
}
如圖7择镇,最后,打開drupal8,找到區(qū)塊布局括改,翻到頁腳腻豌,如出現(xiàn)如圖所示的三個區(qū)塊,則大功告成嘱能。具體操作是管理-結(jié)構(gòu)-區(qū)塊布局-頁腳吝梅。
注:如圖8,若未能出現(xiàn)如圖7的效果惹骂,返回到管理-配置-開發(fā)-性能中苏携,選擇【清除所有緩存】,并保存配置对粪,即可解決右冻。