Bogo 言語切替ボタン表示カスタマイズ : CSS + functions.php

// 言語切替ボタンで、国旗アイコンを表示しない
add_filter( 'bogo_use_flags','bogo_use_flags_false');
function bogo_use_flags_false(){
 return false;
}
	
// フック「bogo_language_switcher_links」を利用し、言語切り替えボタンの表記を変更
add_filter( 'bogo_language_switcher_links', function ( $links ) {
  for ( $i = 0; $i < count( $links ); $i ++ ) {
    // 各言語のtitle、native_name変更箇所
    //「native_name」は表示文字列、「title」はリンクのtitle属性
    // 日本語
    if ( 'ja' === $links[ $i ]['locale'] ) {
      $links[ $i ]['title']       = '日本語';
      $links[ $i ]['native_name'] = '日本語';
    }
    // 英語
	  if ( 'en_US' === $links[ $i ]['locale'] || 'en' === $links[ $i ]['locale'] || 'en_NZ' === $links[ $i ]['locale'] ||'en_CA' === $links[ $i ]['locale'] ||'en_GB' === $links[ $i ]['locale'] ||'en_AU' === $links[ $i ]['locale'] ) {
      $links[ $i ]['title']       = ' English ';
      $links[ $i ]['native_name'] = ' English ';
    }
  }
  return $links;
} );

// publicなカスタム投稿タイプに対応
add_filter( 'bogo_localizable_post_types', 'add_bogo_localizable_post_types' );
function add_bogo_localizable_post_types( $localizable ) {
  $args = array(
	  'public'   => true,
      '_builtin' => false
  );
  $custom_post_types = get_post_types( $args );
  return array_merge( $localizable, $custom_post_types );
}

// 最上部に言語切替ボタンを設置（Body直後にBogoのショートコードを挿入）
add_action( 'wp_body_open', function() {
	?>
	<div class="bogo_body_top" >
	<div class="bogo-language-switcher"><?php echo do_shortcode("[bogo]"); ?></div>
	</div>
<?php
});

/* Body直後に挿入するBogoショートコード用コンテナ */
.bogo_body_top{
	width: 100%;
}

/* 言語切り替えボタンの背景色・中央寄せ表示 */
.bogo-language-switcher {
  background-color: #dde7f1;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;  
}

/* 選択中言語切り替えボタンの色・文字表示 */
.bogo-language-switcher .current {
  background-color: #1E70DD;
  color: #ffffff;
	border-bottom: 3px solid #fff;
}

/* 選択中言語切り替えボタンの色・文字表示 */
.bogo-language-switcher .ja {
/* 言語ボタンの表示順（0が最初）*/
  order: 0;
  padding: 0 10px 0 10px;
  list-style-type:none;
  flex-grow: 1;
  }

.bogo-language-switcher .en {
/* 言語ボタンの表示順（0が最初）*/
  order: 1;
  padding: 0 10px 0 10px;
	list-style-type:none;
  flex-grow: 1;
  }