THOR」へ変更しました。THOR】タグ管理機能をCSSでカスタマイズ!2020年1月15日2020年1月15日ザ・トールザ・トールここあです。THOR(ザ・トール)」には非常に便利な機能がたくさんあります。「タグ管理」機能がそのうちの1つです。THOR5.0一流の開発陣によって集客と収益に徹底的にこだわり開発された究極のテーマ「ザ・トール」。どのテーマよりも早く実装された革新的機能が詰まったこのテーマで、あなたもインターネットを活用したビジネスを始めませんか?レビューページへ公式サイトシンプルに広告だけを表示させたりすることが可能なので記事の用途に合わせて上手く挿入することで、抜群の効果を発揮できます。何よりも、タグ管理機能を使えばショートコードで記事内に広告の挿入が可能なので万が一広告を入れ替えたくなった際にもその元となるタグ管理の情報を入れ替えるだけで全ての広告が一気に張り替えられるのが便利です。THOR(ザ・トール)は集客と収益にこだわり開発されたテーマなので、「タグ管理」機能以外にも以下のような記事下CTA機能などで広告を表示させ最後まできちんと記事を読んでくれたネットユーザーに行動喚起することも可能です。THOR:タグ管理機能の設定方法そもそも「タグ管理機能とは何ぞや?」と思うネットユーザーや、まだタグ管理機能について把握できていないTHORユーザーもいると思いますので先に、タグ管理機能の設定方法について簡単に解説させていただきます。タグ管理機能が分かっているというあなたは読み飛ばしてくださいね。THORのタグ管理機能を使う場合は、まず最初にダッシュボードメニューから、タグ管理をクリックし新規追加をクリックします。すると、このような記事投稿画面と同じような入力画面が開きます。通常の記事投稿画面と違うのは以下のように、右側のサイドバーにタグ専用のショートコードやタグを設置した後に分析できるクリック率(CTR)のデータなどがしっかりと取れるところです。タグ管理機能をきちんと使えばどの広告がどれだけクリックされたかなどリアルな数字で分析することができブログからの収益にきちんと繋げることができるようになります。タグ管理機能は確実に活かしていきたいものです。タグ管理機能が特殊なのはタグ管理の編集画面をそのまま下までスクロールするとあらかじめ広告タグをレビューのように表示させられる「タグ管理オリジナルフォーマット」が用意されており必要な項目をただ入力するだけでわざわざデザインしなくともショートコードさえ入力すればこのような広告を簡単に記事内に表示させることが可能です。THOR5.0一流の開発陣によって集客と収益に徹底的にこだわり開発された究極のテーマ「ザ・トール」。THORのタグ管理機能は非常に便利ですしこうして記事だけ読んでいると「一体何が不満なんだ?」と言いたくなる人もいらっしゃるかもしれません(笑)しかし、あなたに覚えておいて欲しいのはただ記事を読むのと、実際に使ってみるのとでは、あなたが想像している以上に違うということ。どのテーマにしてもそうですがはっきり言っていくら評判が良いテーマであってもあなたご自身で使ってみないことには本当に良いテーマかどうかは分からないのです。人それぞれ重視する部分やこだわり求めている機能が違うからです。どんなテーマであっても利用者が増えれば、それだけ不満もたくさん出ますし全ての人を満足させるテーマははっきり言ってどこを探しても見つかることはありません。いうことで、あなたがテーマを選ぶ時、特に有料テーマの場合は何を重視するかをあらかじめきちんと決めてから手に入れるようにしてくださいね。THORユーザーの不満というのがかなり見えてきたこともあり今回、タグ管理機能のカスタマイズ方法について簡単にではありますが、解説させていただこうと思いました。いうのも、CSSでカスタマイズしたいけど「できなかった」という意見が多かったからです。そんなTHORユーザーに素直に応えたいと思いCSSによるカスタマイズ方法を少しだけまとめました。タグ管理機能のカスタマイズ方法タグ管理機能のカスタマイズに関してはHTMLで個別に指定できるものでありません。ここから先はCSSを使ったカスタマイズ方法をあなたにお伝えさせていただきますが基本的には全てのタグ情報に影響することになりますのであなたがカスタマイズする際にはタグ管理のデータをどう活用したいのかをあらかじめ決めてからカスタマイズするようにしてくださいね。タグ管理の記事を私が読んでいて一番不満が多かった記事がこれ。THORの開発側としてはおそらく便利なタグ管理機能を実装したことでタグランキングを手軽に使って欲しいという狙いがあると思います。「THORユーザーの心理」だと私は様々な記事を読んで感じました。THORのタグ管理データをあなたの思うがままにデザインカスタマイズしてみてください。タグ管理機能の罫線を消したいTHORユーザーの希望として最も多かったタグ管理機能の罫線を丸々削除したい場合は以下のCSSを追加CSSの部分にコピペして記述しましょう。0px;}そうすると、あなたが不要だと思っていた罫線が綺麗に消えます。「padding」も0にしたので、上下左右の余白も全て消えます。0px;の数字を10pxとか5pxなどに調整してみてください。デフォルトの数字は20pxなので、paddingを20pxにすると、ただ罫線だけを消した状態と同じになります。タグ管理機能の罫線を細くしたい続いて、タグ管理機能で表示される罫線を完全に消すのではなく、太さを変える場合。そんな時は、以下のCSSコードをコピペしましょう。20px;}罫線が細くなりスッキリしたように見えます。上記コードには罫線の太さや色を変えるためのCSSの記述があります。#ccc;のsolidをdashedに変えることで変更することが可能です。同じ広告枠でも罫線の太さや色でだいぶ雰囲気が変わりますよね。微調整する場合は、あなたのサイトイメージに合わせてお好みで調整してみてください。罫線などを消すのではなく、より目立たせるために背景色を付けたいという方もいらっしゃるかもしれません。↓こんな感じに...ということで、背景色を設定したい場合は以下のCSSコードを追加CSSにコピペしてください。#fffeeb;にある「#fffeeb」を他のカラーコードに変更してください。#ccc;の#cccのカラーコードを変えることで外側の罫線の色も変更することができます。星マークの色を変えたいカスタマイズし出すとキリがないんですが(笑)タグ管理機能の★マークの色を変えたい!という方がもしかするといらっしゃるかもしれません。↓こんな感じに...ということで、完全に余計なカスタマイズにはなりますがもしも「俺は星の色を変えたいんや!」という方がおられましたら、以下のCSSをコピペしましょう。#fc729c;のカラーコードを変えれば色が変わります。THORユーザー数名のストレスは解消できると私は固く信じています(笑)最後にデフォルト機能にはなりますが念のためタグ管理機能のボタンカラーを変える方法を簡単に解説させていただきます。カスタマイズをクリックしさらに基本設定[THE]をクリックします。すると、基本設定[THE]の項目内に「タグ管理設定」という項目がありますのでタグ管理設定の中にある以下の「ボタンカラー設定」で変更することが可能です。以上、タグ管理機能のデザインカスタマイズの方法を簡単に解説させていただきました。THORのタグ管理機能をカスタマイズする方法を中心に解説させていただきました。THORのタグ管理機能はタグランキングを作ったり、プリセットパーツと組み合わせてさらに充実した内容を盛り込むことも可能です。THORのタグ管理機能は正直まだまだこの程度の説明では終われません。いうことで、また別の機会に、このタグ管理機能を生かしたタグランキングの作り方やプリセットパーツを使った組み合わせ方法などもじっくり解説したいと思います。THORに関する様々な記事を書いてますが記事を書いていると新しい発見があったり自分が思いもしない部分にストレスを感じている方たちがいてすごく勉強になるし、面白いです。何よりも、自分もそんな便利な機能をきちんと使ってみたいと思うようになります。いう意味では多機能なテーマというのは使い込めば使いこむほど、奥深く感じますし自分もまだまだ使いこなせていないなと初心に立ち返り頑張ろうと思うことができます。THORを活かしたブログを楽しんで運営していきたいと思います。一流の開発陣によって集客と収益に徹底的にこだわり開発された究極のテーマ「ザ・トール」。THORの使い方】タグランキングの設定方法を詳しく解説!この記事を書いた人ここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。詳しいプロフィールはこちら人脈が成功への最短ルート!私がMonologueを勧める理由WordPress設置代行始めました!※設置代行はメルマガ読者限定です。THORSTORKここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。●20年サラリーマンをしてきてなぜ今になって脱サラしたのか?●安定を求めれば求めるほど不安定になる理由とは?●いくら知識があっても、あなたが絶対に成功できない理由など、無料メール講座本編では、決して表には出せない秘匿性の高い情報もたくさん提供していきます。※この無料メール講座は、私が有料セミナーで直接成功者たちから聞いた内容も多数含まれているため、予告なく募集を終了する可能性があります。印刷会社と取引がある制作プロダクションで様々な経験や実績を積み、2017年に独立。現在は、グラフィックデザインを生かしたWebデザインのビジネスを展開しながら、ネットを生かした情婦発信を行い、新しい働き方や楽しい人生の過ごし方についてもお伝えしています。