安裝套件:
wordpress購物網站多語系 TranslatePres

設定開啟

wordpress購物網站多語系 TranslatePres

我用的是選項3的 FLOATING 

wordpress購物網站多語系 TranslatePres

也可以使用選項2會顯示在菜單上
中文時顯示外文國旗才能成功切換 有點反直覺
勾選後要另外在菜單加上language switcher才會顯示

wordpress購物網站多語系 TranslatePres

 

預設的樣式在手機板上我覺得太大
隨手暴力塞了些自訂樣式縮小:


#trp-floater-ls.trp-bottom-right{
right: 1% !important;
    height: 40px !important;
    width: 70px !important;
}

#trp-floater-ls:hover {
    height: auto !important;
}

#trp-floater-ls-current-language  {
    display: flex !important;
    justify-content: center;
}

#trp-floater-ls:hover #trp-floater-ls-current-language {
    display: none !important;
}

#trp-floater-ls div:not(#trp-floater-poweredby)>a {
    flex-wrap: nowrap !important;
    padding: unset !important;
    justify-content: center;
    
}

 

直接丟這兒:

wordpress購物網站多語系 TranslatePres
wordpress購物網站多語系 TranslatePres

 

開始翻譯:

wordpress購物網站多語系 TranslatePres

翻譯完去到網頁切換語言就可以看到效果
實測過商品內頁也都能翻譯

wordpress購物網站多語系 TranslatePres

 

懶得一個一個翻也可以搭配自動翻譯:
wordpress購物網站多語系 TranslatePres

安裝完回上面的翻譯頁面會長出選項
要給一些時間跑翻譯

 

wordpress購物網站多語系 TranslatePres

切en產出翻譯
merge後就自動整頁套入了

wordpress購物網站多語系 TranslatePres

wordpress購物網站多語系 TranslatePres

 

有緩存記得要清才會生效

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 MonkeyJ 的頭像
    MonkeyJ

    程式猴

    MonkeyJ 發表在 痞客邦 留言(0) 人氣()