后端样式

设置应用样式

这个界面是一个风格管理工具,让您能够根据自己独特的审美与风格偏好,对 METASO 相关界面和元素进行全方位的样式定制。无论是追求简洁现代的视觉效果,还是钟情于华丽复古的设计风格,亦或是打造独具一格的专属界面。

  1. 访问样式管理页面

    • 登录到MetaSo后台管理界面。

    • 在侧边栏中,点击“Style”选项进入样式管理页面。

      image.png
  2. 创建新样式

    • 在样式管理页面,点击“Create New Style”(创建新样式)按钮开始创建新的样式配置。

    image.png
  3. 配置新样式

  • 在创建新样式的页面,并设置所需的样式参数,如颜色、布局、品牌元素等。

颜色设置

  • 主题模式:在样式配置页面,找到“Theme Mode”(主题模式)选项。这里您可以选择网站的主题颜色模式。

    • Light(浅色):选择此选项将应用浅色主题,通常用于明亮的背景和深色的文字。

    • Dark(深色):选择此选项将应用深色主题,适合在低光环境下使用,或为喜欢深色界面的用户设计。

image.png
  • 在“Color Configuration”(颜色配置)部分,您可以自定义网站的不同颜色元素

  • 选择或输入以下颜色配置的十六进制代码:

    • Brand Color(品牌颜色):设置网站品牌的主要颜色。

    • Layout Color(布局颜色):设置页面布局的背景颜色。

    • Header Color(头部颜色):设置页面头部的背景颜色。

    • Gradient Color(渐变颜色):设置渐变效果的颜色。

    • Border Color(边框颜色):设置页面元素边框的颜色。

    • Button Text Color(按钮文字颜色):设置按钮上文字的颜色。

image.png

布局设置

  1. 启用或禁用滑动菜单

    • 在“Slider Menu”(滑动菜单)选项中,您可以启用或禁用网站侧边栏的滑动菜单功能。

    • 点击开关按钮来选择启用(蓝色表示启用)或禁用(灰色表示禁用)。

    image.png
  2. 启用或禁用推荐功能

    • 在“Recommend”(推荐)选项中,您可以启用或禁用推荐内容的显示。

    • 同样点击开关按钮来选择启用或禁用。

    image.png
  3. 设置内容大小

    • 在“Content Size”(内容大小)选项中,您可以设置页面内容区域的宽度。

    • 输入您希望的宽度值,例如“1200像素”。

image.png

品牌设置

  1. 上传Logo

    • 在“Logo”部分,点击上传区域,选择并上传您的网站Logo图片。

    image.png
  2. 设置首页背景图片

    • 在“Home Background Image”部分,点击上传区域,选择并上传您希望用于首页背景的图片。

    image.png
  3. 配置社交媒体链接

    • 在“Twitter”部分,输入您的Twitter账号URL。

    image.png
  4. 设置网站标题

    • 在“Main Title”(主标题)和“Sub Title”(副标题)部分,输入您的网站主标题和副标题。

image.png
  1. 预览更改

    • 在页面的右侧,有一个“OverView”(概览)区域,显示了网站首页和登录页的预览。

    • 您可以在这里看到您所做颜色更改的实时预览效果。

image.png
  1. 保存更改

  • 完成品牌配置后,点击页面右上角的“Save”(保存)按钮,以保存您的设置

Last updated