ワードプレスの無料テーマ「MOESIA」の使い方~デモ画面のようなレイアウトにする方法~

ユ・ルイくん(恐竜)
Moesiaのインストールと有効化が終わったぜ!でも、思ってたのと全然違う。。。
かわいさん(恐竜)
ただインストールしただけだとあんまりおしゃれなデザインにはならないわ。今回は簡単にオシャレにサイトを作るためのMoesiaだけの裏技を公開するわ!

いざテーマの有効化をしたところで、シンプルなデザインになっているだけ。そして英語は多いし使いにくい!予めでもサイトのようなレイアウトになっていて、文章と画像だけ変更できればとっても楽だと思いませんか!?

今回はでもサイトのようなレイアウトになるような設定方法を公開します。

ちょっと難しく感じる人もいるかと思いますががんばってくださいね!

今回の記事は無料テンプレート「Moesia」をインストールした人だけ使えるノウハウになります。
かわいさん(恐竜)
「テーマって何!?」という人は

初心者向け!ワードプレスのテーマインストール方法

2017.09.26
を見てね!

 

1.必須プラグインのインストール

デモサイトを表示し、自由に編集するためには2つのプラグインをインストールしなければなりません。

プラグインのインストール方法が分からないという人は、

を見ながらインストールしてください。

必要なプラグインが3つあります。

  • Page Builder by SiteOrigin
  • Types – Custom Fields and Custom Post Types Management
Page Builder by SiteOrigin

Types – Custom Fields and Custom Post Types Management

まずはこの2つのプラグインを検索してインストールしてください。

そして必要なプラグインがもう一つあります。

「Masonry portfolio」

というプラグインです。

以下のダウンロードページからインストールしてください。

https://athemes.com/moesia-extensions/masonry-portfolio/(ダウンロードページ)

ダウンロードは水色のボタンをクリックすると始まります。

2.XMLのインポート

XMLって何?

 XMLは、多様な情報を「情報の意味」と「情報の内容」に分けてテキストで記述する方法(言語)です。(引用:http://gogodiet.net/z/xml/1.htm

XMLの意味は知らなくても作業をすすめることができます。気になる方はこちらのページをご覧ください。

1.設定用のXMLファイルをダウンロード

簡易的な編集を行うためのデータが必要になるので、MOESIAを提供している会社が発行しているXMLデータをダウンロードします。

まずは下のURLをクリックします。

https://athemes.com/download/settingsv10.xml(ATHEME公式ダウンロードサイト)

URLをクリックしたらこんな画面が出てきます。画面上にマウスポインタを置いた状態で右クリックして保存します。

ワードプレス編集画面左の「Toolset」⇛「Export/Inport」をクリック

Typesデータインポートの「XMLまたはZIPファイル」をクリックし、先程名前をつけて保存したXMLデータを選択します。その後、「レビューとインポート」をクリックします。

たくさんのチェック項目があるかと思いますが、何も触らずにページ下部の「インポート」をクリックしてください。

2.デモサイト用XMLをダウンロードする

続いて、でもサイトのような画像や文章を予め設定しておくためのデータをダウンロードします。

ダウンロードは下記URLから設定用XMLをダウンロードした時と同じように行ってください。

https://athemes.com/download/moesia-demo.xml(ATHEME公式ダウンロードサイト)

 

ダウンロードができたら、ワードプレス編集画面の「ツール」⇛「インポート」をクリックします。

そして、WordPressのインポーターの実行をクリックします。

「ファイルの選択」で先程保存した「moesia-demo.xml」を選択し、「ファイルをアップロードしてインポート」をクリックします。

投稿者の割当で適切な人(ユーザー名)を入力し、「添付ファイルをダウンロードしてインポートする」をクリックし、「実行」をクリックします。

これで準備完了です!「外観」⇛「カスタマイズ」から今のウェブサイトがどのようになっているかを見ることができます。

是非ご覧ください!

いきなりかっこよくなってますよ!

 

デザイン、文章を変更する方法

それでは、デモサイトと同じレイアウトになり、簡易編集ができるようになったところで、どうやって自分のサイトへと変化していくのかをお伝えします。

こちらの記事に書いてありますので、是非見ながらやってみてくださいね!

ワードプレスの無料テーマ「MOESIA」の使い方&カスタマイズ画面での設定方法

2017.09.28

 

ユ・ルイくん(恐竜)
書いてある通りにやっただけででもサイトみたいなカッコイイサイトができた!しかも項目ごとに簡単に編集できるようになった!
かわいさん(恐竜)
ちょっとその話はまた別の記事でやるわ。今回はデモサイトの構築方法だけで終わっておくわ!編集の項目はたくさん有りすぎて大変なのよ。項目別に説明してくわね!

ワードプレスの無料テーマ「MOESIA」の使い方&カスタマイズ画面での設定方法

2017.09.28
The following two tabs change content below.
このブログを書いている人は Web集客構築家の原田ゆうきです。 鹿児島出身名古屋在住のガキんちょです。 人を惹きつける文章作成の力を身に着け、理系大学在学中に集客システムの構築・販売ページ作成などのサービスを提供することにより数千万円以上の売上に貢献してきました。 現在クライアントさんの成果発生率100%記録継続中。 暇さえあれば、一人で壁にボールを投げて犬のように遊んでいる。

「いいね!」と思ったらボタンをクリックしてシェアしてね!


オウンドメディア開設後わずか2週間で60万円を回収できた運用ノウハウを詰め込みました

  • 自社で低リスクな資産運用をしたい
  • 年利200%の資産運用をオウンドメディアで達成したい
  • 安定したアクセスを自社媒体に集めたい
  • 広告費を削減したい

売却できるオウンドメディアの作り方をE-BOOKにまとめました

メールマガジン登録者だけに無料配布


カンタンに配信停止できます

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です