Skip navigation
USM Home/Web Support/Style Guide

Style Guide

Page Content

Approved Color Palette

image

注意:在编辑窗口中可能会看到不同的颜色(旧的结转). The 保存和发布页面时，旧的颜色将被自动剥离.

Active Button Style Options

image

  • 在“插入/编辑”链接窗口的“类”下选择“常规按钮”选项.

    image

  • 在“插入/编辑”链接窗口的“类”下选择“角度内联”选项.

Images

  • Hero Banner – 1920 x 600

  • 并排功能/两列分割片段- 1080 x 720

  • 小特色网格视频/照片- 360 x 240

  • Head Shots – 768 x 768

  • Sidebar Block – 1080 x 720

为了在移动观看时获得最佳效果，焦点应该始终位于中心.

Remember to optimize images after they are edited to compress the file sizes. 这将有助于你的页面加载更快，系统也会这样做 是否为上传设置了最大文件大小限制. 在线图像优化的可选示例 tools:

提醒-上传图像后，它必须被发布，才能显示.

Social Media Icons

An Asset for “Approved.官方USM社会媒体渠道”已配置和 is available to add to any web page.

image

推荐的联系人块显示格式

  • 单位名称(超连结至主页/索引页)

  • 房间号/楼名(实际地址)

  • USM Mailing Address (118 College Dr. #0000 or alternate mailing address)

  • 可选位置线-选择以下标准选项之一:

    • Hattiesburg Campus

    • Gulf Park Campus

    • GCRL – Halstead

    • GCRL – Cedar Point

    • Stennis Space Center

    • Port of Gulfport

      注:完整的地图功能仍在配置中. The general “Campus Map” 链接将一直保持，直到特定的建筑地图链接准备好加载. More information 将提供直接的地图链接时.

Pages

  • When creating a new Page:

    • 用连字符分隔文件名字段中的单词，这比使用 of underscores for page URLs.

      • 提示-文件名只有小写，没有特殊字符或空格.

    • 将页面标题与文件名对齐(这会创建页面url)，但只使用实质性内容 words in the file name structure. Example:

      • 对于标题为“Web研究中心”的页面，文件名应该是“Web - Studies”，而不是“Web - Studies” center-for-web-studies.

      • 对于标题为黑色和金色的页面，文件名应该是黑色-金色，而不是黑色-金色.

    • Use the word “and” instead of “&” in page titles and headings.

  • 以下字段被扫描用于搜索目的-确保这些是完整的和 在检查现有页面时准确(请参阅属性) 参数)和创建新页面时:

    • File Name (URL structure)

    • Page Title

    • Description

    • Keywords

    • 注意:“标签”仅在OU内部，是对页面进行分组的组织工具 together. 它们不被搜索引擎或内部网站搜索功能所利用.

  • 英雄横幅应该使用网站标题作为他们的文字覆盖.

    • 提醒-要编辑英雄横幅图像，请确保您的页面已检出并转到 Properties -> Parameters.

  • 文件夹应该只用于存储图像、视频或文件，并应遵循此原则 naming convention:

    • _images

    • _files

    • _videos

Program Pages

  • 项目页面与公告中的官方项目数据保持一致. Bulletin content 不应该重复的程序页，并已删除在可能的地方. 请删除任何仍然存在的重复内容.

  • 额外的详细页面或文件所需的认证或合规信息 应安置在各自的学校网站，并可以从程序链接 pages.

  • 课程页面上的联系块可以与学校的联系部分同步 site. 如果单击侧边栏中的“编辑内容”，就会出现指向小部件文件的链接 而不是一个可编辑的联系块，这意味着部分是同步的.

    • 在这种情况下，要更新程序页上的联系信息，您需要更新 并在学校网站上发布_site-sidebar文件.

    • 如果您需要在项目页面上提供不同的联系信息，请发送电子邮件至web@kgfascist.com 我们会为你建立一个新的九游会国际.

    • Minors and Certificates

      • 没有未成年人的位置信息和证书. If you want location 添加信息，请发送电子邮件至web@kgfascist.com.

      • 一些独立的未成年人和证书没有添加，因为没有 a parent program page. 如果你有一个未成年人或证书，你想添加到一个特定的 计划页面，发送电子邮件至web@kgfascist.com.

        • 适用于多个学科领域的未成年人或证书可以添加到多个学科领域 而不是一页，如果你想招募到不同的学生兴趣. Example - History 音乐历史副修会出现在历史和音乐的页面上.

        • 未成年人或特定学校的证书也可以分组在一个跨学科 landing page by request to webFREEMississippi.

       

Profiles

  • 使用手动配置文件列表片段和新建手动配置文件页模板创建 清单页(片段)和个人资料页(模板)，必要的院长/主任的 办公室和其他需要代表的工作人员. The Snippet and Profile template 将与教师名录中已经实施的内容相匹配，并将取消 员工/办公室列表的旧Drupal表格式.

  • 如果你把某人加到院长或主任办公室的名单上，而那个人已经是 在学院目录(http://gf4zs.kgfascist.com/faculty-directory/), 链接到DM配置文件页面，而不是创建手动配置文件页面.

  • 当你的列表页面准备好了，他们应该从你的“人物”导航链接 menu option. 如果您在这方面需要帮助，请提交内容编辑器帮助请求.