qTranslate XTによる言語切替

言語切替リンク

使用するプラグイン：qTranslate XT

管理者画面の左ナビにある「外観＞ウィジェット」で言語切替ボタンを設置できます。
また、ウィジェットを利用しない場合は下記コードで表示が可能です。

<?php
	$current_url = $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
?>

<li class="lang-ja">
	<a href="<?php echo qtranxf_convertURL($current_url, 'ja', '', true);?>" hreflang="ja" title="Japanese" class="qtranxs_image qtranxs_image_ja">
		<img src="<?php echo plugins_url('qtranslate-x'); ?>/flags/jp.png" alt="Japanese" />
	</a>
</li>
<li class="lang-en">
	<a href="<?php echo qtranxf_convertURL($current_url, 'en','',  true);?>" hreflang="en" title="English" class="qtranxs_image qtranxs_image_en">
		<img src="<?php echo plugins_url('qtranslate-x'); ?>/flags/us.png" alt="English" />
	</a>
</li>

条件分岐

英語かそれ以外で分岐させる場合は下記の通りです。

<?php if(qtranxf_getLanguage()=='en'): ?>
	English
<?php else:?>
	Other
<?php endif;?>

日本語の状態では「foo」、英語の状態で「bar」と表示させる。

[:ja]foo[:en]bar[:]

Retinaディスプレイ用（日本語のみ）

<?php if(qtranxf_getLanguage()=='en'): ?>
	<div class="cat-notes"><img src="<?php bloginfo('template_url'); ?>/images/cat/<?php echo $ancCateSlug; ?>-en.png" /></div>
<?php else:?>
	<div class="cat-notes"><img src="<?php bloginfo('template_url'); ?>/images/cat/<?php echo $ancCateSlug; ?>.png" srcset="<?php bloginfo('template_url'); ?>/images/cat/<?php echo $ancCateSlug; ?>.png 1x,<?php bloginfo('template_url'); ?>/images/cat/<?php echo $ancCateSlug; ?>@2x.png 2x" /></div>
<?php endif;?>

このサンプルでは、カテゴリスラッグ名を自動で割り当てています。
Retina用に元となる画像の2倍サイズの画像を「カテゴリスラッグ名@2x.png」として保存します。