「メイド・イン・ヘブン」スキン適用中

拡張スタイル「タブボックス」のラベルを日本語化するカスタマイズ方法

CSS
この記事は約4分で読めます。

Cocoonデフォルトのタブボックスラベル表記は以下のように英語表記です。

英語表記のタブボックスラベル

これを以下のように日本語表記にするカスタマイズ方法の紹介です。

日本語表記のタブボックスラベル

カスタマイズ方法

カスタマイズといっても、やることはCSSでスタイルを上書きするだけです。

子テーマのstyle.cssに以下のコードを貼り付けてください。

.bb-check .bb-label::after{
  content: "チェック";
}


.bb-comment .bb-label::after{
  content: "コメント";
}


.bb-point .bb-label::after{
  content: "ポイント";
}


.bb-tips .bb-label::after{
  content: "ティップス";
}


.bb-hint .bb-label::after{
  content: "ヒント";
}


.bb-pickup .bb-label::after{
  content: "ピックアップ";
}


.bb-bookmark .bb-label::after{
  content: "ブックマーク";
}


.bb-memo .bb-label::after{
  content: "メモ";
}


.bb-download .bb-label::after{
  content: "ダウンロード";
}


.bb-break .bb-label::after{
  content: "休憩";
}


.bb-amazon .bb-label::after{
  content: "アマゾン";
}
中には、わざわざ日本語表記する必要もないものもあると思うので、変更不要のものは削除してください。

表示デモ

実際に、このページだけにスタイルを適用させてみると以下のような表示になります。

チェック

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

コメント

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

ポイント

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

ティップス

今のところは複数形のみ。

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

ヒント

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

ピックアップ

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

ブックマーク

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

メモ

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

ダウンロード

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

ブレイク

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。

Amazon

吾輩は猫である。名前はまだ無い。
メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
私わたくしはその人を常に先生と呼んでいた。
ある日の暮方の事である。
タイトルとURLをコピーしました