banner大圖就是下圖紅框部分，由一張banner圖片、圖片標題、圖片描述以及圖片按鈕組成，具體介紹看下圖：  ## **一、管理入口** 操作路徑：網站后臺--基礎設置--Banner管理；  ## **二、添加Banner** 點擊新建可以增加banner  點擊新建后，會跳轉到新建banner頁面  ### **2.1 名稱** banner標題； ### **2.2 別名** 自動生成，無需填寫； ### **2.3 狀態** 選擇發布，不發布前臺不顯示； ### **2.4 分類** 一般默認分類就可以； ### **2.5 圖片** banner顯示大圖，可通過圖片上傳組件，自定義上傳Banner圖片； **【注意】** Banner圖片的尺寸需根據使用的網站模板而定，一般建議1920px\*高度自定義； 同一欄目（頁面）上傳多張圖片展示時，建議Banner圖片尺寸保存一致； Banner圖片的文件大小應盡量控制在300kb以內，過大的圖片文件會嚴重影響網站訪問速度； 如無藝術字體展示效果需要，建議不要將文字直接設計在圖片上，而是使用系統自帶的文字展示功能添加文字，具體可參考圖片標題及圖片描述文字設置部分。 ### **2.6 Banner高度與尺寸** 網站模板采用響應式布局，可按瀏覽設備終端自適應顯示，一般是根據瀏覽器屏幕寬度自適應縮放Banner寬度，因此建議Banner圖片的寬度設計為1920px，手機端圖片寬度設計為750px左右，而圖片高度可以根據自己的需要設計，但需要保持所有相同展示端圖片尺寸一致。 圖片上傳后，還可以在Banner管理頁面和添加編輯頁面設置電腦、平板、手機端的顯示高度，如下圖，但無特殊需要，此處設置建議為0，讓系統自適應高端顯示Banner。 如設置高度，則同一欄目（頁面）所有的Banner圖片同一設備端高度需保持一致。  ### **2.7 圖片標題** 每張Banner圖片都支持自定義圖片標題，并可設置標題的顏色和文字大小。 添加或編輯Banner時，可自定義設置圖片標題、標題顏色、字體大小等，如圖，留空則不顯示。  展示效果如下圖：  **【注意】** 此功能需要網站模板支持，部分模板制作者可能并未兼容此功能； 字體大小和顏色留空時，網站前臺將使用網站模板默認參數； 字體大小可以自定義輸入數字，例如14，則表示字體大小是14px（14像素）； 字體顏色可在顏色選擇器中選擇，也可以直接輸入十六進制顏色代碼，如“#000000”； 圖片標題顯示位置可自定義設置，具體參考：2.12。 ### **2.8 圖片描述** 圖片標題的補充，功能與圖片標題一致，可參考2.7章節，圖片標題和圖片描述可以獨立存在，也可以全部填寫。 添加或編輯Banner時，可自定義設置圖片描述、文字顏色、字體大小等，如圖，留空則不顯示。  展示效果如圖  **【注意】** 此功能需要網站模板支持，部分模板制作者可能并未兼容此功能； 字體大小和顏色留空時，網站前臺將使用網站模板默認參數； 字體大小可以自定義輸入數字，例如14，則表示字體大小是14px（14像素）； 字體顏色可在顏色選擇器中選擇，也可以直接輸入十六進制顏色代碼，如“#000000”； 圖片描述的顯示位置和標題保存一致，可自定義設置，具體可參考2.12。 ### **2.9 鏈接地址** 每張Banner圖片都支持添加超鏈接地址，鏈接地址需要包含http或https，并可設置是否新窗口打開，建議不要給同一張圖片同時使用鏈接地址和按鈕鏈接。?  ### **2.10?是否新窗口打開** 添加或編輯Banner時，可自定義設置Banner鏈接地址及鏈接打開方式，默認新窗口打開。  ### **2.11?圖片替代文字** 圖片替代文字，一般不需要填寫。  ### **2.12 圖片文字位置** 文字顯示的位置，一般顯示在左側居中  顯示具體位置如下圖。  ### **2.13?所屬菜單** 同一張Banner圖片可顯示在全站，也可以只顯示在指定的欄目（頁面），一個欄目（頁面）下可添加多張Banner圖片輪播顯示，多張Banner需要保持圖片尺寸一致。添加或編輯Banner時，設置Banner圖片所屬欄目，可選擇所有欄目或自定義勾選  **可以切換到手機版，對手機版進行單獨banner設置：**  ### **2.14?手機端圖片地址** 添加或編輯Banner時，可通過圖片上傳組件，自定義上傳手機端Banner圖片 ### **2.15 手機端圖片標題** 留空顯示2.7章節設置的“圖片標題”，設置此參數后，可讓手機端顯示不一樣的標題。 ### **2.16 手機端圖片描述** 留空顯示2.8章節設置的“圖片描述”，設置此參數后，可讓手機端顯示不一樣的描述。 ### **2.17?手機端圖片文字位置** 用于控制手機端圖片標題、描述、按鈕（按鈕設置可參考2.9章節）在手機端Banner圖片顯示的位置，此功能需要網站模板支持。 ## **三、編輯Banner** 點擊對應banner后面的編輯就可以進行編輯，具體操作同添加banner  ## **四、刪除Banner** 點擊對應banner后面的刪除就可以進行刪除單個banner，或者選中需要刪除的banner，然后點擊：操作-》放入回收站；  【注意】此操作是暫時將banner放入回收站，如果要徹底刪除，可進入回收站徹底刪除； 首先狀態篩選框選擇回收站，可以點擊對應banner后面的【X】刪掉單個banner，也可以勾選需要刪除的banner，然后點擊【徹底刪除】按鈕徹底刪除對應的banner。  ## **五、Banner排序** 點擊表格每行空白區域上下拖曳后即可改變排序