【THE THOR】タグ管理機能の邪魔な枠線を消す方法(超簡単)

  • 2020年3月25日
  • 2020年3月31日
  • THE THOR

THE THORのタグ管理機能を使うにあたり、勝手に表示される枠線があまりにも邪魔すぎたので、タグ管理の枠線を削除してサイズを小さくせずに表示させる方法を解説します。

THE THORをつかっている方は必ず参考ください

タグ管理機能の枠線が邪魔

タグ管理機能で登録したアフィリエイトリンクなどは、すべて画像のように灰色の枠線で囲まれてしまってサイズが小さく見えてしまいます。

邪魔だと思っていた人も多いのではないでしょうか?

実はこれはCSSで記述されているだけなので、上書きしてしまえば簡単に消せるんです。

ここまでで、もう方法がわかったという方は試してみてください。この記事でCSSを見つけて直す方法を解説しています、わからない方も自分で考えてみてくださいね>>CSSをスマホにだけ適応させて文字サイズ・行間を修正する方法

まあすぐ下で答えはわかるんですけどね

タグ管理機能の邪魔な枠線を消す方法

以下のCSSのソースコードをカスタマイズ>追加CSSに追加してください。

/*タグ管理の枠を消す*/
.content .afTagBox{
	border: none;
	padding: 0px;
}

これで邪魔だった枠線も消え、かつ広告のサイズも小さくならずに済みます。

CSSの解説

CSSを勉強されている方に向けて、解説しておきます

.content .afTagBox{} :枠線のクラス名はafTagBoxなので、これで表示されるすべての枠線を指定しています。

border: none;:枠線を消します。元々はここがborder: 5px solid rgba(0,0,0,.05);になっていました

padding: 0px;:枠線の内側の隙間をなくします。元々はここがpadding: 20px;になっていました

THE THORのタグ管理機能はめちゃくちゃ便利

私も使い始めたばかりの頃は使いにくいと思っていましたが、実はタグ管理機能はめちゃ便利なんです。

タグ管理機能の良いところ

  • 毎回出てくる邪魔な枠線は消せる ←New!!
  • 同じ広告・アフィリエイトリンクをまとめて編集できる
  • ショートコードですぐに呼び出せる(idなんて覚えなくても使える裏技あり←ver2.0で解決!!
  • タグランキングを使ってランキングにもできる
  • フォーマットをつかって見やすくすることもできる(使わなくてもいい)

追記:ver2.0からタグ管理がメニューバーから簡単に呼び出せるようになりました。これは神アプデ!

こんなに良いところがあるのに、ちゃんと使い方を解説してくれないFIT(開発社)の方はどうかしてますよ!本当に

(開発チームの皆様、もしこの記事をご覧になったのであればユーザーへの使い方マニュアルの改善をよろしくお願い致します)

この記事はここまでです。

おすすめ記事

CSSをスマホにだけ適応させて文字サイズ・行間を修正する方法

「THE THOR」(ザ・トール)全標準ショートコードの使い方まとめ

THE THOR(ザ・トール)の評判|表示速度と使いにくさはNo.1

当サイトでも利用している筆者愛用のWordPressの有料テーマ「THE THOR(ザ・トール)」

圧倒的なSEO対策の強さ!しかもプラグインはほぼ不要!そして他のテーマとは明らかに違ったおしゃれなデザイン!。

SEO対策は標準で搭載されているので知識がほとんど不要で、初心者にこそおすすめできる最強の有料テーマとなっています

THE THORの使い方の記事も要チェック! >>THE THORの記事一覧へ

デモサイトの確認やテーマの購入はこちらからできます!

【圧倒的にSEOに強く・上位表示されやすいWordPressテーマ】 THE・THOR(ザ・トール)|テーマ&サポートプラン