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