blog-theme-mag_ecmg-ps

ワードプレス

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

ワードプレスのブログテーマ【MAG】。このサイトで今、実際に使っているテーマです。これまでカスタマイズ例なども記事にしてきましたが正直に言います。

MAGは、インストールするだけで、このサイトのように仕上げてくれます。

手前味噌な表現ですが、本当はカスタマイズしなくても問題ありません。下のデモサイトを見れば分かるように、デフォルトで完成されているんです。(まー当然なんですが)

MAG (tcd036)

blog-theme-mag_01 blog-theme-mag_02 blog-theme-mag_03

ブログを始めるにあたって一番大切なこと

WordPressブログを始めるにあたって一番大切なことは、すぐに「本格的なサイト」が作れること。すぐにブログを書き始められること。じゃあ「本格的なサイト」ってなんでしょう?

理想の条件

設定が簡単でオリジナリティーも出せる機能性

運営者が満足するデザイン性

訪問者も満足するデザイン性(ユーザビリティー)

収益性も高められる自由なデザイン性

アクセスアップに必須のSEO(検索エンジン最適化)

blog-theme-mag_ins01-ps

はいソコー、チョーク投げるぞー、現実を見ろー

そう現実は・・ヤヤコシいことがいっぱいです。あなたがブログを始める目的はなんでしょう?何にせよ、これらをぜーんぶ勉強しながらスタートする時間と気力があるでしょうか

「本格的なサイト」が最初から用意されていれば、最初から本格的に勝負できます

じゃあ具体的には【なぜWordPress初心者がMAGを選ぶべきなのか?】本当に良いものなので本気で紹介していきます。本気でベストなテーマを探している人だけ読み進めてください

MAGのバリエーション例

設定画面は全て日本語の詳しい説明付き。迷うことがありません。書いてあるとおりに設定していけば簡単に満足のいくサイトレイアウトが完成します。

バリエーション例1

blog-theme-mag_04

バリエーション例2

blog-theme-mag_05

バリエーション例3

blog-theme-mag_06

今回のためにバリエーション例をつくるのも、あっという間でした。どんなサイトコンセプトにもセンスよくフィットします

見た目のインパクトだけでなく、アクセスと収益を同時に上げる工夫が盛りだくさん。広告配置場所、文字や各スペースの余白サイズなど、どこを見ても絶妙に仕上げられます

MAGの機能性・デザイン性

blog-theme-mag_ins02-ps

WEBサイトを立上げると、最初におおまかなレイアウト設定をすることになります。サイトのテーマカラー、ロゴの設置、SNSシェアボタンの設置などなど・・・これらは、MAGをインストールすると現れる「TCDテーマオプション」内だけで、全ての設定が完了します

blog-theme-mag_07

サイトのテーマカラー、ロゴ

サイトのテーマカラーも簡単設定。カラーパレットで直感的に選べるのも嬉しいところ。

blog-theme-mag_08

blog-theme-mag_09

ロゴも説明どおりにアップロードするだけ。

blog-theme-mag_10

サイト全体のレイアウト

驚くべきことに・・・サイト全体のカラムデザインをクリックひとつで変更できます

tcd-theme-option_15

レイアウト1

blog-theme-mag_11

レイアウト2

blog-theme-mag_12

レイアウト3

blog-theme-mag_04

レイアウト4

blog-theme-mag_13

記事数や広告の設置場所、サイトコンテンツにあわせて・・・または気分にあわせて、いつでも切り替えることができる。テーマ何個分かがセットになったようなおトク感です。

応用ポイント

記事に使う画像を選ぶときは、ある程度統一感をもたせましょう。全体のバランスが良くなり、サイトイメージも強調されます。検索すれば無料の画像やロゴ素材も、たくさん見つかります。

今回の3つのバリエーション例も、全て上の素材サイトから作りました。

オンマウス時の画像エフェクト

tcd-theme-option_38

マウスオーバーしたときのホバーエフェクトも3種類から選択できます。

blog-theme-mag_14

blog-theme-mag_15

blog-theme-mag_16

フッターだって気持ちいい。

blog-theme-mag_17

シェアボタン

記事の拡散に欠かせないシェアボタンも5種類のデザインから選べます。

tcd-theme-option_50

ボタンタイプ1(左寄せ+color)

blog-theme-mag_18

ボタンタイプ2(左寄せ+mono)

blog-theme-mag_19

ボタンタイプ3(カラム幅+color)

blog-theme-mag_20

ボタンタイプ4(カラム幅+mono)

blog-theme-mag_21

ボタンタイプ5(公式ボタン)

blog-theme-mag_22

特別なカスタマイズ無しで。クリックひとつで。いつでも自由に変更できます。もちろん、表示するボタンの種類選択もクリックひとつ。

tcd-theme-option_56

モバイルでの表示もバッチリ。

blog-theme-mag_23

blog-theme-mag_41

イタレリツクセリ。

クリックひとつでOKな記事装飾が多数用意

見出しやボタン、囲み枠などなど・・記事装飾だって、ボタンひとつでポチッと。

quicktag_02

世にも美しい見出し

ボタンだって・・・

quicktag_03

Requ.log トップページへ

ボタンに表示したいテキストを選択 → ボタンをポチッ → 飛び先URLを「#」の場所へ。特別なことは必要ありません。マウスオーバーした時のフワッとした色変化もいい感じ。

囲み枠もクリックひとつ。選ぶだけ。

囲み枠a(赤)・・・角丸のおしゃれ枠。注意喚起に相性がいい、優しい赤色。

囲み枠a(青)・・・角丸のおしゃれ枠。冷たすぎない、さわやかな青色。

囲み枠a(緑)・・・角丸のおしゃれ枠。注目度が高く安心感のある、柔らかな緑色。

囲み枠a(黄)・・・角丸のおしゃれ枠。うるさい印象を与えにくい、落ち着いた黄色。

これが独自の「クイックタグ機能」。用意されている装飾はまだまだもっとあるんですが、紹介しきれません。専門的な知識が無くても、うっかりセンスがほとばしってしまいます。

MAGの収益性

blog-theme-mag_ins03-ps

広告も指定の場所に、配布されたコードを貼り付けるだけで完了。

blog-theme-mag_24

blog-theme-mag_25-3-ps

レイアウトを崩すことなく、自然に配置されます。「いかにも広告欄!」なカンジでゴチャゴチャしない。閲覧者が不快になりにくいよう、広告配置場所にも徹底した配慮が感じられます

サイト運営者】だけでなく【サイト訪問者】の視点も考慮し作り込まれている。「見た目」だけに留まらない、かつ、ちゃんと「引っかかり」のあるセンスを存分に活用できます。

記事中の広告設定

広告を記事中の好きな場所にいつでも設置できる機能も実装。収益効果の高い記事中広告は、アフィリエイト・AdSense収入を目指す場合、強力な武器になります

MAG_02

blog-theme-mag_38

またMAGでは、広告専用の「オリジナルウィジェット」というものも用意されているため、記事下や記事中だけでなく、あらゆるところにオイシク配置できるようになっています。このサイトやデモサイトを参考にしてもらえれば、その自由度が伝わるでしょう。

アクセスアップに必須のSEO

blog-theme-mag_ins04-ps

アクセスアップに欠かせない「検索エンジン最適化(SEO)」。誰もが気になる話ですよね。もちろんMAGでは、時流にあった内部対策がしっかりと施され、セキュリティーや機能強化とともにアップデートされ続けています

レスポンシブ対応でGoogleのモバイルフレンドリーテストで合格。世界的なWEB技術の標準化団体、「W3C」の「Markup Validation Service」でもエラーがありません

 モバイルフレンドリーテスト

blog-theme-mag_26

 W3C

blog-theme-mag_27

正直に告白すると、このサイトではカスタマイズをしていたり、「最新鋭の記述」はあまり意識していません。なので「Markup Validation Service」ではトップページのみエラーなしの状態。それでも、記事は検索上位にあるものがとても多い、という事実があります

 検索上位例

blog-theme-mag_28

blog-theme-mag_29

blog-theme-mag_30

つまりSEOとは、その名の通り「検索エンジンへ最適化」されているかどうか、ということ。
土台となるテーマ側で、既に時流に沿って最適化されているので、私たちはひたすら質の高いコンテンツづくりに集中すれば、ちゃんと結果が付いてくるようになっているわけです

ただし、後述するテーマの取扱説明サイトはしっかり目を通しておきましょう。

SNSでの拡散力を最適化

SNSでの拡散は、記事やサイトが認知されていくための大きなきっかけになっています。例えばFacebookやTwitterで、こんなカード型になったリンクを見かけたことも多いと思います。

 Facebook / Twitter

tcd-theme-option_48-ps

tcd-theme-option_49

これが文字列だけのテキストリンクだと「興味」が湧きにくいですよね。実はこの画像付きカード型のリンクを表示させるには、「Facebook OGP設定」「Twitter Cards設定」という、初心者にはまたひとつヤヤコシイ壁が立ちふさがるわけですが・・

これもテーマオプションで、説明どおりにポチポチと設定すれば完了。アリガタイ。

洗練されたモバイルファースト設計。どこでもシェア可能

また、スマホでスクロールに追従するフッターも自由に設定できます。シェアボタンも、タップすればポンッ、と現れてくれる。つまり、記事中のどこでもシェアできるということ。

blog-theme-mag_39

blog-theme-mag_40

絶妙ぉーな美しさです・・。コンテンツの邪魔をしない、計算されたデザイン。好みにもよるかもしれませんが、不快に感じる人は少ないでしょう。

「シェアボタンどこ・・?見つからないからパス!」なんていう機会損失さえも無くなります。

取扱説明サイトの存在、サポートの手厚さ

blog-theme-mag_ins05-ps

WEBサイトを運営していると、自分のちょっとしたミスで不具合が起こることだってありえます。顧客の状況を完全に把握するのは難しいこと。有料テーマを販売する側に立って考えると、中には・・

購入後、アップデート以外のフォローは基本的に受付けません!

というかキリがないので手に負えません!

という販売元もきっとあるでしょう。・・というか実際、手に負えないことが普通でしょう。

MAGをはじめとするTCDテーマは国内トップシェアの実績を誇るWordPressテーマブランド。【購入したテーマ専用の取扱い説明サイト】が用意されていたり、「ダメもとで聞いてみたら応えてくれた・・!神か・・!」という【メールサポート】があるので、その点でも安心です。
(ホントお世話になってます・・)

自分で調べればすぐに分かってしまうような問い合わせは避けましょう!

購入後の流れを徹底フォロー

blog-theme-mag_ins10-ps

MAGのテーマ詳細ページの最下部から、手順に沿って購入を完了すると、登録したメールアドレスに下のようなメールが送られてきます。

blog-theme-mag_31

テーマダウンロードURL」からテーマファイルをダウンロード。後は「ダウンロードサイト」のリンク先で、説明される手順通りにWordPressにインストールすればOK。この「ダウンロードサイト」というのが「取扱説明サイト」になります

blog-theme-mag_32

このサイトが本当に親切。初心者でも順を追って設定できるように、ひとつひとつ記事にされています。チラッと見せてしまいましょう・・

blog-theme-mag_33

blog-theme-mag_34

blog-theme-mag_35

動画まで順序立てて用意してくれている・・!で、上の画像にあるようにただのセットアップマニュアルに留まらず、「アップデート情報」「よくあるご質問一覧」「テーマのパフォーマンスをアップさせるテクニックいろいろ」なんてことまで、ギッシリ情報がつまっています。

MAGだけの専用サイトで・・なかなかできないことをやってのけてくれちゃってます。

TCD LABOでカスタマイズをフォロー

blog-theme-mag_36

そしてなんと・・「WordPressテーマTCDのカスタマイズを研究するサイト」と銘打ったサイト「TCD LABO」が用意されています。購入者からの「ココをもっとこうしてみたい!」という要望に応える場所。

「自社のリリースしたテーマをいじる」という・・まさかの公式サイト。これも販売者側としては普通なら・・

いじるなキケン!

カスタマイズなんか非推奨!

自己責任で勝手にやってくれ!

ってトコです。普通なら。普通じゃないんですね。いや、いい意味で。

もちろんカスタマイズは自己責任前提ではあります。

カスタマイズ情報は「やりたくなったら」覗くべし

blog-theme-mag_ins11-ps

このサイト「Requ.log」でも、MAGをベースにしたカスタマイズ例を多数紹介しています。ただしそれらの記事を、これからWordPressを始めようとする人が覗くと・・

やっぱ、WordPressって敷居高い・・?

なんて感じるはずです。正直に言います。私も当初、WordPressの知識なんて1ミクロンもありませんでした(マジです)。それでもカスタマイズ記事が書けるようになるほど、スタートアップに効率的で、自由度が高いテーマ&環境、ということ

実際にこの記事公開時点では、WordPress関連の参考書などは一冊も読んでいません。でもちゃんと運営できている。アクセスも順調に増えている。それが何よりの証拠です。

有益情報がギッシリなメルマガ

blog-theme-mag_ins06

購入者にはメールマガジンで、有益な運営ノウハウや時流に沿った考え方などの情報が定期的に送られてきます。「どんなコンテンツを作っていけばいいのか?」のヒントになったり、「収益化を目指すならどんな施策を打っていけば効果的なのか?」など、”ココだけの話”的な情報でフォローし続けてくれることも魅力です
(たった今も、「ワードプレスを導入する手順と注意点」というタイトルのメルマガが届きました。)

国内トップシェアを誇るWordPressテーマを販売する企業経営者が、普段どんなことを考えているのか?も垣間見ることができる。個人的には楽しみなインプットのひとつです。

(万が一)不要であればワンクリックで配信解除可能です。
この記事公開時点で181,000部(!)登録されているマンモスメルマガです。

【最後に】本気ブログを目指しているあなたへ

blog-theme-mag_ins07-ps

まずは○○の無料ブログサービスで始めようと思うんですが、どう思いますか?

WordPressの無料テーマでも、それなりの見栄えのヤツがあるんで、そこから始めようと思うんですが、どう思いますか?

有料テーマで始めたところで、結果なんて変わるんでしょうか?

結局は、テーマじゃなくてコンテンツが重要ですよね?

たまにこんな質問をいただきますが・・正解はありません。基本的に自由です。

でも私なら・・スタートアップで疲れ果てるよりも、すぐにコンテンツに集中できる方がいい。モチベーションを保ち続けやすいほうがいい。続けやすい環境を作りたい。つまりは・・・

目標】までの最短距離を選びます

”ブログを始める”ということはきっと、【目標】があって始めるわけですよね。何かしら実現したいことがあるはず。でも「始めるまで」に時間がかかれば、しばらくは「本格的なサイトを立ち上げる勉強」が【目標】になってしまう。

blog-theme-mag_ins08

無料ブログサービスは、運営側の意向ひとつで振り回されてしまいがち。だから、WordPressで、自分だけのプラットフォームで、本格的なテーマで、すぐに始める安心して続けられる環境を最初からつくる。後でテーマを変更するだけでも、相当な時間と労力が必要になります。

MAGは約1万円。一見すると安い値段には感じられないかもしれませんが、上で挙げてきた【始めやすさ】【計算されたSEOとデザイン性】【安心のフォロー】が最初から全部手に入ります。

将来的なことを考えても【好みにカスタマイズしやすい】というメリットもついてくるし、最初からずーっと負担が少ないので、とてもオイシくいただいてます。何より、自分のセンスで画像を選ぶだけでモリモリ個性が出せるので・・費用対効果は相当なものだと実感しています。

どうせやるなら、しっかりやりたい。最短距離で目標に近づきたい。そう思いませんか?

blog-theme-mag_ins09-ps

以上が、初心者だからこそ、始めからバシッ!と本格的なテーマで始めておくべき理由です。まずはとっととスタートアップなんかキメてしまって、いち早く軌道に乗るために。一番におすすめできるブログテーマが、この【MAG】なんです。⇒【デモサイト

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

Requ.log | レク.ログ

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

ピックアップ記事

  1. サイトデザインに合わせよう。TCDテーマ記事下にカード型「いいね!ボタン」をセン…
  2. ブロガー以外も知っておきたい。ブログ記事の書き方と、頭を整理する構成方法
  3. 魔法のような仕事効率化。ブログにも使えるWindows定型文ツール「Phrase…
  4. Twitterのシェア数表示を復活!「widgetoon.js & count.…
  5. 理想のWEBサイトを直感デザイン。TCD『テーマオプション』の使い方

関連記事

  1. unveil-lazy-load_ec

    ワードプレス

    設定不要!WordPressプラグイン「Unveil Lazy Load」でページ読込スピードアップ…

    簡単装備で速度をブースト!プラグインをインストールするだけで、ペー…

  2. pushbullet_ec

    マネジメント

    瞬間転送。写真もURLもポンっ!スマホとパソコン間のデータ移動が捗るPushbulletの使い方

    メールで送るより、ずっとお手軽。スマートフォンとパソコン間でデータ…

  3. tcd-mag_ecmg-ps
  4. browzer-extension_ec

    ワードプレス

    ”WEBサイズマスター”へ。Chrome拡張「Page Ruler」「View Image Info…

    自分のWEBサイトの幅、知ってますか?今自分が見ているページの「あ…

  5. theme-manual-update_ec

    ワードプレス

    アップデート通知が来ない!?WordPressテーマを手動でアップデートする方法

    アップデート通知、なんでこないの?ある有名なストーリーがあります。…

  6. extension-tools-for-bloggers_ec

    ブログ

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

    知らなきゃもったいない。先日、とある交差点で信号待ちをしていた時の…

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

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

レク.サウンドラボ

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

特集記事

  1. business-books_ecmg
  2. display-speed_ec
  3. extension-tools-for-bloggers_ec
  4. tcd-mag_ecmg-ps
  5. retina_ecmg
  6. adjust-the-button_ecmg
  7. improvement-flow_ecmg
  8. todoist-tips_ecmg

ピックアップ記事

  1. todoist-constitution_ec
  2. lightshot_ecmg
  3. sns-count-cache_ecmg
  4. dash_ecmg
  5. facebook-page-plugin_ecmg-ps
  6. original-share-button_ecmg-ps
  7. todoist-basic_ec-ps
  8. gif-animation_ec

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

business-books

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

todoist

掘り出し記事

  1. child-theme-mechanism_ecmg-ps
  2. mergely-ecmg
  3. todoist-re-schedule_ec

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

tcd-mag

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

retina-os-solution

ピックアップ記事

  1. unroll-me_ec
  2. child-theme_ecmg
  3. todoist-advanced_ec

ゆっくり、フシギな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 | Blogger おすすめ書籍

「言葉にできる」は武器になる。 コンテンツの秘密-ぼくがジブリで考えたこと
プロフェッショナルは「ストーリー」で伝える 現代広告の心理技術101

Requ.log | おすすめエッセイ

言葉の贈り物 今日の人生

Requ.log | おすすめ物語

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

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

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

  1. restriction_ecmg-ps
  2. reset-button_ecrt
  3. blog-contents_ecrt
  1. todoist-extension_ecmg

    マネジメント

    いつでもどこでも即タスク化。Todoistの便利すぎる拡張機能4選
  2. todoist-tips_ecmg

    マネジメント

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

    マネジメント

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

    ワードプレス

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

    ブログ

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