製作單頁式網頁

大步驟


  • 建立Blogger網誌→開啟後台功能區→範本→自訂→範本(選取你喜歡的樣式)→版面配置→調整寬度→套用至網誌
  • 功能區→版面配置→標頭欄位「編輯」→上傳已製作完成的圖檔→勾選「不需要使用標題和說明」→儲存
  • 功能區→版面配置→網誌文章內點擊「編輯」→出現「設定網誌文章」視窗→將「主頁面上的文章數」設為「1」→將「張貼頁面選項」全部打勾取消掉→儲存
  • 功能區→範本→編輯HTML→Ctrl+F→「blogger-pager」移除首頁;「blogger-feeds」移除「訂閱:文章(Atom)」等字樣→選取整段語法後刪除→儲存範本


移除 "首頁. 較舊文章 教新文章"的方法
修改Html碼,加上 display: none; 
如下示範:
#blog-pager-newer-link { display: none; }
#blog-pager-older-link { display: none; }
#blog-pager { display: none;}


!製作單頁式網頁注意事項 ! 

只能發佈一篇「文章」

製作單頁式網頁是運用建立「文章」的方式來撰寫文案內容,所以只能有一篇「文章」,也就是說後台文章清單中只能「發佈」一篇文章。

不要建立「文章標題」

為避免文章標題呈現在網頁左上方破壞整體架構,文章編輯完成後切記不要建立「文章標題」。

如需建立其他連結頁面,請使用「新網頁」建立

文案內容中如果有需要連結其他說明頁面,可運用「新網頁」來製作該頁面,在將該頁面網址套用到文案的圖片或文字做連結,不要發佈「新文章」來增加頁面,以避免造成自己的設訂上出錯亂。

移除「網頁」小工具

在功能區中的「版面配置」內,將「網頁」或顯示「Pages」的小工具刪除,如此才不會在網誌上顯示連結選項按鈕。