tcd-mag_ecmg

ワードプレス

魅力的なブログを今すぐ作れる。ワードプレステーマTCD【MAG】の有効的な活用方法とカスタマイズまとめ

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

tcd-mag_05

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

 Requ.log | WordPress Theme【MAG】

mag320_100

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

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク
WordPressテーマ「MAG(TCD036)」

ピックアップ記事

  1. WordPress初心者にオイシイ、簡単記事装飾。TCDテーマ「クイックタグ」機…
  2. サイトデザインに合わせよう。TCDテーマ記事下にカード型「いいね!ボタン」をセン…
  3. 簡単で効果的なストレス解消方法。「リセットボタン」で本当のリラックスを呼びだそう…
  4. 仕事に時間をとられ、何もやる気がでない時。がんじがらめ感をスカッ!と解消するモチ…
  5. 知っとかないと、後から大変!? WordPressメディア設定と画像サイズのキケ…

関連記事

  1. tcd-css-customize_ecmg

    ワードプレス

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

    初心者のうちに、実践で学ぶ。初心者にとって避けて通りたい・・避けた…

  2. annotation-image_ec

    ワードプレス

    ”ブログにおいしい”、注釈画像の作り方。矢印や枠線、文字を追加しよう

    注釈画像も、自由自在。前回までの記事では、Screenpres…

  3. insert-card-link_ecmg

    ワードプレス

    クリックひとつで完成。Embedlyで見栄えの良いカード型の記事リンクを貼る方法

    リンク挿入、どうしてますか?記事を書いていると、「以前に自分が書い…

  4. screenpresso-initial-setting_ec
  5. backup-all-in-auto_ec

    ワードプレス

    WordPressサイトを丸ごとバックアップ!「BackWPup」で丸投げタイマー設定

    一度設定したら、後はおまかせ!せっかく作った自分のWEBサイトが、…

  6. analytics-ip-filter_ecmg

    マーケティング

    自分のアクセス痕は残さない。アナリティクスのフィルタで自宅のIPアドレスを除外する方法

    自分の足あとを、残してはならない。サイト運営をしているなら、Goo…

スポンサーリンク
魅力的なブログを、今すぐ作る。
tcd-mag

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

レク.サウンドラボ

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

特集記事

  1. todoist-extension_ecmg
  2. valuable-content-from-image_ec
  3. theme-change_ecrt
  4. extension-tools-for-bloggers_ec
  5. tcd-theme-selection_ecmg
  6. adjust-the-button_ecmg
  7. todoist-tips_ecmg
  8. improvement-flow_ecmg
  9. todoist_ec
  10. tcd-mag_ecmg

ピックアップ記事

  1. original-share-button_ecmg
  2. reset-button_ecrt
  3. tcd-theme-widget_ecmg
  4. like-button-card_ecmg
  5. quicktag_ecmg
  6. tcd-theme-options_ecmg
  7. todoist-class_ecrt
  8. phrase-express_ecmg
  9. tcd-css-customize_ecmg
  10. todoist-constitution_ec

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

business-books

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

todoist

おすすめ記事

  1. ”WEBサイズマスター”へ。Chrome拡張「Page Ru…
  2. 【Retinaディスプレイ対応1】Macで綺麗に。Windo…
  3. 基本的なSEOチェックに。DescriptionやOGPを確…
  4. 成長に欠かせない大切な秘訣。真面目な人ほど陥りやすい、”モヤ…
  5. Screenpresso(スクリーンプレッソ)を使うなら、や…

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

tcd-mag

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

retina-os-solution

最近の記事

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

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

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

特集記事

  1. TCDテーマ導入前に知っておきたい、2つの注目機能とユーザー…
  2. 『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテ…
  3. 【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分…
  4. 【保存版】知ったら戻れない、美しさの極みへ。WordPres…
  5. 最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くし…

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

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

Requ.log | おすすめ物語

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

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」
  1. todoist_ec

    マネジメント

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

    ブログ

    【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個の…
  3. theme-change_ecrt

    ワードプレス

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

    マーケティング

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

    ワードプレス

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