テーマのレビュー

テーマプレス

TCDの「BRIDGE」を購入後に設定した方が良い点をまとめました

TCDのテーマ「BRIDGE」を購入してみました。

DigiPressのMAGJAMを使っていたのですが、ランキング機能がすばらしいBRIDGEが気になっていたんです。

実際に購入したところ、変更した方がいいかなと思った設定箇所を書いてみようと思います。

★アフィリエイト向けテーマはこちら↓
アフィリエイトに特化したテーマ一覧。複数サイト対応も調べました>>

見出しの書き換え

他のテーマからTCDのテーマに変えると、見出しレベルを直す必要があります。

一般的にH2のタグを使うところを、TCDのテーマはH3のタグを使っているためです。

すべての記事のタグを、BRIDGE用に書き換えましょう。

これは置換プラグインを使って書き換えようとしましたが、上手くいかずに手動で全部直しました。

この作業に時間がかかる点には注意が必要です。

また、TCDではデザインの崩れを防ぐために、見出しの装飾が最小限に抑えられています。

デザインの好みは人それぞれですが、私は少し装飾が欲しい人なので変更しました。

見出しはカスタムCSSで変更をします。

外観→TCDテーマオプション→カスタムCSS

に設定欄があります。

無理矢理importantで書き換えてしまっていますが、参考までにコードを載せておきます^_^;

コードはこちらです↓
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

.style3a {
padding:1.2em .3em 1.0em !important;
font-weight:700 !important;
background-color: #f6f6f6;
border-left: 9px solid #0187bc;
font-size:22px;
color:#0187bc;
border-bottom: 1px solid #ccc !important;
border-top:none !important;
}

.style3b {
padding:1.2em .3em 1.0em !important;
font-weight:700 !important;
background-color: #f6f6f6;
border-left: 9px solid #e56f14;
font-size:22px;
color: #e56f14;
border-bottom: 1px solid #ccc !important;
border-top:none !important;
}

.style4a {
color: #014760;
font-weight:700 !important;
font-size:18px;
padding: .3em 0 .5em .75em !important;
border-left: 5px solid #0194c7 !important;
border-bottom: 1px solid #ccc !important;
}

.style4b {
color: #014760;
font-weight:700 !important;
font-size:18px;
padding: .3em 0 .5em .75em !important;
border-left: 5px solid #e56f14 !important;
border-bottom: 1px solid #ccc !important;
}

.style5a {
font-size:18px;
font-weight:700;
border-left: 2px solid #0194c7 !important;
margin:2em 0 1em !important;
padding:.5em .8em .3em .5em !important;
border-bottom: none !important;
background: none !important;
box-shadow: none !important;
}

.style5b {
font-size:18px;
font-weight:700 !important;
color: #014760 !important;
border-left: 2px solid #e56f14 !important;
margin:2em 0 1em !important;
padding:.5em .8em .3em .5em !important;
border-bottom: none !important;
background: none !important;
box-shadow: none !important;
border-radius: 0px !important;
}

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

アイキャッチ画像

アイキャッチ画像を850×500のサイズで作成し直しています。

そのときに気づいたのは、BRIDGEはテーマの背景が白なんですよね…

そのため、アイキャッチ画像の縁まで白があると、背景とアイキャッチが白でつながってしまいます。

現時点では、画像の切り抜きをするときに、グレーの枠を画像に書き込むことで対応しています。

白のある画像を使う方は注意した方が良いと思います。

カテゴリーの色

BRIDGEでは、カテゴリーの色はデフォルトで青色です。

同じ色で統一感のあるサイトを作りたい方はそのままでいいのですが、色を変えると楽しい雰囲気になります。

当サイトでは、カテゴリーが5つあるので5色設定しました。

投稿→カテゴリーとクリックすると、下の画面になります↓
BRIDGEカラー設定画面

すると自分が作ったカテゴリーがあるので、色を変えたいカテゴリーをクリックします。

BRIDGEカラー設定画面

カテゴリーの編集の画面になります。一番下の方にカラー設定箇所があるので、自分の好みの色を選択します。

ちなみに私が選んだカラーは次の5つです。(見た目で適当に決めました。)

  1. 青色  #6193bf
  2. 緑色  #679b30
  3. 橙色  #dd9933
  4. 黄色  #d3bb1d
  5. 紫色  #8c66a3

BRIDGEにしてみた感想

他のテーマから乗り換えるのは手間がかかりますが、ランキング表示が綺麗に仕上がるのは嬉しいです。

BRIDGEは、同じTCDのMAGと比べてみると、設定できる項目が非常に多くなっています。

WordPress初心者だと戸惑うかもしれません。

でも、それも最初のうちだけ。

慣れれば自分好みのサイトを作れるのでいいですよ^^

購入して良かったと感じられるテーマです。

★ランキング機能はこちら↓
TCD「BRIDGE」のアフィリエイト向けランキング機能を紹介します>>

★機能の紹介です↓
TCDの「BRIDGE」はランキングと評価の機能が素晴らしいテーマ>>

BRIDGEの詳細はこちら>>

関連記事

  1. fresco

    DigiPressの「fresco」は、超多機能なスライダーが搭載され…

  2. TCDのAVANT

    TCDの「AVANT」は、イベント情報の掲載と管理ができるテーマ

  3. Diverのテーマ

    アフィリエイト向けテーマ「Diver」の機能がすごいことになっている!…

  4. ICONICテーマ

    TCDの「ICONIC」は、安価で美しいECサイトを作成できるテーマ!…

  5. TCDのONE

    TCDの「ONE」は、魅力的なワンカラムと高機能CTA搭載のブログテー…

  6. modeトップ画面

    isotypeの「MODE」は動画スライダーや記事のフィルタリング可能…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


PAGE TOP

ブログの作り方

TCDの「Switch」で企業サイトを作る手順1。設定の仕方を説明

TCDのSwitchでサイト作成

ブログの作り方

Diverでブログを作る手順1。プロフィールや記事スライダーを設定しよう

Diverでブログを作る

ブログの作り方

TCDの「ONE」でブログを作る手順。トップ画面と記事の設定をします

ONEでブログを作る

ブログの作り方

「SANGO」のテーマでメニューボックスを設置してみよう

SANGOメニューボックス

ブログの作り方

スワローでブログを作る手順1。基本設定と人気記事を作成

スワローでブログ作成1

ブログの作り方

Bloomでブログを作る手順1。記事スライダーとウィジェットを設置

Bloomでブログを作る