tcd-mag_ecmg

ワードプレス

魅力的なブログで収益化。ワードプレステーマTCD【MAG】の有効的な活用方法とカスタマイズまとめ

ワードプレスのTCDテーマ【MAG】。インストールするだけで、デザイン性の高いブログサイトに変身させてくれるキラーテンプレートです。キラーと言ってもスゴいスゴぉいのほうです。

tcd-mag_05

参考記事

【使用者レビュー】WordPress初心者にこそおすすめのブログテーマ、TCD「MAG」のデフォルト機能と魅力を徹底解説

が。ここでは、さ・ら・に、MAGのユーザビリティー・収益性・デザイン性を最大限に発揮する記事をまとめました。コピペで設定できる大胆なカスタマイズから基本的な設定例まで、すべてMAGをベースに解説しています。これらを参考に、アレンジして有効活用してください。

アレンジせずに「そのまま」活用していただいても構いません。
有用なカスタマイズは随時追加更新していきます。

安全第一。まずは「子テーマ」を作る

「10分で終わらせてくるっ!」WordPress子テーマの作り方を2ステップで簡単解説!

ワードプレステーマは機能やセキュリティー強化のために、定期的にアップデートされます。アップデート自体はボタンをポチッと押すだけなんですが・・・せっかく施したお気に入りカスタマイズが、上書きされて消えてしまいます

でも「子テーマ」を導入していれば大丈夫。カスタマイズ中に問題が起こったときも安心。メリットだらけ。とにかくまずは作っておきましょう。10分で済みます

記事下にカード型いいね!ボタンを設置

サイトデザインに合わせよう。TCDテーマ記事下にカード型「いいね!ボタン」をセンスよく設置する方法

記事下にシュピッ!とたたずむ、Facebookのカード型いいね!ボタン。

tcd-mag_01

うーんウツクシイ。サイト全体までシュピッ!と引き締まって見えてきますね。設置も簡単。MAGに最適化してあるコードをコピペするだけ。色や文言なども自由に変えられます。

記事装飾を簡単カスタマイズ

実践あるのみ!TCDテーマで学ぶ、記事装飾の簡単カスタマイズとCSSの基本

MAGには最初から、デザイン性の高いボタンや見出し、囲み枠、関連記事のカード型リンクなどがたくさん用意されています。しかも独自の「クイックタグ」機能で、一瞬で呼び出すことができるという・・・まさにボタンひとつ、ポチッとするだけ

quicktag_03

Requ.log トップページへ

上のボタンではあえてリンク先に飛ばないようにしてあります。

ええ、反則ギリギリな簡単さです。

WordPress初心者にオイシイ、簡単記事装飾。TCDテーマ「クイックタグ」機能の使い方

こんないい素材があれば、好みのものも自由につくれる。(マウスオーバーした時も気持ちいい)

Requ.log

CSSという名の、初心者にとっては魔物なアイツ。参考書などでイチから勉強するより、基礎的な理解が早まるのもメリット。せっかくセンスのいい素材を用意してくれているんです。

サイト運営の目的は、CSSの勉強じゃないはず。まずは実践で必要なことだけを知る。利用・応用できるようになって、さっさとスタートダッシュをキメてしまいましょう

オリジナルシェアボタンでページ表示を高速化

カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタマイズ

FacebookやTwitterなど、公式のSNSボタンは読込みが遅い。ページ表示が遅くなる原因のひとつです。そしてもーしわけないがデザインも統一感がなく野暮ったい。じゃあ、読込みが速くてカッコ美しい、オリジナルボタンを作りましょう。

tcd-mag_02

もちろんこれもMAGに最適化させているので、コピペで完了。さらに下の記事で、設置するシェアボタンの種類や順番、数、各ボタンの色変更に至るまで徹底フォローしています。

【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザイン変更と調整方法

tcd-mag_03

コピペで「そのまま」使えてしまうので、そこから好みに変更するのはとても簡単。サイトデザインにビシッ!とあわせる快感と、スムーズにページ表示させる効果を堪能してください。

ロゴの解像度を上げて美しく表示

【Retinaディスプレイ対応4】サイトの顔も綺麗に。TCDテーマなら3ステップで完了する、ロゴ画像の解像度アップ

このサイトでは最上部にロゴを配置しています。(スマホではあえて表示させていません)Windowsだけでなく、MacのRetinaディスプレイで見ても綺麗に表示されているのが確認できるでしょう。

requlog_logo

TCDテーマなら簡単3ステップ。さらにMAGなら2ステップで完了。上のように、色がジワーっと変化していくロゴの作り方にも触れています。

WEBサイト全体の画像をすべて、高解像度化したい欲張りなあなたはこちらのまとめを。

【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetinaディスプレイ対応方法

PCとスマホの広告設置枠を自由に配置

MAGのデザインをフル活用。PCとスマホの広告設置枠を自由に増やす、減らす、好きな場所へ移動する!

例えば「ある情報を今すぐ知りたい」状況のとき。広告がガンガン並んでいて、少し不快に感じたことはありませんか?まるでミスタッチを狙っているかのような罠に感じることさえある・・

今の時代、広告にはみんな超絶敏感。モバイルでのユーザビリティーだって超絶大事。そして本来、広告は訪問者の潜在的なニーズに応えるもの

switch-by-the-device_ins5

ユーザビリティー・収益性・デザイン性】。全部まるっと欲張ることは、これからますます大切なことになっていくはずです

だったらPCでもスマホでも、それぞれ思い通りに。広告だってセンスよく設置したい。作業もほとんどコピー!&!ペースト!大変そうで案外ヨユーです。ぜひ一歩先のクオリティーへ。

ad-placement-in-mag_32

ad-placement-in-mag_35

Facebook「ページプラグイン」を設置

「私の名前はページプラグイン。」Facebookページのいいね!ボタンをWordPressウィジェットに設置しよう

残念ながら、名前はあまり知られていない。しかしその容姿は端麗。あらゆる場所でひっぱりだこ。そんなケナゲな「ページプラグイン」お嬢さまをWEBサイトに設置しましょう。

tcd-mag_04

Facebookページとの連携はメリットが大きい。だってこんな「SNSってどーもニガテ・・」な私のサイトでさえ、「このサイトを見て」購読してくれている人がいるのだから。設置も簡単。でも意外と見落としがちな注意点にも触れています

MAGなら、独自に実装されているスクロール追尾型広告ウィジェットに使うのもアリですね。

Facebookまわりの表示を高速化

瞬間奥義「非同期設定」。Facebookのいいねボタン、ページプラグインたちの読込み遅延を斬るっ!

Facebookまわりのものは特に、ページ表示を遅くしがち。上であげた「ページプラグイン」もしかり。しかしこのWEB戦国時代においては、外すわけにはいかない装備でもある・・・

ならば、Facebookのソーシャルプラグインたちの重たい負担を、少しでも軽減させよう。余計な読込み遅延をぶった斬る、状況別軽量化対策

基本的なレイアウト設定例

サイト全体の印象・大まかなレイアウトは「TCDテーマオプション」や「オリジナルウィジェット」を利用すればあっという間に完成します。以下の記事ではMAGを例にした、基本的なレイアウト設定例を項目ごとに解説しています

理想のWEBサイトを直感デザイン。TCD『テーマオプション』の使い方

サイトを彩る直感設定。WordPressTCDテーマ「オリジナルウィジェット」の使い方

例えばサイドバーを有効的に使えるようになるだけでも、ずいぶん印象は変わります。オリジナルウィジェットの組み合わせ例なども紹介しているので、ぜひ参考にしてください。で・・・・このふたつを使いこなすだけでも、じゅうぶんカッコ美しく仕上がるのは内緒です。

テーマ(WordPressテンプレート)の変更方法と注意点

【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点

既に他のWordPressテーマを利用していた私が、MAGへ移行した時の全行程と注意点を解説しています。今までのカスタマイズの引き継ぎは?レイアウトが崩れるのがコワい・・そんな不安たちを一掃するテーマ移行方法。

MAGに切り替えた瞬間から、ドヤァッ!!と完璧な状態で公開できます。

 WordPress Theme【MAG】

mag320_100

記事が気に入ったら
Requ.logを "いいね!"
Facebookで更新情報をお届け。

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク

ピックアップ記事

  1. TodoistでToDoリスト。プロジェクトやタスクの階層化で頭の中を楽にする
  2. カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタ…
  3. アレ?Chromeの表示文字、汚なくなった!? キレイなフォントを1分で取り戻そ…
  4. 「私の名前はページプラグイン。」Facebookページのいいね!ボタンをWord…
  5. 簡単で効果的なストレス解消方法。「リセットボタン」で本当のリラックスを呼びだそう…

関連記事

  1. tcd-theme-widget_ecmg

    ワードプレス

    サイトを彩る直感設定。WordPressTCDテーマ「オリジナルウィジェット」の使い方

    本格レイアウトの「キモ」。WEBサイトのレイアウトって、メインカラ…

  2. retina-slider_ec

    ワードプレス

    【Retinaディスプレイ対応5】もっと美しくワガママに。スライダー画像さえも綺麗に表示させてしまう…

    スライダー嬢も、綺麗に。このサイトのトップページには、スライダーが…

  3. tcd-theme-options_ecmg

    ワードプレス

    理想のWEBサイトを直感デザイン。TCD『テーマオプション』の使い方

    サイトレイアウトは、直感的に、簡単に。WEBサイトを立上げると、最…

  4. display-speed_ec

    ワードプレス

    目指せ軽量化!今から始める、WordPressサイトの表示スピード改善計画

    あなたの●●●、ちょっと重すぎない? いえ、すみません。あなた…

  5. blog-contents_ecrt

    思考志向 - シコウシコウ

    ブログにおける「価値あるコンテンツ」とは?三大要素と”オリジナリティー”の正体

    いまだから、考えるべきこと。音楽制作をしていると、"自分の発するも…

  6. jpg-gif-png_ecmg

    WEBデザイン

    “知っているつもり”の拡張子、jpg gif png。画像形式による違いと特…

    ブログレベルならこれだけでOK。WEBサイトで使う画像の拡張子、何…

【Requ.log記事】魅力的なブログを、今すぐ作る。
tcd-mag
【Requ.log記事】魅力を活かす、カスタマイズまとめ。
tcd-mag

Requ.Sound Lab. | レク.サウンドラボ

レク.サウンドラボ

音に、景色と”振る舞い”を。

特集記事

  1. retina_ecmg
  2. improvement-flow_ecmg
  3. todoist_ec
  4. theme-change_ecrt
  5. tcd-theme-selection_ecmg
  6. tcd-mag_ecmg
  7. todoist-extension_ecmg
  8. todoist-tips_ecmg
  9. adjust-the-button_ecmg
  10. display-speed_ec

ピックアップ記事

  1. restriction_ecmg
  2. sns-count-cache_ecmg
  3. jpg-gif-png_ecmg
  4. media-setting_ec
  5. tcd-theme-widget_ecmg
  6. chrome-font_ecmg
  7. gif-animation_ec
  8. reset-button_ecrt
  9. tcd-theme-options_ecmg
  10. todoist-class_ecrt

強みを見つけて、活かしていくために。

business-books

タスク管理で、自己管理。

todoist

おすすめ記事

  1. 小規模チーム、家族間の疎通に。Todoistで始める気軽なタ…
  2. 【Retinaディスプレイ対応2】スリムで美しいブログを実現…
  3. Screenpresso(スクリーンプレッソ)を使うなら、や…
  4. ”ブログにおいしい”、注釈画像の作り方。矢印や枠線、文字を追…
  5. 「Mailboxの代わりは・・?」代替メールアプリ最有力。S…

魅力的なブログを、今すぐ作る。

tcd-mag

ブログのRetina対応、始めませんか?

retina-os-solution

最近の記事

  1. 【使用者レビュー】WordPress初心者にこそおすすめのブ…
  2. 【小技特集】もっと使いこなす!おすすめタスク管理ツールTod…
  3. タスクに、日時や曜日が勝手に反映される・・!?Todoist…
  4. 魅力的なブログで収益化。ワードプレステーマTCD【MAG】の…
  5. MAGのデザインをフル活用。PCとスマホの広告設置枠を自由に…

ゆっくり、フシギなGIFアニメ。

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

特集記事

  1. 目指せ軽量化!今から始める、WordPressサイトの表示ス…
  2. 最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くし…
  3. 【フリーランス必見】確実に納期を守るために。タスク管理ツール…
  4. 【目的別】とっておきのWordPressテーマ比較。TCDテ…
  5. 【小技特集】もっと使いこなす!おすすめタスク管理ツールTod…

Requ.log | おすすめビジネス書

コンテンツの秘密-ぼくがジブリで考えたこと 「言葉にできる」は武器になる。
プロフェッショナルは「ストーリー」で伝える 日本人の知らなかったフリーエージェント起業術

Requ.log | おすすめ物語

モモ マリコ/マリキータ
なんくるない たったひとつの冴えたやりかた

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」
  1. business-books_ecmg

    マーケティング

    【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分の強みを見つけて活か…
  2. todoist_ec

    マネジメント

    【フリーランス必見】確実に納期を守るために。タスク管理ツールTodoistで予定…
  3. display-speed_ec

    ワードプレス

    目指せ軽量化!今から始める、WordPressサイトの表示スピード改善計画
  4. todoist-tips_ecmg

    マネジメント

    【小技特集】もっと使いこなす!おすすめタスク管理ツールTodoistの活用法12…
  5. todoist-extension_ecmg

    マネジメント

    いつでもどこでも即タスク化。Todoistの便利すぎる拡張機能4選
PAGE TOP