首页 - 正文

Qtranslate的进阶用法

技术分享, 网络资源

13/03/22

本文关键字: qtranslate, wordpress, 中英文, 双语

转自网络.

安装Qtranslate

Qtranslate可以在WP后台直接安装，目前已经支持WP最新版本：Qtranslate下载,WP的插件安装不再重复。

Qtranslate基本使用方法

启用插件后，大家可以发现，添加文章和添加页面会自动出现中英文标题和中英文正文编辑区域，因此，在写文章的时候，只需要手动输入双语内容即可。保存后查看数据库会发现post_content中的内容会自动变更为

<!--:zh-->正文内容<!--:--><!--:en-->Content<!--:-->

此处的

<!--:zh--><!--:-->

标签即为中英文判断标记。其中的zh为语言代码，在Qtranlate后台中可以自定义，一般中文为zh，英文为en。

除了上述的标记外，还可以用以下方式调用。

[:zh]正文内容[:en]Content

由于添加文章、页面，分类编辑均提供了语言编辑区域。因此，不需要再重复添加以上代码，系统会自动生成。

完成如上操作后，基本可以实现WP 文章、页面、分类目录的双语化。如何查看效果呢？

WP主题站点标题中英化

由于Qtranslate没有提供站点标题并没有提供语言编辑区域，表面上看无法实现双语化，很多人会想到，只要在后台编辑区域的站点标题中将标题手动更改为双语模式即可。

<!--:zh-->站点标题<!--:--><!--:en-->Sitename<!--:-->

但实际的调用是并没有效果，因此，为了实现标题双语化，需要更改两个地方：
1.将后台站点标题更改为

[:zh]站点标题[:en]Sitename

之所以要改段代码，是因为大部分标题不支持尖括号输出，尖括号极容易造成站点XSS。
2.修改主题header.php文件，查找

bloginfo( 'name' );

将其更改为

echo _e(apply_filters(' ', bloginfo( 'name' )));

WP主题自定义域中英化

一般主题不会存在自定义域，但很多WP高级主题需要调用到自定义域，例如酷站导航，我们往往会把酷站的URL填入到一个自定义域，如后在模板中统一调用。这样可以简化我们编辑文章，撰写html的麻烦。由于我们一般在调用自定义域内容的时候代码为

<?php echo get_post_meta(get_the_ID(), "price", true);?>

参考之前标题中英化，可以将上述代码更改为：

<?php echo _e(apply_filters(' ', _(get_post_meta($post->ID, 'price', true)))); ?>

WP主题版权信息中英化

为了省去版权信息编辑后台化的麻烦，我们喜欢在主题footer.php里面直接写入版权信息，因此，在实际调用中我们会写道类似代码：

<div id="colophon">
<span style="font-family:arial;">&copy;</span> 2004-2012 杭州XXXXX有限公司 版权所有
</div>

<div id="colophon">
<span style="font-family:arial;">&copy;</span> 2004-2012
<?php _e("<!--:zh-->杭州XXXXX有限公司 版权所有<!--:-->
<!--:en-->Hangzhou  XXXXX Co., Ltd. All Rights Reserved.<!--:-->");?>
</div>

根据以上的案例，如果主题中存在类似的中文信息，均可以使用该思路进行双语化。

WP主题菜单栏中英化

由于WP默认主题twentyten提供了菜单选项，我们可以自由地将页面、文章分类添加到菜单栏。根据之前提及的页面、分类中英化，菜单栏中的所有已知页面和分类均会自动切换中英文。我们的习惯会将首页放置在菜单栏中，一般情况下，我们会将首页做为一个自定义连接添加到菜单栏，此时出现的问题是：名称可以使用[:zh]和[:en]区分，但是链接怎么改都不行。

百般无奈只下，我只能手动将首页链接添加到主题模版。为了让页面自动判断中英为，可以使用如下代码：

<ul><li><a href="<?php bloginfo('url');?>">
<?php _e("<!--:zh-->首页<!--:--><!--:en-->Home<!--:-->");?></a></li></ul>

WP主题图片/LOGO中英化

上一节中的代码得益于WP自带函数bloginfo(‘url’)，但是

<!--:zh-->首页<!--:--><!--:en-->Home<!--:-->

中无法直接填写img代码，所以，只能考虑判断当前页面的语言属性，代码如下：

<?php if(qtrans_getLanguage()=='zh'): ?>
<img src="<?php bloginfo('template_url')>/images/logo_zh.png" />
<?php endif; ?>
<?php if(qtrans_getLanguage()=='en'): ?>
<img src="<?php bloginfo('template_url')>/images/logo_en.png" />
<?php endif; ?>

20130311更新

菜单中自定义链接的中英文化

我们在编辑主题时，常常需要在主题菜单中添加一个自定义连接放置首页。如果我们希望使用[:zh]这些代码判断链接，发现根本是无法添加的。因为这些代码并不是有效的链接，系统会自动清空无效代码。那么，如何实现自定义链接的中英文化呢？在QT作者的支持论坛中看到相关解决方法，代码如下：

add_filter('wp_nav_menu_objects', 'wp_nav_menu_objects_tip');
function wp_nav_menu_objects_tip($menu_items) {
   //print_r($menu_items); if you need to see them
   if (function_exists('qtrans_getLanguage')) {
      foreach ($menu_items as &$item) {
         if ($item->url == '#blog') {
            $lang = qtrans_getLanguage();
            if ($lang == 'zh') $item->url = '中文链接';
            if ($lang == 'en') $item->url = '英文链接';

         }
      }
   }
   return $menu_items;
}

这段代码需要更改的地方包括两个，1.$item->url == ‘#blog’ 此处的#blog为后台-菜单-自定义链接中填写的URL，也可以更换为#home等类似的有效连接。

2.if ($lang == ‘zh’) $item->url = ‘中文链接’; 根据自己实际的语言，编写对应的链接。

附：Qtranslate FAQ，Qtranslate 支持论坛。