TCDのWordPressテーマに乗り換える時の注意点。見出し関係がたいへんかも

おすすめテーマ

TCDのWordPressテーマに乗り換える時の注意点。見出し関係がたいへんかも

アフィリエイト

WordPressテーマをDigiPressからTCDというメーカーのテーマに変更しました。

変更したテーマは、当サイトで現在使っている「BRIDGE」というテーマです。

ランキング機能が他のテーマよりも高機能なので、思い切って購入してみました。

ところが実際に乗り換えてみたところ、案外手間がかかったので…

苦労したところなどを書いてみようと思います。

BRIDGEなどのTCDのテーマ全般にいえることなので参考にしてみてください。

★BRIDGEの記事はこちら↓
TCD「BRIDGE」はランキング機能が素晴らしいアフィリエイトテーマ

他テーマから乗り換えるときの注意点

他のメーカーからTCDに乗り換えるときの注意点を挙げてみます。

見出しレベルの修正
自分は、この変更に時間を取られました。
見出しの装飾
これは好みの問題ですが、デフォルトはシンプルなので変更したくなります。
アイキャッチの枠
BRIDGEでは、枠線を自分で付けた方が良いことがあります。

これらを順に説明してみます。

見出しレベルの修正

TCDのテーマでは、一般的なテーマと見出しの使い方が違います。

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

すべての記事の見出しを、BRIDGE用に書き換える必要があります。

WordPressには、文字の置換プラグインがあるのですが…

導入して一括で書き換えようとしましたが、上手く変換できません。

仕方ないので手作業で全部直しました。

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

見出しの装飾デザイン

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;
}

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