WordPress主題購買後如何安裝成像展示的一樣?

12/03 | wordpress分享留言(28)

曾經有購買過 wordpress 主題的朋友們都知道,花錢買了一套主題就是看上它展示的範例,無論是精美炫麗的 slider 效果,還是各種已設計完成的頁面配置,甚至是聯絡我們、地圖顯示等進階功能,都是吸引我們購買的原因。

 

但如果是第一次使用 wordpress 的朋友,可能會發現到買回來的檔案有許多的資料夾,到底那個是可以安裝、那個是說明書,對於 wordpress 主題比較不熟悉的朋友可能會有些困惑,因此整理這篇文章簡單說明 wordpress 付費主題商品的相關內容,以及該如何安裝成像它展示的 demo 網站一樣漂亮。(本篇以 Themeforest 主題商品為例,如果不了解什麼是 Themeforest 可以參考這篇文章。)

 

第一步:下載所有文件及檔案

 

各位朋友於 Themeforest 網站上購買付費 wordpress 主題商品後,會進入以下的下載頁面,建議是選擇 All Files & documentation 進行下載,通常這份檔案會包含 wordpress 主題壓縮檔、外掛程式、範例資料,以及主題的使用說明書。

 

how-to-install-themeforest-theme-img1

下載完成後,將檔案解壓縮,通常可以看到如下的資料夾內容:

 

how-to-install-themeforest-theme-img2

 

dt-pressocre_v.2.0.1.zip : 佈景主題安裝檔,直接可從 wordpress 後臺上傳後進行安裝,或是可將其解壓縮後上傳到 wp-content/theme 的目錄中,再由後臺啟用即可。

Dummy : 展示網站中的網頁資料,通常為一份 xml 的檔案格式,可以由 wordpress 後臺進行匯入,稍後將說明如何匯入。

Licensing : 此商品的版權與使用限制說明。

PSDs : 一般設計師在設計介面時,都會採用 Adobe Photoshop 進行創作,而 psd 檔就是 photoshop 的檔案格式。如果購買回來的主題需要進行較大幅度的畫面修改,可聘請專業的網頁設計師來處理,這時就可以把 psd 檔交由他們設計,這樣就能以現行的網頁架構進行調整,縮短實際製作上的時間。

User Guide : 佈景主題的英文使用說明書,通常都會詳述主題該如何安裝、頁面如何修改、功能如何使用等等。

 

第二步:安裝主題及外掛

 

確認過解壓縮的內容有 .zip 的佈景主題安裝檔後,我們就可以進入 wordpress 後臺進行安裝,安裝方式與一般佈景主題一樣, 登入 wordpress 後臺 > 外觀 > 佈景主題 > 安裝佈景主題 > 上傳

 

how-to-install-themeforest-theme-img3

 

上傳完成後並啟用該佈景主題,基本上就已經完成一半了,接下來要安裝的是這主題有使用到的外掛,我購買的這套有自動安裝的功能,只要勾選確定安裝就能完成。

 

how-to-install-themeforest-theme-img4

 

 

如果購買的主題沒有這樣方便的功能,通常在第一步解壓縮檔案的時候還會多一個 plugins 的資料夾,讓我們可以手動把這些外掛用 ftp 的方式上傳到 wp-content/plugins 的目錄下。

 

第三步:匯入資料

 

接下來我們要把範例網站的資料匯入,讓我們的網站也能像他們展示的網站有一樣的效果,這樣修改起來就會方便許多。

 

how-to-install-themeforest-theme-img5

進入 wordpress 後臺,點選左方選單 工具 > 匯入,進入頁面後點選 wordpress 安裝匯入程式。

 

how-to-install-themeforest-theme-img6

點選立刻安裝。

 

how-to-install-themeforest-theme-img7

安裝完成後點選「啟用外掛與執行匯入程式」。

 

how-to-install-themeforest-theme-img8

接下來把我們解壓縮後 dummy 資料夾裡的 xml 檔案上傳,選擇好檔案位置後點選「上傳檔案並匯入」。

 

how-to-install-themeforest-theme-img9

這步驟是要選擇所有匯入文章與頁面的作者是誰, 可以選擇為系統管理員 admin 即可,下方的 Import Attachments 是匯入所有附件檔案,建議可以不用勾選以省下匯入時間,確定後點選「Submit」。

 

how-to-install-themeforest-theme-img10

成功匯入後會出現一堆 Failed to  import 媒體的訊息,這是因為我們剛剛沒有勾選匯入附件的原因。

 

how-to-install-themeforest-theme-img11

接下來再到頁面或文章列表,就可以看到所有的範例頁面,這時我們就可以比對範例去修改成我們要的內容文字。

 

how-to-install-themeforest-theme-img12

最後再到 設定 > 閱讀,選擇首頁要顯示的頁面即可。

 

小結

 

到 Themeforest 購買 wordpress 主題商品後記得選擇下載所有文件跟檔案,並將檔案解壓縮後把 .zip 安裝檔於 wordpress 後臺進行上傳,成功完成安裝並啟用後,依照指示再安裝相關的外掛功能,如無提示則自行由 FTP 上傳安裝,最後再將壓縮檔內 xml 檔進行匯入,並設定首頁顯示頁面,即可將範例網站的內容成功建立在自己的網站中。

 

還找不到適合自己企業風格的主題嗎?

 

Themeforest 商品眾多,且全數都是英文,往往很容易忽略中文的排版是否能正確顯示。另一方面該 wordpress 主題是否適合我們的企業風格,只看展示頁面與實際狀況仍存有很大差異,又不可能每一套都買來試裝看看,因此我們開發了一套解決方案。

 

EveryTheme 是一套快速尋找 WordPress 主題的產品,除了可以依產業別、色系來搜尋 Themeforest 的商品外,更可以透過影像合成技術,將企業標誌與主題展示畫面進行合成,讓我們在挑選 WordPress 主題時更能想像最終完成的效果。想了解更多關於 EveryTheme 可以參考這一篇文章—>三十秒, 看見你的理想網站,或

試試 EveryTheme

 

 

28 篇留言

  1. […] 主要參考: WordPress主題選購指南 如何找出 WordPress 網站用的是哪個 THEME 布景主題? What WordPress Theme Is That WordPress主題購買後如何安裝成像展示的一樣? […]

  2. Stephen Tsai 說:

    您好
    經過您詳細的介紹與說明後
    6/13在themeforest買了一個主題Avada
    但想請教您
    下載後的檔案是themeforest-2833226-avada-responsive-multipurpose-theme.
    經過解壓縮後產生2個檔案分別是Avada_Full_Package和 __MACOSX.
    這是正確的嗎?因為和您的介紹的有差異.
    如果正確我需要在WP後台上傳的是 Avada_Full_Package / Avada Theme / Avada.zip這個檔案嗎?
    因為我在後台上傳後,與當初購買的樣板完全不一樣,只是基本的版面.
    如果方便,再麻煩您回覆
    萬分感謝

    • admin 說:

      上傳 Avada.zip 是沒錯的,所以您已經有啟用主題了嗎?啟用後如果只是基本的版面,在他們的產品頁面說明中,有一個 One Click Demo Import 的功能,應該會在您安裝完主題後出現,但因為我也沒買過這套主題,也不太清楚實際的位置,如果還是沒有找到,您方便的話可以把安裝完後的截圖寄給我,我可以幫忙看一下,我的 email 是 m615926@gmail.com,希望能幫上您的忙!

      • JAMES 說:

        你好,我與這位版友遇上一樣的問題,看著說明影片上傳了 avada theme 資料夾裡面的 avada.zip,

        依照說明影片的做法應該是成功,但我卻不成功 出現了 http://ppt.cc/nIh-

        在此求助,買下來後搞了三個晚上沒都弄不好,朋友又不會,花了快兩千不想放棄這個主題啊

        我是在這買的 http://themeforest.net/

  3. Stephen Tsai 說:

    您好
    已找到功能置入鍵
    非常謝謝您的協助

  4. akami 說:

    請問購買一般許可的話,可以拿來幫別人架幾個網站呢@@? 有上限嗎?
    可以商用嗎? 謝謝

    • admin 說:

      可以商用,但只能使用在一個網域底下,這邊有說明:http://themeforest.net/licenses/terms/regular

  5. HUANGYUCHE 說:

    想請問一下,為什麼安裝完以後會出現登入需要帳號密碼?

    • admin 說:

      有些主題為了防止盜版,都會有帳號密碼的設定,如果您是在 Themeforest 購買的,下載的文件內應該都有說明該如何啟用!

  6. CHEN 說:

    不好意思,請叫一下我將WP掛上虛擬主機,但我如何將過去寫的文章同時放上去?

    • oberon 說:

      在後臺 > 工具 > 匯入,您可以看您過去的文章是用那個服務寫的,譬如是用 Blogger 寫的,就裝 Blogger 的匯入工具就好,這樣就能匯入了!

  7. Sean 說:

    你好,我在themeforest購買了Bridge主題,下載了一個
    themeforest-7315054-bridge-creative-multipurpose-wordpress-theme-wordpress-theme.zip
    在控制台要新增佈景主題,上傳要安裝時出現「你確定要這麼做?請再試一次。」的畫面,無法安裝成功。

    請問這是什麼問題呢?

  8. Vuzzi 說:

    你好 想請問 我安裝布景主題時他出現這個訊息 是什麼意思呢?

    檔案解壓縮中…

    安裝佈景主題中…

    無法安裝該軟體包。 The style.css stylesheet doesn’t contain a valid theme header.

    佈景主題安裝失敗。

    • oberon 說:

      您好,這是指這主題的 style.css 這個檔案,缺少一些註解,通常是會有:
      /**
      Theme Name: XXX
      Theme Description: XXX
      */
      您可以檢查 style.css 檔有沒有上述這兩行,沒有的話就把它加入,XXX 可以填入您專案的名稱與描述,您再試看看~

  9. Vuzzi 說:

    你好 我已在style.css 檔中自行增加
    /**
    Theme Name: baby blanket
    Theme Description: baby blanket
    */

    但仍無法完成安裝 顯示如下

    檔案解壓縮中…

    無法安裝該軟體包。 PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

  10. Vuzzi 說:

    還是說 我購買的這個 並不是一般安裝方法? 方便讓我傳給您幫我看看該如何安裝嗎? 我是使用godaddy的網路存取空間

    • oberon 說:

      您好~
      1.您可以透過 ftp 軟體上傳 theme 看看,上傳路徑為 wp-content/theme 底下
      2.如果還是無法正常安裝,建議可求助 theme 的開發商或是他們的 QA 頁面找看看,他們應該都會願意協助!

  11. 高顗豐 說:

    您好 請問購買AVADA THEME有使用期限嗎?
    Included: 6 months support from ThemeFusion 這個項目是甚麼意思呢?

    抱歉我是自學者,如冒犯還請見諒。謝謝您。

  12. 唐素玲 說:

    請問一下, 我買了Themeforest的Falco wordpress版, 但按照您的教學想要匯入xml時,因為這個版型中沒有dummy的xml, 我有找到這個版型根目錄有一個檔名叫wpml-config.xml的,但就出現Sorry, there has been an error.This does not appear to be a WXR file, missing/invalid WXR version number. 能否幫幫我不知道哪裡出問題,我想要跟版型範例一模一樣的已設計好的頁面,但一直失敗, 好灰心…嗚~~~~

    • oberon 說:

      您好,您可以看看在您購買的 theme 之中,有沒有相關的說明文件,通常作者都會把如何安裝的使用步驟寫在裡面,但每套 theme 的狀況都不太一樣,如果沒有的話可以寫信給作者,請他為您指導具體的匯入步驟。

  13. 赞一个! 非常不错的文字和图片教程!

    谢谢分享!

  14. jason 說:

    good job!!

回覆文章