[コピペOK]トマレバのカスタマイズ「カード表示」っぽくするCSSを作成しました

ブログ運営・ウェブ運営をしている人むけに「トマレバ」のカスタマイズをご紹介します。

私たちが運営している沖縄の観光サイト「ODAY」でも、実際に使っているカスタマイズ
コピペで使えるようになっているのでご活用ください。

スポンサーリンク

トマレバってなに?

トマレバCSS

トマレバとは、ブログ・サイト上で、宿やホテルを紹介するためのブログパーツです。
楽天トラベル、じゃらん、JTBなどの宿泊予約サイトへのリンクを、簡単に表示できるようになります。

宿泊関係のリンクって生成するのが手間ですが、トマレバを使うと作業が一気に効率アップしますよ!

ちなみにトマレバは宿泊用のツールですが、同じようなもので、ネット通販用の「カエレバ」、書籍の紹介用「ヨメレバ」なんかもあります。

どれも便利でよく使わせていただいております。

わかったブログのかん吉さん、いつも素敵なツールをありがとうございます!)

トマレバのCSSカスタマイズ

今回、ご紹介するのはこんな感じのカスタマイズ。

トマレバ サンプル

DEMO

トマレバで生成したホテルのリンクをシンプルな表示に切り替えます。各旅行サービスへのリンクはブランドカラーに寄せた色合いのボタンにしてあります。

カスタマイズCSSの注意点

トマレバでリンクを生成する際に注意点があります。

トマレバCSSのカスタマイズ

デザインは、「amazlet風-2(cssカスタマイズ用)」を選択してお使いください!
(これに合わせてCSSを作っていますので、これ以外で表示確認していません)

カスタマイズ用CSSコード(コピペOK)

こちらがCSSコード。

これをコピペしてスタイルに加えれば、そのまま適用されます。CSSが分かる方は、あとはお好みで調整しても良いと思います。

記事中のコードは、動作を保証するものではございません。コードを利用したことで起きた一切の負債について当方は責任を負いません。必ず自己責任にてご利用くださいませ。

スポンサーリンク

関連記事

記事をシェアする

[コピペOK]トマレバのカスタマイズ「カード表示」っぽくするCSSを作成しました

Total7share

くらしにのらりとは
シンプルに、ゆるく、ざったに
等身大の暮らしを大切に
ムリなく、ゆるく実践して、
少しずつ自分たちの暮らしをシンプルに。
コンセプトをよむ
みなみの家
みなみのひげ、ピノ子
夫婦(30代)+子ども(0歳)の3人暮らし。在宅ワーカーで自宅にいる時間が長いので、家で快適に過ごせるよう試行錯誤中。沖縄県在住。
プロフィール詳細
×閉じる