おすすめテーマ

MAGメニュー3

【MAG使い方講座】サイドバーにウィジェットを作成。プロフィールも作ります

MAGの使い方講座の2回目になります。

今回は、サイドバーにウィジェットを4つほど設置してみようと思います。

設置するウィジェットは以下の4つです。

  • ユーザープロフィール(tcd-wバージョン)
  • デザインされた記事一覧(tcdバージョン)
  • カテゴリー一覧(tcdバージョン)
  • カレンダー

設定するといっても、ほとんどは触らなくてもいいところなので簡単です。

あっという間に設定できるので頑張ってみましょう。

第1回の記事はこちら↓

★ブログにおすすめのテーマ↓
ブログにおすすめのWordPressテーマ。初心者から本格的に始めたい人まで>>

サイドバーにウィジェット作成

MAGのウィジェットを設定していきます。「外観」→「ウィジェット」と選択します。

MAGのウィジェット1

ウィジェットを設定する画面になります。

この中から自分のブログで使いたいものを選びます。MAGのウィジェットは主なものに、

  • Googleカスタム検索(tcdバージョン)
  • カテゴリー一覧(tcdバージョン)
  • スクロール追尾型広告(tcdバージョン)
  • デザインされた記事一覧(tcdバージョン)
  • ユーザープロフィール(tcdバージョン)
  • 広告(tcdバージョン)
  • 動画
  • 画像
  • 音声

などがあります。

スクロール追尾型広告やユーザープロフィールがあるのが特徴です。

(tcdバージョン)と書かれている項目は、TCDオリジナルデザインのウィジェットです。

デザインが美しいので是非使ってみましょう!

MAGのウィジェット2

上の画像のように、「トップページ」と書いてある項目に、次の4つのウィジェットをマウスでドラッグします。

・ユーザープロフィール(tcd-wバージョン)
・デザインされた記事一覧(tcdバージョン)
・カテゴリー一覧(tcdバージョン)
・カレンダー

ドラッグできたら、それぞれの項目を設定していきます。

では、ユーザープロフィール(tcd-wバージョン)を作成してみましょう。

「ユーザープロフィール(tcdバージョン)」の▼をクリックして詳細を表示させます。

MAGのウィジェット3

プロフィールを入力する欄が出てくるので、画像やプロフィールを入力します。

  • ウィジェットの見出し
    「プロフィール」とします。

  • ユーザーの名前
    自分の名前です。今回は「わんこ」としました。

  • ユーザーの画像
    顔のイラストなどを表示します。今回は犬の画像を使いました。

  • リンク先のURL
    画像をクリックしたときに表示されるURLを設定しておきます。
    今回は空欄にしておきました。これでも問題はありません。

  • ユーザーの説明文
    自己紹介の文章を書いておきます。

このときに、その下にあるツイッターやフェイスブックなどの項目を入力しておくと、プロフィールの下にリンクアイコンが自動で作成されます。

これでプロフィールは完成です。ここまでで、画面はこうなります↓
MAGウィジェット1

画面の上半分はこんな感じです。だいぶ画面がにぎやかになってきましたよね^^

プロフィールの下には、ツイッターやフェイスブックのアイコンができているのが分かります。

カーソルが乗ると緑色になりますよ。

あとは、残り3つのウィジェットの設定をします。

・デザインされた記事一覧(tcdバージョン)
・カテゴリー一覧(tcdバージョン)
・カレンダー

ですが…

この3つはデフォルトの設定で大丈夫です。

何もしなくてもきれいに表示されるので、このままにしておきましょう。

MAGウィジェット2

画面の下半分はこうなっています。

これでサイドバーのウィジェットの設定は終わりです。

簡単な設定で、それなりの見栄えにできあがりました。

シンプルなデザインですが、それがMAGの良いところです。

MAG使い方講座2回目のまとめ

サイドバーにウィジェットを4つほど設定してみました。

プロフィールは専用ウィジェットなので、項目を埋めるだけで簡単に設定できるようになっています。

自分をアピールするのに使いましょう。

デザインされた記事一覧は、最近書いた記事が自動で表示されます。

何もしなくても、MAGが表示してくれるので楽です。

カテゴリー一覧は、記事をどのカテゴリーにするか決めるだけで表示されます。

記事を書いたときにカテゴリーを設定しておきます。

さて、これでだいぶブログらしくなってきました。

次回(3回目)の記事では、タイトルの上にメニューを作ってみようと思います。

これも簡単なので大丈夫ですよ^^

関連記事

  1. ワードプレステーマ「stork19」

    ブログ向けテーマSTORKの最新版。STORK19は初心者に優しく価格…

  2. ONEでCTA設置

    【ONEの使い方講座】カテゴリーメガメニューとトップページCTAを設定…

  3. Muumにインスタフィード

    【Muum使い方講座】Instagramのフィードをサイドバーに美しく…

  4. カスタムCSS欄

    【 MAG使い方講座】カスタムCSSでボタンのデザインを変更します。コ…

  5. MAGの広告スペース

    【MAG使い方講座】ウィジェットを使った広告設置方法

  6. MuumタイプA

    ブログのWordPressテーマなら「Muum」。美しいデザイン・低価…

コメント

  1. この記事へのコメントはありません。

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

CAPTCHA


PAGE TOP

おすすめテーマ

WordPressでネットショップが作れるおすすめテーマ【Welcart・Woo…

おすすめテーマ

WordPress有料テーマの中から、目的別におすすめベスト3を選びました!(2…

目的別テーマのおすすめベスト3

おすすめテーマ

ブログにおすすめの有料WordPressテーマを厳選。デザインの美しさと機能を重…

ONEでCTA設置

おすすめテーマ

企業サイトにおすすめの高品質なWordPressテーマ12選【日本語対応】

おすすめテーマ

女性向けの美しい(かわいい)WordPressテーマ。ブログと商用サイトに

おすすめテーマ

アフィリエイトにおすすめのWordPressテーマ。すべて複数サイトで使い回しO…

おすすめテーマ

美容、エステ、ヘアサロン等におすすめのテーマ5選。特徴を比較してみました

おすすめテーマ

トップページに動画を再生できる、おすすめWordPressテーマを集めました