メディア作成

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

こんにちわ、戸愚呂あにぃです。

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

 

「ブログの作成と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. 【開幕】美容師引退&店を畳むまでの物語【美容師引退記】

関連記事

  1. メディア作成

    ブログ運営を成功させるためのブログ改善マニュアル

    こんにちわ、とぐろです。 今日はブログ運営について、非常に重要な話…

  2. メディア作成

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

    こんにちわ戸愚呂アニィです。では今月も「ブログアフィリで成功しても…

  3. メディア作成

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

    こんにちわ戸愚呂あにぃです今日はブログが完成したらすぐにやってほし…

  4. メディア作成

    機械オンチでもWordPressでブログを作る方法まとめ

    こんにちわ戸愚呂あにぃです今日はWordPressでブログを作る方…

  5. メディア作成

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

    こんにちわ戸愚呂あにぃです。今日は前回書いたこの記事の続き、Wor…

  6. メディア作成

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

    こんにちわ、戸愚呂あにぃです今回の記事は「システム化実例 ブログア…

コメント

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

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

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

 にほんブログ村 小遣いブログ ネットビジネスへ

 

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

 

おすすめ記事

Twitter

  1. 次世代の思考&哲学

    「昔の自分を客にしろ」は間違い!ブログにオリジナリティを出す極意
  2. その他

    【序章:4】稼いでも不自由になる稼ぎ方
  3. メディア作成

    しょーもないプロフィール卒業!ファンがふえるプロフィールの書き方
  4. メディア作成

    ブログのアクセスをすばやく集める方法【問題解決記事とは?】
  5. 次世代のビジネス

    最短最速で成功するシステム経営の具体例を解説!
PAGE TOP