TCDメディアサイトテーマRUMBLEの使い方:テキストのホバーリンクを赤色にカスタマイズ

TCDテーマ

本サイトはプロモーションが含まれています。

僕が使っているメディアサイトテーマTCDのGENSENや、RUMBLE、MAGなどのテーマのテキストリンクのカスタマイズだけど、テキストリンクは「TCDオプション」→「基本」から数のように買った当時のデフォルトのカラーを自由に変更できる。

この機能はサイトのテーマに合わせたリンクカラーを設定できるから便利だが、長年アフィリエイトをやっている僕にとっては、ただこれだけでは不満というかユーザーに不便をかけているのではないかと老婆心にながら思っている。
テキストリンク変更
テキストリンクの一般的な概念が、リンクを設定した時のテキストリンクカラーは青色系で、そのテキストにカーソル(タップ)を置けば、赤色に変化する。

こうなることで、ユーザーは何がしかの情報を得られるという解釈を持っている。

つまり、ホバーリンクが、従来の赤色に変換しないので、リンクを貼っているかどうかユーザーにはわからない。

そしてTCDはテーマ別に、テキストリンクを変更するスタイルシートの記述が違うので面倒くださいのが少し不満です。
ですが、完成度は期待を裏切りません。
使っていけばいくほど、TCDの良さがわかってきます。

TCDのRUMBLEテキストリンクを赤色にする方法

TCDテーマオプション→基本設定→カスタムCSS

カスタムCSSに下記のCSSを記述すればOK

.p-entry__body a:hover {
color: #f00;

TCDテーマRUMBLE制作事例

RUMBLEで相撲観戦サイトを作った

RUMBLEデモサイト
相撲観戦が大好きなので毎場所の取り組み結果や力士たちの近況、相撲部屋のアクセスなどをまとめています。

RUMBLEで旅サイトを作った

RUMBLEデモサイト
僕のお気に入りのニース・モナコ旅行のブログを作っています。

RUMBLEデモサイトを見る

関連記事

  1. TCDテーマ使い方

    TCDテーマの選び方、使い方などよくある質問のまとめ

  2. ポータルサイトテーマGorgeous:TCDの入門テーマにおすすめ

  3. 企業の顔となるコーポレートサイトが簡単に作れるNANO

  4. TCDテーマ使い方

    TCD使い方~BRIDGEのグローバルメニューの背景色を変更

  5. FAKE作り方

    FAKEの使い方~固定ページが勝手にビジュアルページになるを解決

  6. 女性向けブログテーマChillの使い方:シンプルでオシャレな趣味のブロ…