用drupal8自定義區(qū)域（2）——用自定義靜態(tài)區(qū)塊仿制頁面
時(shí)間：2023-04-21 03:09:02 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-04-21 03:09:02 來源：網(wǎng)站運(yùn)營
用drupal8自定義區(qū)域（2）——用自定義靜態(tài)區(qū)塊仿制頁面：自定義靜態(tài)區(qū)塊，仿制前端頁面，相對來說，比較簡單。3個(gè)主要步驟即可完成：自定義標(biāo)簽、自定義區(qū)塊、放置區(qū)塊，具體操作如下：
一、在模板文件中添加自定義標(biāo)簽
在模板中指定的位置添加靜態(tài)區(qū)塊標(biāo)簽變量{{ page.banner }}，這個(gè)標(biāo)簽要替換一部分代碼，而被替換的部分代碼放入后臺自定義的區(qū)塊中即可。
二、在后臺自定義區(qū)塊
依次點(diǎn)擊“管理/結(jié)構(gòu)/區(qū)塊布局/自區(qū)塊庫/添加自定義區(qū)塊”，在自定義區(qū)塊頁面設(shè)置、添加如下參數(shù)：
（1）區(qū)塊描述：中文，英文都可以；隨便命名，有意義即可，或者命名成中醫(yī)師承學(xué)院也是可以的，根據(jù)個(gè)人習(xí)慣就可以。
（2）點(diǎn)擊“源碼”，選擇“full-html”，剪切模板中自定義標(biāo)簽page.banner對應(yīng)的代碼到文本框；
（3）點(diǎn)擊“保存?！?br>
三、區(qū)塊放置對應(yīng)區(qū)域
1.依次進(jìn)入“管理/結(jié)構(gòu)/區(qū)塊布局/輪播“區(qū)域；
2.點(diǎn)擊旁邊的”放置區(qū)塊“；
3.在彈出的界面中，選擇自己定義的”banner“區(qū)塊；
4.點(diǎn)擊“放置區(qū)塊“；
5.在彈出的“配置區(qū)塊“界面中，把”顯示標(biāo)題“前面的對號去掉；
6.點(diǎn)擊“保存“按鈕；
7.強(qiáng)制刷新前面頁，顯示正常；
8.輪播圖前端接入后臺，完畢。
四、清空緩存并保存
1.管理/配置/性能/清空所有緩存/保存配置；
2.需要注意的是，凡是修改模板后，都要清理緩存保存，才可以生效。
五、查看前端
經(jīng)過上述4步的操作，前端內(nèi)容順利接入了后臺，后續(xù)，需要修改的時(shí)候，只要修改后臺區(qū)塊即可，非常方便。
六、注意事項(xiàng)
上述頁面仿制過程中，圖片在模板中的路徑是base_path/themes/mytheme/imges/pic.jpg
把圖片對應(yīng)的代碼接入drupal8自定義區(qū)塊后，圖片路徑要用絕對路徑，例如：/drupal8/themes/mytheme/images/pic.jpg。這樣設(shè)置下，前端圖片才可以正常顯示。
關(guān)鍵詞：定義,靜態(tài),區(qū)域,仿制
在線咨詢