メディア作成

機械オンチでもできるWordPressテーマ「MAG」の設定方法

こんにちは、齋藤(@flickerei_xyz)です

今日も前回の記事に引き続き、ブログ作成をやっていきましょう

今回でついにブログが完成します

「ブログの作成とWordPressの初期設定」は前回までの記事の通りにやれば、終わっているはずなので今回は最後の設定である「テーマ」の設定です。

 

この記事で説明に使うテーマは、このブログでも使用しているTCDの「MAG」です

WordPressテーマ「MAG(TCD036)」

TCDのテーマであればほとんどの部分は同じなので、記事のとおりに進めてもらえば設定できます

他社の有料テーマの場合も、基本的な部分は同じなので参考にはなるはずです。

 

TCDのテーマには専用のマニュアルサイトがあり、細かい部分の設定はそちらを見てもらう方が分かりやすいので、この記事では全体の流れをつかんでもらうような感じにしていくつもりです

初心者の人はマニュアルサイトの見方がわからないので(苦笑)「この記事とマニュアルサイトとグーグル検索」の3つを使いながら設定できるように解説していきます

では早速、設定していきましょう。記事と一緒に進んでくださいね。

まずはMAGを購入

下記の画像をクリックしてMAGの販売ページに行きましょう

WordPressテーマ「MAG(TCD036)」

下の方までスクロールすると購入ボタンがでてきますので銀行振込かPaypal決済を選びます(Paypal決済は便利なのでこの機会にアカウント登録しておくと良いですよ)

購入するとメールが届きます

マニュアルサイトやダウンロードに必要なパスワードが書いているので保存しておきましょう

MAGをWordPressにインストールする

メールにダウンロードリンクとマニュアルサイトのURLがあるので、パスワードを打ち込んでログインしましょう

ダウンロードリンクをクリックしてパスワードを打ちこめば、デスクトップにMAG本体が保存されるので、WordPressにインストールします

これがMAG本体です。

デスクトップになかったらどっか違うところに保存されてるので探すか、もう一度ダウンロードして保存先をデスクトップに指定して下さい

テーマのインストールは10秒で終わるくらい簡単です。

 

外観からテーマを選択し、新規追加をクリック

 

テーマのアップロードをクリック

 

MAGのzipファイルをドラッグ&ドロップで放りこむか、MAGを選択してインストール

 

インストールすれば適用されます

まだインストールしただけなのでブログタイトルと記事1つしかコンテンツがなく、スカスカですね

ここから外観を整えていけば設定は終了です

流れとしてはテーマオプション>メニュー設定>ウィジェットの順で整えていきます

テーマオプションの設定

まずはテーマオプションの設定からしていきます

詳しい解説はマニュアルサイトの4.テーマオプションの設定を見て下さい

この記事ではこのブログの設定を紹介します。

 

外観からテーマオプションへいきます

 

基本設定をクリック

メインカラーの設定でブログの色を変えれますが、デフォルトが気に入ってるのでそのままにしています

レイアウトは1で設定。レイアウトというのはサイドバーの位置をどこにするか?ですね

1は右側、2は左、3は両側、4は左に2列になります

このブログで言うと右側にあるプロフィールとか問い合わせとかがサイドバーです

この部分にウィジェットというものを設定します。

 

テーマオプションで設定する主要な部分はこのくらいです

あとは細々とした部分なので、マニュアルサイトを見るか色々いじってみて下さい

ワンクリックで設定できるのでさわれば大体わかりますよ

メニューの設定

次にメニューの設定をしていきましょう

マニュアルサイトでは3.ロゴとメニューの設定で解説されています。

 

メニューというのはこの部分です

 

ではメニューを設定していきましょう

まずは外観からカスタマイズへいきます

メニューからも設定できますが、なれないとわかりにくいと思うのでカスタマイズから設定してみましょう

 

メニューをクリック

 

新規作成をクリック

 

メニュー名は自分が管理しててわかりやすいものでいいです

グローバルメニューとフッター1列目にチェックを入れれば、このブログと同じ位置にメニューが表示されます

 

メニューを設定しただけではなにもない状態なので、あとでページを作ったりリンクを飛ばしたりしておきましょう

 

このブログでは、

プロフィール(→この記事へのリンク
このブログについて(→この記事へのリンク
起業が学べるおすすめ無料教材(→この記事へのリンク
Twitterへのリンク
お問い合わせ(→この記事へのリンク

というふうに設定しています

基本的にメニューはTwitterやFacebookなどの外部リンクか、ブログの特定の記事へのリンクが基本となります。

 

ブログ記事へのリンクの場合、記事の種類が2つあります

「通常の投稿と固定ページ」の2つです

通常の投稿の場合、ブログのトップページに書いた順の時系列で表示されますが、固定ページで記事を書いた場合はトップページに表示されません。

 

例えば、会社概要ページ、お問い合わせページ、QAページ、商品販売ページ、プロフィールページなどの時系列に関係なくユーザーに見てもらいたい内容を掲載するページの作成に使います

まあ、よくわからなければ通常の投稿でかまいません(笑)

 

Twitterなどがあれば外部リンクを飛ばして、メニューに表示したいことに関連する記事ページを作成し、メニューに設定すれば完了です

飛ばしていきたい外部リンクも記事もない場合は、とりあえず次に進んでブログの外観を完成させましょう

ウィジェットの設定

最後にウィジェットの設定です。初心者の人がつまずくのがココです

設定自体は難しくないので頑張りましょう(めんどくさいだけですので)

詳しくはマニュアルサイトの5.ウィジェットの設定や、Googleで「ワードプレス ウィジェット 設定」などで検索して参考にしてください。

 

まずは外観からウィジェットへ移動します

左側にあるのが使えるウィジェットです。これを右側にドロップして設定すれば反映されます

このブログには8つのウィジェットを設定しています

ブログのトップページに戻って比べてみて下さい。

 

カスタマイズからでもウィジェットの編集はできますが、カスタマイズからの設定は作成後の並び替えの時に使いましょう

 

このブログではトップページ、記事ページ、トップページ(スマホ)、記事ページ(スマホ)にウィジェットを設定してあります

設定しているウィジェットは全て同じものなので、トップページのウィジェットをコピペすれば作業はすぐ終わります

ウィジェットの設定はクリックだけで終わるものと、入力が必要なものとあります

このブログで使用しているウィジェットの解説と設定

ウィジェットの種類はたくさんありますので、詳しくはマニュアルサイトで確認してみてください

ここではこのブログで使っているウィジェットだけを説明します

広告(TCDバージョン)
ユーザープロフィール(TCDバージョン)
カスタムHTML(ブログランキングへのリンク)
テキスト
デザインされた記事一覧(TCDバージョン)
カテゴリ一覧(TCDバージョン)
検索
カスタムHTML(Twitterへのリンク)

この順番で並べています

ブログのトップページでどれがどれなのか確認してみてくださいね

イメージがわくと思います。

 

ちなみにTCDバージョンとついているものは、TCDの有料テーマのみでしか使えません

有料テーマであれば独自のウィジェットが設定されていることが多いです

非常に使いやすくデザインも良いので、できるだけ使うことをオススメします

広告(TCDバージョン)

広告を3つ登録することができ、ランダムで表示してくれます

サイドバーに表示したいアフィリリンクなどがあれば、こちらを使いましょう

設定画面はこうなっています

それぞれに表示したい広告のHTMLコードを打ち込むだけで完了します

ユーザープロフィール(TCDバージョン)

プロフィールを綺麗にまとめて表示してくれるウィジェットです

入力するだけで見やすいプロフィールを作成してくれます

画像のとおりに入力するだけでOKです

ユーザーの説明文のところはそのまま入力すると改行ができないのですが、やり方は次の「カスタムHTMLの項目」で説明します

カスタムHTML(ブログランキングへのリンク)

簡単に言うと「自由入力欄」です

外部リンクや別記事へリンクしたい時、広告などを張りたい時に使用します

このブログではブログ村とブログランキングの外部リンクを設置しています。

 

設定方法は単純でタイトルをつけて、外部リンクを「タグ」と呼ばれる書き方で入力するだけなのですが、初心者はこの「タグ」というのが意味不明なわけです

手順としては「ブログ村で外部リンクのタグをコピペ>カスタムHTMLにコピペ」

なのですが、ここで落とし穴が1つあります。

 

改行や文字装飾がうまく反映されないという事が起きます

プロフィールの自己紹介文を書いてもらえばわかりますが、改行や文字装飾がうまく反映されません

実はWordPressのウィジェットの文字入力はすべてタグ入力しないと改行や文字装飾が反映されないのです

「タグなんて知らないし、打てないよ!」となるわけですが、そこで簡単にできる方法を解説します。

 

まず記事投稿画面から新規追加で記事入力画面にいきます

ビジュアルエディタからテストエディタに切り替えて、コピペしてきたブログ村とブログランキングのタグを貼り付けます

 

ビジュアルエディアにもどして、文字を入力し文字装飾します

 

ブログ村とブログランキングのボタンを横並びにしたいので改行を消しておきます

 

形を整えたらテキストエディタに戻して全文コピペし、カスタムHTMLに貼り付け

これでウィジェットの見え方を確認して、よければ完了です

もう少し文字を大きくしたい場合などは、この画面にもどって修正します

これでウィジェットにタグを入力できます

プロフィールの説明文も一度、投稿画面のビジュアルエディタで書いてテキストエディタに切り替え、全文コピペで貼り付ければ改行や文字装飾も反映されます

テキスト

お問い合わせフォームへのリンクを設置しています、カスタムHTMLと同じように設置しています

ビジュアルエディタで入力>画像にお問い合わせフォーム画面へのリンク>テキストエディタに切り替えてコピペ

で画像をクリックすれば、お問い合わせページに飛ぶようにしています

デザインされた記事一覧(TCDバージョン)

自分が選んだ記事をサイドバーに表示できるウィジェットです

読んで欲しい記事、読まれている記事をサイドバーに表示したい時に使います

設定は簡単です

 

あとは表示したい記事の記事投稿画面にあるチェックボタンを押しておくだけです

カテゴリ一覧(TCDバージョン)

カテゴリを表示するウィジェットです。特に説明に必要はないと思います

検索

サイト内検索です

あるとユーザーが便利なので設置しておいてもいいと思います

カスタムHTML(Twitterへのリンク)

Twitterカードの設置ですね。これもカスタムHTMLでできます

とくに変更する部分はないのでTwitterからタグをコピペして貼り付けるだけです

WordPressテーマ「MAG」でのブログ設置完了

以上でブログの作成は終了です。あとはひたすら記事を更新していってください

細かい修正はそのつどしていけばいいです

最初から完成を目指しては駄目ですよ。作りながらブラッシュアップしていけばいいのです。

 

3記事に渡りWordPressでブログ構築する流れを解説しましたが、手順通りにやれば大方できるはずですので、ぜひチャレンジして下さい

今回は「MAG」を使った開設でしたが、他の有料テンプレートでも設定自体は同じ様な感じです

難しく感じるかもしれませんが、一度作ってしまえば1時間あればブログを作成できるようになります。

 

もしつまずいたら前回の記事も参考にしてくださいね

「次世代の稼ぎ方」をタダで学ぶ!期間限定の次世代起業家育成セミナー

僕は美容師として独立し、1年で年収200万から4倍の800万になりました。その後、情報発信もはじめて年収1000万を達成

そして今は美容師を引退して、情報発信で自分のビジネスを始めようとしています。

ここ数年で起業、副業、ネットビジネスをする人は増え、珍しくなくなりました。SNSや本でもこれらのフレーズはよく聞きますが、稼げるようになる人はごく一部です

成功確率で言うとほぼ0%なわけですが、これはなぜでしょうか?理由は「本質的なビジネス知識がない」からです。

ビジネス知識がない状態で稼ごうとするのは裸で戦場に行ったり、レシピがないのに料理しようとするようなもの。それでは上手くいくはずがありません。

多くの人は稼げるノウハウは一生懸命になって探しますが、それは良い武器や材料であり、使いこなせる人間が使って、初めて意味があるものになるのです。

基本的なビジネス知識やマインドセットがない状態では何の意味もなく、ノウハウは所詮ノウハウにしかすぎません。

僕が年収1000万稼げるようになったのは「1000万稼げるだけのビジネス知識がある」それだけの話しなのです。

もし、あなたも起業・副業・ネットビジネスなどで稼ぎたいのであれば、まずはビジネス知識を身につけてください。それも「古い稼ぎ方」ではなく「次世代の稼ぎ方」をです。

あなたが何らかの理由で「もっと稼げるようになりたい」と思うのであれば、必ず役に立つはずです。無料で受講できるのでぜひ参加してみてください。

【無料】9本のセミナー動画+限定特典で次世代のビジネス講座を学ぶ人はこちら

機械オンチでもできるWordPress初期設定マニュアル前のページ

留年しかけたやつでもできるビジネス勉強法。次世代起業家育成セミナーの学び方次のページ

関連記事

  1. メディア作成

    機械オンチでもできるWordPress初期設定マニュアル

    今日は前回書いたこの記事の続き、WordPressの初期設定についてで…

  2. メディア作成

    10分でできる!アクセスが7倍アップするブログタイトルの決め方【実践編】

    では早速、前回の続きからいきたいと思います前回の記事はこちら…

  3. メディア作成

    ブログのアクセスとPVを倍増させる「ブログのテコ入れ」テクニック

    今月も先月と同じく、あまり記事更新できていませんがサボっていたわけでは…

  4. メディア作成

    ブログで10万稼いだから「稼ぐブログの作り方」をまとめておく

    では前回の記事の続きです・ブログで稼ぐ流れを知…

  5. メディア作成

    コンセプトの作り方を間違うな!「理想世界とフィルター」で強いコンセプトを作る方法

    今日はちょっと遅くなりましたが「コンセプトの作り方、コンセプトとはなに…

  6. メディア作成

    ブログ100記事達成後にやっておきたいメンテナンスと戦略の見直しマニュアル

    このブログもはじめて1年ほど経ちました。記事数も先日チェックしてみたら…

コメント

  1. ランキングからきましたtakeshiです。
    私、最近WordPressを使い始めた初心者です。
    とても参考になりました。
    また、訪問させて頂きます。

  1. この記事へのトラックバックはありません。

人気記事

最新記事

  1. 美容室開業時の開業資金を下げる方法を徹底解説【内装、設備につ…
  2. 美容室開業時の開業資金を下げる方法を徹底解説【不動産契約につ…
  3. 起業に貯金はいりません【リアルビジネスでも0円で起業可能】
  4. 雇用するならスタッフを「依存」させるか「卒業」させましょう。…

無料ビジネス講座

サロン経営の教科書

オンラインスクール

  1. 美容師引退までの物語

    ブログ立ち上げ3ヶ月後の戦略
  2. 美容師引退までの物語

    ブログ立ち上げ2ヶ月目の考え方
  3. 次世代の思考&哲学

    なにかにチャレンジする人への処方箋【変態的なコンセプトを生み出すやべぇ方法】
  4. 美容室開業の手順&経営

    僕が美容室で起業した時の話【目標達成後の憂鬱】
  5. 次世代起業家育成セミナー

    次世代のビジネス

    情報発信で100人中99人がやる失敗。関連付けと要塞化で可能性を無限にしろ!
PAGE TOP