WordPress サイトタイトルとキャッチフレーズを英語にする方法

2020.11.17

WordPressに無料テーマ「Cocoon」で構築したサイトに「Bogo」をプラグイン。

これだけでは、「サイトタイトル」と「キャッチフレーズ」が英語になりません。

「英語」変換に挑戦

WordPressを立ち上げて3か月余りの初心者が挑戦。
まったく解らないので、あちらこちらとサイトを探して挑戦したが、うまく行きません。

素人ながら、「Cocoon Child: テーマのための関数 (functions.php)」を編集したので紹介します。

【サイトタイトル】
日本語：ぶろぐ「ふどうしん」
英　語：Bolg ”Fudoushin”

【キャッチフレーズ】
日本語：「何事にも動じない精神」を大切に。日々の出来事を通して、成長・成功を模索するブログです。
英　語：”Sprit of No Fear”, Seeking the growth and success from ordinary life.

こんな表示が出来るようにしてみます。

Cocoonの子テーマに関数を書き込む

ダッシュボードの外観からテーマエディターを選択。編集するテーマで「Cocoon Child」を選択してfunctions.phpに下記の関数を書き込むことで英語変換が出来るようになりました。

※ 別サイトでテストしてから、コチラのサイトに貼り付けて問題がなかったので大丈夫だと思いますが、テスト中は何回か真っ白の画面になったので、使用は自己責任でお願いします。

//現在使用中の言語表示
function alart_language(){
	$lang = get_bloginfo('language');
	$alert = "<script type='text/javascript'&gtalert('$lang');
	&lt/script&gt";
	echo $alert;
	
	if($lang == 'ja'){
		$alert = "&ltscript type='text/javascript'&gtalert('日本語を表示します');
		&lt/script&gt";
		echo $alert;
	}
	elseif($lang == 'en-US'){
		$alert = "&ltscript type='text/javascript'&gtalert('Showing English');
		&lt/script&gt";
		echo $alert;
	}
}

//言語の変換後テキストデータを読み込む
function translateHeader(){
	//-------------------------------------------------------------------------------
	//------!!言語直接変換用テスト!!--BOGOの言語もすべて切り替えてします。!!---------
	//-------------------------------------------------------------------------------
	//ここから
	$lang = get_bloginfo('language');
	
	//日本語切り替え
	if($lang == 'ja'){
		update_option('blogname','北の星');
		update_option('blogdescription','自分らしく');
	}
	//英語切り替え
	elseif($lang == 'en-US'){
		update_option('blogname','Northern Stars');
		update_option('blogdescription','Be Yourself');
	}
	//多言語追加用テンプレ
	/*
	elseif($lang == '○○語'){
		update_option('blogname','変更後のタイトル');
		update_option('blogdescription','変更後のキャッチフレーズのテキスト');
	}*/
	
	//ここまで
	//-------------------------------------------------------------------------------
	//------!!言語直接変換用テスト!!--BOGOの言語もすべて切り替えてします。!!---------
	//-------------------------------------------------------------------------------
}

function localize_title() {
	
	//個々の変数を切り替えてデバッグ表示の有無を切り替えてください。
	$debug = false;
	
	//デバッグONで現在の言語を表示
	if($debug　== true)
		alart_language();
	
	//言語切り替え関数呼び出し
	translateHeader();
}

function set_after_parent_theme() {
	add_filter('pre_get_document_title', 'localize_title');
}

add_action('after_setup_theme', 'set_after_parent_theme', 10);

言語は　$lang = get_bloginfo(‘language’);　で引き出してきています。

サイトタイトル（blogname）とキャッチフレーズ（blogdescription）は書き出し場所が解らなかったので、　update_option　にしました。

この場合、blognameとblogdescriptionは「日本語」と「英語」をphp内で直接を書き換える必要があるので少し不便です。

CSSで文字の大きさと太さを変える

これは簡単にできました。
「Cocoon Child」のstyle.cssに下記を貼り付ければ出来上がりです。

.site-name-text{
font-size: 38px;
font-weight: 700;
}

font-sizeの数字を変えれば文字の大きさが変わります。（好みで変更してください）
font-weightの数字で文字の太さを変更できます。（標準サイズは400です）

サイトタイトルとキャッチフレーズを英語に切り替えることが出来ました。
もっと簡単な方法があれば「誰か、いい方法を誰か教えて下さい！」

タイトルとURLをコピーしました