零基礎創作專業wordpress網站11-製作頁尾(Footer)
製作Footer同樣需要下載模板,所以,來到tyler.com > All Templates > 搜尋下載"X1"
接著,來到 儀表盤 > Elementor > 我的模板 > 匯入模板,將剛才下載的模板全部匯入進去。
匯入完成後,現在會和之前稍有不同,我們不需要重新建立頁面,來到 Theme Panel > My Libary > Add New:
在這裡新增一個新的模板,將模板標題設定為:Footer
接著,將這個模板Panel設定為全寬:
然後關閉頁面標題,點選“釋出”:
接著,使用Elementor編輯Footer模板,新增之前下載好的“V1”模板。
新增完成後,你可以看到Footer有2行:
這是因為一個是桌面版本的,另一個是手機版本。
桌面版本只在電腦端顯示,手機版本則在手機端顯示。
首先我們要選中Main作為選單:
接著,你可以調整左側的圖示,大小和顏色都可以調整。
你可以調整右側的社交圖示,我們之前都講解過如何調整。
點選“更新”,然後預覽,看起來重疊了:
這是因為我們編輯的只是Footer模板,而不是之前的頁面,所以,還需要設定一個步驟,既是將Footer新增到之前建立的頁面中:
來到 自定義 > 頁尾底部 > 禁用“開啟底部頁尾”:
然後來到 自定義 > 頁尾小部件 > 選擇模板為:Footer:
點選發布,來到網站前臺,在各個頁面都可以正常顯示。
手機端也是沒有問題的。
相關文章
- 零基礎創作專業wordpress網站10-製作聯絡頁面網站
- 零基礎創作專業wordpress網站09-製作服務頁面網站
- 零基礎創作專業wordpress網站08-製作關於頁面網站
- 零基礎創作專業wordpress網站06-製作主頁(elementor)網站
- 零基礎創作專業wordpress網站03-為網站新增頁面網站
- 零基礎創作專業wordpress網站07-製作主頁(適配手機端)網站
- 零基礎創作專業wordpress網站05-將主頁面設定為主頁網站
- 零基礎創作專業wordpress網站02-安裝主題網站
- 零基礎創作專業wordpress網站01-課程介紹網站
- 零基礎創作專業wordpress網站12-設定標籤欄圖示(favicon)網站
- 零基礎創作專業wordpress網站04-建立並編輯導航選單網站
- 創作專業wordpress網站-黃棒清-專題視訊課程網站
- wordpress企業網站主題仿製02-wordpress企業網站首頁的仿製網站
- wordpress企業網站主題仿製03-wordpress企業網站page頁面的仿製網站
- 專業網站製作需要了解以下三點網站
- wordpress企業網站主題仿製04-wordpress企業網站產品頁面新聞頁面仿製網站
- 網站建設製作網頁的基本步驟網站網頁
- Web頁面製作基礎Web
- 大學生影視主題網頁製作 銀翼殺手2049電影網頁設計模板 學生靜態網頁作業成品 dreamweaver電影HTML網站製作網頁HTML網站
- 網頁製作時可以拿起就用的網頁製作小技巧總結網頁
- WordPress主題製作進階#10自定義主頁
- 網站404頁面怎麼做 404頁面製作步驟網站
- HTML簡單網頁製作HTML網頁
- 按鈕製作網站收集網站
- LED行業網站製作需要策劃嗎行業網站
- 自己如何製作一個網頁網頁
- 一般網站製作流程網站
- 簡易地圖生成器,一個專業的地圖製作網站地圖網站
- 網站開發製作需要了解哪些基礎知識網站
- 大學生川菜網頁製作教程 表格佈局網頁模板 學生HTML靜態水煮魚網頁設計作業成品 簡單網頁製作程式碼 學生美食網頁作品免費設計網頁HTML
- Stacks網頁佈局製作外掛網頁
- 小成本,製作大水管網站網站
- 自己怎麼製作一個網站網站
- 網站製作前如何規劃網站的結構?網站
- 專業音樂製作軟體
- Dreamweaver網頁製作的18條操作技巧網頁
- 用Dreamweaver 定義模板批次製作網頁網頁
- 製作簡單的個人網頁教程網頁