Wordpressで多言語対応。英語用のCSSを追加したい。

Question

Wordpressで多言語対応にする「Polylang」プラグインを使用しています。
英語版の際に英語用のcssを読み込ませたいのですが、うまくいきません。
一番単純な方法は何でしょう？
英語版でhttp:●●●●.com/en/(lang="en-US")の設定にしています。

Answer 1

スタイルシートをどのようにロードしているかによってやり方は変わりますし、テーマによっても異なりますが、多くのテーマはfunctions.phpでスタイルシートを読み込ませているので、例えばTwenty Seventeenの場合だと

wp_enqueue_style( 'twentyseventeen-style', get_stylesheet_uri() );

このような記述で通常のスタイルシートを読み込ませています。
この部分を

$url = $_SERVER['REQUEST_URI'];
if( strstr( $url, '/en/' )) {
	wp_enqueue_style( 'en-style-css', get_theme_file_uri( '/en.css' ) );
} else {
	wp_enqueue_style( 'twentyseventeen-style', get_stylesheet_uri() );
}

このようにしてURLに/en/があれば英語用のスタイルシートを読み込ませて、/en/が無い場合は通常のスタイルシートを読み込ませるように分岐すればいいだけです。

header.phpで読み込ませているような場合だと

<?php $url = $_SERVER['REQUEST_URI'];
if( strstr( $url, '/en/' ) ) {
echo '<link rel="stylesheet" id="en-style-css" href="'.get_theme_file_uri().'/en.css" />';
} else {
echo '<link rel="stylesheet" id="style-css" href="'.get_stylesheet_uri().'" />';
}
?>

こんな風に分岐させてやればいいです。

Comments

[naru-a]

ありがとうございます。
疑問がクリアになりました。