サイト全体に「COLORS(ブルー)」スキン適用中。
シンプルなWordPressテーマ

Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。
見た目はシンプルですが、初めての方でも感覚的に使えるように
便利な機能を織り込んで作りました。
100%GPLテーマなので自由にご利用いただけます。

ダウンロードページはこちら。

ダウンロード

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

CSS

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を作成。当サイトと寝ログを運営しています。

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

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

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
〇アダルト・出会い系サイト可
△安定性にやや欠ける

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

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

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

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
△アダルト・出会い系サイト可(条件あり)
△開始したてなので運営能力は未知数(対応良)

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

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

Cocoon

コメント

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