grayishスキン適用中

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

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

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

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

\WordPressの情報を発信中!/

わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする

高速かつ高い安定性を誇る高性能レンタルサーバー【エックスサーバー】稼働率99.99%以上の高い安定性で、業界トップクラスの高コストパフォーマンスを誇る高品質レンタルサーバーです。

まずは無料お試し10日間。

サービス運営期間:20年

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