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

テキストリンク変更

僕が使っているメディアサイトテーマ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. WordPressテーマ「BRIDGE」

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

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

  3. TCDテーマPrecious

    TCDテーマPreciousでカスタムフィールドが表示されない不具合を…

  4. 鉄板商品アフィリエイト

    TCDのランディングページでアフィリエイトサイトを作る提案

  5. エックスサーバー

    TCDテーマと相性が良いエックスサーバー

  6. ブログテーマZEROの使い方:広告スペースの不具合~アドセンスが掲載で…