后端样式

设置应用样式

这个界面是一个风格管理工具，让您能够根据自己独特的审美与风格偏好，对 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”（保存）按钮，以保存您的设置