※阿拉丁-手機瀏覽網頁頁面製作-第二篇

(PART-2)主題內頁建立

接下來我們要來學習建置重要的資料處理連結路徑囉!

請參考以下架構圖:

clip_image002

*路徑1:點擊連結→訊息或內容公告

第一個介紹的內容架構類型,就是單純的「連結點擊→出現訊息或內容公告」,通常是單一線性的資料呈現,一個標題/連結,來搭配一篇主要的內容(如下圖參考)。

clip_image004


 

Step6:路徑1操作步驟

[1] 先從[主題模組建立]進入,在[分類名稱]打上標題文字(如公告訊息、重要消息等),接著設定生效與失效日期(點擊右方的小月曆),再來勾選[顯示內容名稱],並設定每列個數為[1],比數限定為[0],設定完成後在下方資料有效否勾選[有效],最後再回上方按下[新增]即可完成一個主題模組的設定。

clip_image006

 

[2] 接著到[內容管理]中的[內容明細建立],先輸入[內容名稱](如公告標題、新聞標題等),並於下方勾選HTML後,系統會在右方自動跳出HTML編輯/預覽]的功能選項,點擊進入。

(註:[內容編號)在新建資料時可不必理會,資料完成後系統會隨即賦予編號。)

clip_image008

 

[3] 點擊HTML編輯/預覽]後,會跳出一個編輯視窗畫面,在空白處可依不同性質內容,插入圖片、超連結,及文字內容來作為使用。

完成後別忘了在左上方按下[保存並返回],才能完整存檔哦!

clip_image010

 

[4] 再來畫面會回到[內容明細建立]的畫面(步驟[2))中,把畫面往下拉會看到[分類]區塊,將一開始在主題模組建立的分類名稱(步驟[1]),按下[加入>>],放到已選分類中,在回到最上頭按下[新增],即可完成!

clip_image012

 

[5] 最後我們可以到[前端]檢查,看看連結路徑是否正確與順利!

clip_image013

※阿拉丁-手機瀏覽網頁頁面製作-第二篇 有 “ 1 則留言 ”

  1. 引用通告: 阿拉丁《用法Right,就愛配》讓網站好感無限加分課程(暗藏密技:製作手機行動網)影音全記錄(2012年) « shuccedu

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google photo

您的留言將使用 Google 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s