WSS 3.0 SDK 實戰演練：定制 Mobile 首頁標題區——以 RenderingTemplate 放大加粗站台標題

演練目標

示範如何透過自訂 RenderingTemplate 覆寫 **STS 站台範本** Mobile 首頁（mbllists.aspx）的**頁首區塊**，將站台標題字體放大並加粗。

Mobile 首頁渲染機制：SPMobileWebTitle

mbllists.aspx HeaderTemplate 中宣告 SPMobileWebTitle 控制項：

<HeaderTemplate>
  <SPMobile:SPMobileControlContainer RunAt="Server" Weightless="true">
    <SPMobile:SPMobilePageTitle RunAt="Server" />
    <SPMobile:SPMobileComponent TemplateName="MobileDefaultSeparator" RunAt="Server" />
  </SPMobile:SPMobileControlContainer>
</HeaderTemplate>

SPMobileWebTitle 依站台類型搜尋 Mobile_{SiteTypeID}_HomePage_Title。STS 站台搜尋 Mobile_STS_HomePage_Title，找不到回退 Mobile_Default_HomePage_Title。WSS 內建無 Mobile_STS_HomePage_Title。

建立 STSHomePageTitle.ascx

1. 建立 UTF-8 文字檔，命名 STSHomePageTitle.ascx，置於 CONTROLTEMPLATES。
2. 加入指示詞與命名空間註冊（標準組）。
3. 定義 RenderingTemplate，ID 為 Mobile_STS_HomePage_Title：

   <SharePoint:RenderingTemplate ID="Mobile_STS_HomePage_Title" RunAt="Server">
     <Template>
       <mobile:Label Text="Custom STS Home Page Title" Font-Size="Large" Font-Bold="True" RunAt="Server" />
     </Template>
   </SharePoint:RenderingTemplate>

4. 儲存，iisreset，清除模擬器暫存。

驗證結果

以 Mobile 裝置瀏覽 STS 站台首頁，標題顯示為 **「Custom STS Home Page Title」**，字體**大號、粗體**，與預設樣式明顯不同。

核心觀念

• Mobile 首頁三區塊（標題/內容/導航）對應選擇器：SPMobileWebTitle、SPMobileWebContents、SPMobileWebNavigation。
• 模板 ID 格式：Mobile_{SiteTypeID}_HomePage_{PageArea}。
• SiteTypeID：STS、BLOG 或自訂站台定義 ID（WebTemp.xml Template@ID）。
• PageArea：Title、Contents、Navigation。
• MPS、Central Admin、WIKI 站台**不支援 Mobile 存取**。