從 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 後台的自定義程序中。