从 WordPress 后台安装 Themedd

从数字商城下载产品后会得到两个文件包【原版主题包】、【中文子主题】，请按照以下方式依次上传安装。

将 Themedd 下载 到您的计算机。在 WordPress 后台，转到 外观 → 主题 ，然后单击 屏幕顶部的添加新主题。

  1. 单击 上传主题。
  2. 单击 “ 浏览”，选择已下载的 zip 文件，然后单击 “ 打开” 。最后，单击 立即安装。
  3. 单击 “ 启用” 以启用 Themedd – wei 。

您的 Themedd 许可证密钥授予您访问主题更新和支持的权限。如果您的许可证密钥已停用或已过期，您的主题将正常运行，但您不会收到自动更新。

激活许可证密钥

  1. 找到您的许可证密钥。这可以从购买确认页面或购买后的购买收据电子邮件中找到。您还可以在帐户页面上找到许可密钥 。
  2. 转至外观 → 主题许可。
  3. 在 “ 许可证密钥输入” 字段中，输入许可证密钥。
  4. 单击保存许可证密钥更改。
  5. 页面刷新后，单击 “ 激活许可证” 。

添加菜单

Themedd 有 3 个显示位置，您可以添加菜单。

主菜单
分配给主菜单显示位置的菜单将显示在站点标题的正下方。

二级菜单
分配给辅助菜单显示位置的菜单将显示在站点标题的最右侧。

手机菜单
分配给移动菜单显示位置的菜单仅显示移动设备。使用此菜单位置可为移动用户提供更加简化的体验，其中屏幕空间不足。如果没有为此位置分配菜单，则分配给主菜单位置的菜单将显示给移动设备用户。

设置页面模板

除默认页面布局外，Themedd 还包含两个页面模板：

全屏宽度

分配到页面时，主要内容将跨越页面的整个宽度，侧边栏将不会显示。

注意：Themedd 的默认页面布局也使用页面的整个宽度，但仅当侧边栏中没有添加小工具时才会使用。这使得 “全宽” 页面模板非常适合应始终为全宽的页面，无论使用何种小工具。

分配到页面时，主要内容将显得更加纤薄，更具可读性。与 “全宽” 页面模板一样，不会显示侧栏。

分配页面模板

在 WordPress 后台中，转到 “ 页面”，然后单击要为其分配页面模板的页面。
在页面的编辑屏幕上，单击 “ 页面属性” 部分中的 “ 模板选择” 菜单。然后，单击要分配给页面的页面模板。
单击 “ 更新” 以更新页面。

安装演示内容

安装演示内容

如果您想在 https://successstories.themedd.com 上设置您的网站，如 Themedd 演示， 请按照以下说明操作。

在你开始之前：

  1. 确保 已安装并激活 Easy Digital Downloads
  2. 确保 已安装并激活 Themedd

图像大小

如果您希望所有图像的显示尺寸与演示中的图像相同，请按照以下步骤操作。您也可以在导入演示内容后执行此操作，但您需要使用 “ 重新生成缩略图” 插件重新生成图像 。

  1. 在 WordPress 后台中，转到设置→媒体
  2. 在缩略图大小宽度字段中，输入 480 。
  3. 在缩略图大小高度输入字段中，输入 480
  4. 取消选中裁剪缩略图到精确尺寸选项
  5. 在 “大尺寸最大宽度” 输入字段中，输入 991
  6. 在大尺寸最大高度输入字段中输入 1600
  7. 单击保存更改

安装演示内容

  1. 下载导出文件
  2. 转到 WordPress 管理面板中的工具→导入
  3. 激活并运行导入程序
  4. 单击 “ 选择文件” 按钮，然后选择在步骤 1 中下载的导出文件
  5. 首先会要求您将此导出文件中的作者映射到站点上的用户。对于每个作者，您可以选择映射到站点上的现有用户或创建新用户
  6. 滚动到屏幕底部。如果要导入演示映像，请确保选中 “ 下载并导入文件附件” 复选框
  7. 单击 “ 提交” 按钮开始导入
  8. 而已！如果您现在查看下载网格，您应该看到与演示相同的下载（带图像）。

添加额外的 CSS 样式

该 Themedd 演示使用 CSS 样式少量，以提供透明的 PNG 图像书背景颜色，当你将鼠标悬停在他们的动画书的封面。如果您想这样做，请使用以下 CSS 代码：

.edd_download_image,
.edd-download .post-thumbnail {
    background: #f9fbf9; /* The background color for the download grid and single download page */
}

.edd_download_image {
    overflow: hidden;
}

.edd_download_image img {
    top: 0.5rem;
    position: relative;
    transition: 0.1s top ease-out;
}

.edd_download_image a:hover img { 
    top: 0;
}

自定义 CSS 可以放在主题的 style.css 文件中，也可以放在 WordPress 后台的自定义程序中。