メディア作成

機械オンチでもできる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. 実践型コンテンツで毎月3万円のアフィリエイト報酬を得るまでの戦略まとめ
  2. 年収800万の美容室経営者になったけど絶望。アフィリエイトで成功し、美容室を閉店…
  3. 無料で受講できる「成功するための全知識が学べる次世代起業家セミナー」を詳しく解説…
  4. ブログアフィリエイトの収入が2倍以上にアップする「理想世界の提示」とは?
  5. 【開幕】美容師引退&店を畳むまでの物語【美容師引退記】

関連記事

  1. メディア作成

    「仕事の奴隷」から抜け出すシステム化実例【ブログアフィリエイト編】

    今回の記事は「システム化実例 ブログアフィリエイト編」ですシステム…

  2. メディア作成

    ブログコンセプトの「明確化」でファン倍増!コンセプトのテコ入れ実例

    今月は前回更新した記事の通り、ブログのテコ入れ真っ最中です&n…

  3. メディア作成

    「共感と教育」でファンをつかめ!人気ブログになるための記事の書き方解体新書

    以前書いたこの記事で、実践型コンテンツとノウハウ型コンテンツという話を…

  4. メディア作成

    ブログの文字数なんぞ気にするな!気にするほどにクソブログになる理由とは?

    今日は「ブログの文字数」について話そうかと思います。…

  5. メディア作成

    月3万円のアフィリ報酬を得るために準備しておくもの【商品編】

    今日は前回の続きです。前回の記事はこちら月3万…

  6. メディア作成

    しょーもないプロフィール卒業!ファンがふえるプロフィールの書き方

    今日はブログが完成したらすぐにやってほしい事について書きますそれは…

コメント

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

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

ブログランキング参加中!

にほんブログ村 小遣いブログへ  

 

このブログが面白いと思ったらクリックして拡散してくれると嬉しいです。

 

おすすめ記事

Twitter

  1. メディア作成

    ブログのアクセスとPVを倍増させる「ブログのテコ入れ」テクニック
  2. 次世代のビジネス

    美容室開業を成功させるファミコン理論【プレイヤー編】
  3. メディア作成

    「専門性の組み合わせ」で読まれるブログを書くためのライティング術
  4. その他

    【序章:4】稼いでも不自由になる稼ぎ方
  5. その他

    【序章:2】「世間で言われている夢」を叶えたら絶望した
PAGE TOP