tcd-mag_ecmg-ps

ワードプレス

魅力的なブログで収益化。ワードプレステーマ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-ps

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

だったら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に切り替えた瞬間から、ドヤァッ!!と完璧な状態で公開できます。

【MAG】詳細ページ

WordPress初心者にこそおすすめ。TCD「MAG」のデフォルト機能と魅力

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

Requ.log | レク.ログ

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

ピックアップ記事

  1. 「私の名前はページプラグイン。」Facebookページのいいね!ボタンをWord…
  2. 知っとかないと、後から大変!? WordPressメディア設定と画像サイズのキケ…
  3. Twitterのシェア数表示を復活!「widgetoon.js & count.…
  4. WordPress初心者にオイシイ、簡単記事装飾。TCDテーマ「クイックタグ」機…
  5. メディア問題さん、さようなら。画像サイズを気ままに追加するプラグイン「Simpl…

関連記事

  1. tcd-theme-user-review_ecmg

    ワードプレス

    TCDテーマ導入前に知っておきたい、2つの注目機能とユーザー目線レビュー

    TCDテーマの、実際の使用感。幅広いユーザーニーズに応える『TCD…

  2. tcd-theme-selection_ecmg-ps
  3. jpg-gif-png_ecmg
  4. backwpup-japanese_ec

    ワードプレス

    アップデートで英語化された!?BackWPupをサクッと日本語化する方法

    アップデートしたら、設定画面が英語化された!? 2…

  5. blog-theme-mag_ecmg-ps

    ワードプレス

    【使用者レビュー】WordPress初心者にこそおすすめのブログテーマ、TCD「MAG」のデフォルト…

    本当のことを話します。ワードプレスのブログテーマ【MAG】。このサ…

  6. display-speed_ec

    ワードプレス

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

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

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

特集記事

  1. retina_ecmg
  2. display-speed_ec
  3. extension-tools-for-bloggers_ec
  4. todoist-extension_ecmg
  5. tcd-theme-user-review_ecmg
  6. todoist-tips_ecmg
  7. tcd-theme-selection_ecmg-ps
  8. todoist_ec

ピックアップ記事

  1. blog-theme-mag_ecmg-ps
  2. tcd-theme-widget_ecmg
  3. facebook-page-plugin_ecmg-ps
  4. sns-count-cache_ecmg
  5. intuitive-custom-post-order_ec
  6. original-share-button_ecmg-ps
  7. media-setting_ec
  8. chrome-font_ecmg

強みを見つけて、活かしていこう。

business-books

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

todoist

掘り出し記事

  1. retina-os-solution_ecmg
  2. browzer-extension_ec
  3. todoist-design_ec

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

tcd-mag

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

retina-os-solution

ピックアップ記事

  1. todoist-constitution_ec
  2. tcd-theme-widget_ecmg
  3. customized-theme-update_ecmg-1-ps

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

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

最近の記事

  1. customized-theme-update_ecmg-1-ps
  2. mergely-ecmg
  3. child-theme-mechanism_ecmg-ps

Requ.log | おすすめ書籍

「言葉にできる」は武器になる。 プロフェッショナルは「ストーリー」で伝える

Requ.log | おすすめ物語

モモ マリコ/マリキータ

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

思考・価値感系ピックアップ記事

  1. blog-contents_ecrt
  2. reset-button_ecrt
  3. restriction_ecmg-ps
  1. valuable-content-from-image_ec

    ワードプレス

    『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテンツ
  2. display-speed_ec

    ワードプレス

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

    マネジメント

    最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くしておく生活改善フロー…
  4. tcd-theme-selection_ecmg-ps

    ワードプレス

    【目的別】とっておきのWordPressテーマ比較。TCDテーマのおすすめメンバ…
  5. todoist-extension_ecmg

    マネジメント

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