新 文

M.J

Magento教程 11:Inline Translation前台改文

继上次介绍过如何在Magento后台编辑文字后,这次要和大家分享另一种更改文字的方法,
Magento里面称作Inline Translation,也就是直接于网页修改文字!
也许大家会有疑问,既然都是修改文字,这两者的分别差在哪呢?

这里为大家稍作整理:

后台编辑器:

主要功能为「编辑」,因此不只修改文字,还能像部落格一样新增图片、加入超连结等,进行文件编辑作业。 毕竟后台才是中央处理中心,在这里能修改的内容更多。

Inline Translation 网页前台修改:

当您要修改网站选单、产品简介等文字内容,或是翻译语言介面等,由于只有碰触文字部分,不必特意跑到后台修改,直接在网页上进行修改即可。

两者比较后,可以知道后台编辑器能进行的作业更广泛,适合做文字、图片的全面编辑;
而Inline Translation提供的是便利、简单的修改文字,无法进行图片、超连结等编辑作业。
但是,在做检查测试、细部微调时,Inline Translation会是相当省事的方法。

在预览网页时,突然发现一个错字,这时不必跑到后台找对应的网页修改,直接在网页上进行即可,省去了前台、后台两边跑的程序,并能当下确认修改结果。

接下来,就让我们进入Inline Translation的教学步骤,赶紧学起来应用在您的网站上吧!

由于Inline Translation必须登入IP才能进行修改,若您不晓得自己的IP位置,请先去google search 搜寻关键字「 My IP」。

Magento教程 11:Inline Translation前台改文

点选google search后,会显示您的IP位置,请复制这组数字。

Magento教程 11:Inline Translation前台改文

接着,登入您的帐号、密码并进入magento后台管理页面;在上排选单的最右边找寻System,点选最下方的configuartion。

Magento教程 11:Inline Translation前台改文

在configuartion的介面,于左边列表的最下方会看到developer,请点选进入。

Magento教程 11:Inline Translation前台改文

进入后,请点选Translate Inline展开栏位,在Enabled for Frontend的地方选择Yes;
接着您会看到Allowed IPs的栏位,请在此处贴上您的IP位置,才能进行Inline Translation。

注1:若同时有其他IP要进行此作业,请记得用「,」分隔每个IP位置,就可以一起修改啰!

Magento教程 11:Inline Translation前台改文

设定好后请前往网站,您会发现大部分的网页文字都有红框,这样就设定完成了;
当然,这样的画面,只有登入IP位置才能看到,因此不必担心会被顾客发现喔!

Magento教程 11:Inline Translation前台改文

更改的方法相当简单,只要将游标移到您想要更改的字,左侧就会出现书本的图案,此时请点选书本的图示。

Magento教程 11:Inline Translation前台改文

点进去后会出现以下视窗,请在Custom的栏位输入您要更改的字。

Magento教程 11:Inline Translation前台改文

假设我想将Category改成Category00,填好后按下submit送出。

Magento教程 11:Inline Translation前台改文

送出后先别急,请先重新整理网页,才会出现修改后的字喔!
但在某些状况下,重新整理也不见得能完成更改,此时,请再回去magento的后台管理,于上方选单中的system中,找寻cache management,并点选进去。

Magento教程 11:Inline Translation前台改文

进入画面后,请点选右上方的flush Magento Cache;特别注意,请勿点选到其他按钮,以免造成网站问题喔!

Magento教程 11:Inline Translation前台改文

最后再请您回到前台网站重新整理,就会看到修改后的结果啰!

Magento教程 11:Inline Translation前台改文

相信使用过Inline Translation的朋友们,会发现不是每个字都有红框可以修改;遇上这种情况时,还是得回去后台管理了!
毕竟Inline Translation提供的是简单、方便的管道,能修复的部分有限;但我们还是得肯定Inline Translation的优点,即时修改的便利性,以及完全不影响编码,让初学者也能驾轻就熟,不怕改字改到网站出问题!

想了解更多Magento教学?
请点选 Magento教学导览索引 ,帮助您快速找到需要资讯!

教学影片:

Astral Web制作编写

3 + 4 =

回到顶部