現在デフォルトスキンとして「Season(Summer)」適用中。

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

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

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

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

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

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

スポンサーリンク

カスタマイズ方法

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

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

.bb-check::before{
  content: "\f00c  チェック";
}

.bb-comment::before{
  content: "\f075  コメント";
}

.bb-point::before{
  content: "\f0eb  ポイント";
}

.bb-tips::before{
  content: "\f19d  ティップス";
}

.bb-hint::before{
  content: "\f0f3  ヒント";
}

.bb-pickup::before{
  content: "\f005  ピックアップ";
}

.bb-bookmark::before{
  content: "\f02e  ブックマーク";
}

.bb-memo::before{
  content: "\f040  メモ";
}

.bb-download::before{
  content: "\f019  ダウンロード";
}

.bb-break::before{
  content: "\f0f4  休憩";
}

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

表示デモ

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

チェック

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

コメント

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

ポイント

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

ティップス

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

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

ヒント

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

ピックアップ

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

ブックマーク

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

メモ

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

ダウンロード

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

ブレイク

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

Amazon

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

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

わいひらをフォローする
わいひらをフォローする
おすすめレンタルサーバー

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:2年9ヶ月

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:9ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:15年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:7ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon

コメント

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