カエレバをWPで使うには、WP側で設定する必要があります。
カエレバの登録はコチラ▶ ▶ ▶ カエレバ
【広告コード生成の時の注意】
下のチェック部分、をここにあるようにしておきます。
これからの作業はカエレバで登録を終了してからの作業です。やることは簡単です。
*他のテーマを使ったことがないので、他のテーマにも共通するかどうか、わかりません。
Diverの設定
- ダッシュボード → Diverオプション → 投稿設定を開く
- 一番下にある「カエレバ・ヨメレバ・・・」にチェック入れる。
これで終了。
ひょっとしたら始めからチェック入っているのかもね。w
それでは試しに、記事にカエレバで作った広告コード(ブログパーツ)を貼りつけてみましょう。(テキストエディタでね。)
これで表示されるDiverのデフォルトの見え方が↓の画像の上になります。
私的には、デフォルトのままだと、画像もフォントサイズ・ショップボタンも大きすぎると思うので、それぞれを小さくするようにカスタマイズしました。
それが下の方の画像です。全体に左寄りになって、コンパクトに見えますよね。
カスタマイズしました、なんちゃって!!
で、高木さんに書いてもらっただけ(>_<)
そのCSSがこれ↓
これをコピーして「追加CSS」に貼りつけて保存します。
.booklink-image, .kaerebalink-image, .tomarebalink-image{
width:80px !important;
}
/** 文字サイズ **/
.booklink-name>a, .kaerebalink-name>a, .tomarebalink-name>a {
font-size: 14px !important;
}
.content .kaerebalink-link1>div{
width: 26%;
}
.content .kaerebalink-link1 a{
padding: 1%;
font-size: .8em;
}
*カエレバの表示を少し変える、カスタマイズ方法
- メニューから
- 外観→カスタマイズ
《もうひとつのカスタマイズメニューの出し方》
サイトを開いた上にあるメニューで「カスタマイズ」クリック。
右上の「変更」ボタンをクリックして保存。終了。
そういうことが腑に落ちます。