メディア作成

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

こんにちは、美容室経営&美容師引退を目指してる齋藤(@flickerei_xyz)です

開業して1年で年収4倍になりましたが、美容師がおもんないので引退するために情報発信やってます

僕のプロフィール美容師引退の理由はこちらから。

 

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

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

「ブログの作成と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. メディア作成

    ブロガー必見!超効率的なブログ運営方法【ヒント:クロスメディア戦略】

    今日は「クロスメディア戦略」について解説します自分のメディアを持っ…

  2. メディア作成

    【動画セミナープレゼント中】良いブログ、読まれているブログを作るための基礎知識

    今日は「良いブログとはなにか?」という話をしていきます・ブログを始…

  3. メディア作成

    「再定義」で読まれるブログを書くためのライティング術2

    今日は前回の記事の続きです目にとまるビジネスや読んでみたいと思…

  4. メディア作成

    まだブログのSEO対策がんばってんの?【これだけやっとけばOKです】

    今日の記事は「ブログ始めたけどSEO対策とかなにそれまったくわからん」…

  5. メディア作成

    ブログ立ち上げ4ヶ月後の戦略【美容師引退記:6】

    では今月も「ブログアフィリで成功してもう飽きた美容師を引退し、ムフフな…

  6. メディア作成

    誰でもできるブログコンセプトの作り方。超簡単に作れる4つの質問とは?

    今日は前回書いたこの記事の続きこの記事で「コンセプトとはなにか…

コメント

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

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

特集記事

 

 

 

おすすめ記事

  1. 念能力系統図
  1. 次世代の思考&哲学

    現役美容室オーナーが美容師の年収をぶっちゃけます【平均年収300万以下の秘密】
  2. 美容師引退までの物語

    ブログ作成10ヶ月後のアクセスアップ戦略
  3. メディア作成

    しょーもないプロフィール卒業!ファンがふえるプロフィールの書き方
  4. 美容師引退までの物語

    ブログ作成8ヶ月後のアクセスアップ戦略
  5. アフィリエイトオワコン

    次世代のビジネス

    まだアフィリエイトオワコンとか言ってんの?【2019年以降のアフィリエイト論】
PAGE TOP