やりたいことはたくさんあるのにお金と時間がない!という人のためのブログ

LPテンプレートmeviusのbluegriffonで初心者が悩む点まとめ

   


LPテンプレートmevius購入

LPテンプレートとして評判のいいmeviusを購入してみました。

LPとはランディングページのことで
Webサイトに訪れる人が最初に開くページのことです。


特に広告を出稿さる時に指定する一番始めのページを指すことです。
このページの出来で物の売上が何倍も違うと言われるほど重要なページです。

私もアフィリエイトをやっている身でありますので
簡単にLPが作れるものはないかな~と探していたところmeviusを紹介されました。


meviusのいいところは何よりも値段です。

同じようにLPを作れるソフトって思ったより高いものが多くて
安くても2万円くらいするんです。

一方meviusは5980円!(現在)

あらあら月額かな?と錯覚するほど他のソフトよりも安いんです。
これは買うっきゃない!と飛びつきました。

bluegriffonがかなり厄介

買ってみて初めて知ったのですが
meviusはbluegriffonという無料のホームページ作成ソフトを利用します。

それのテンプレート集だから安いのですね。


とはいえ、テンプレートとしては大変優秀です。

使いこなすことが出来れば好きなようにテンプレートを作り替えられるので
かなり自由度の高いソフトだと私は思います。



が、しかし!

このbluegriffonがなかなかの曲者で
初心者には難しいにも関わらず、そこまで難しいことは
meviusのマニュアルには書いてありません・゜・(ノД`)・゜・


そこでこのページでは、マニュアルには書いていないけれども
私はひっかかったぞ!という点をピックアップしていこうと思います。


ここ以外にもこんなところに躓いたわということがあれば
お気軽にメールでも、コメントでも頂けると幸いです!

bluegriffonで初心者がつまずき易い所攻略

まず早速bluegriffonが起動しない!どうして?


まずwindows8を使っている人たちが最初に遭遇するのがこの画面です。



あっれー?!bluegriffonインストールに失敗した?!
と思いますが、そういうわけではありません。

このそもそも起動しないというエラーの多くは
meviusマニュアルに書いてあるもので攻略出来ますが
その中で最も厄介なのが「ユーザーフォルダ」の名前です。

このユーザーフォルダの名前が日本語だと起動しないのです!

なんだ、そんなことかと思って
いざフォルダの名前を変えようとしますが変わらない!

実はwin8ではユーザーフォルダの名前を変更することは普通には出来ません。
変える方法はあるのですが、そんなことより
新しいローカルアカウントをさくっと作ってしまいましょう!




まずはwin8の設定からPCの変更を選びます。




こちらのアカウントを追加から新しいローカルアカウントを作っていきます。



ここではMicrosoftアカウントを利用する必要はありません。
そもそもメインのアカウントではなく
あくまでもbluegriffon使うためだけのサブですからね。



ローカルアカウントの追加を選びます。



ユーザーの追加の画面ですがここが最も重要です。

ここで入力するユーザー名は絶対に日本語を利用しないでください!

ここに入力するユーザー名がユーザーフォルダの名前にそのままなってしまいます。



終わったら完了を押しましょう。以上でローカルアカウントの設定が完了です。




設定が終わったらアカウントの編集から
アカウントの種類を管理者に変えておきましょう。



それが終わるとアカウントを変更します。



新しいユーザーフォルダが出来ているか確認しましょう。
出来ていれば、bluegriffonが使えるようになっているはずです。




IDの指定ってなんなの?


使ってみるとわかるのですが、bluegriffonは
ワードプレスのように簡単に文字の服飾がしづらいと感じます。

しかし、これはWPと違って一手間増えているだけですので
理解してしまえばそこまで厄介でもありません。




文字を服飾したいときには、まず範囲を指定します。

次に範囲を指定した状態から上の階段状のブロックをクリックします。

それをクリックするとスタイルプロパティが開きますので文字を服飾しましょう。




しかし、いざ服飾しようとしてみると「同じIDが存在します」と言われます。

同じID?何の話?と思うかもしれませんが
これはそんなに難しい話ではありません。

IDの指定とはその範囲をまとめてひと塊として扱うということです。

この図で言うと、今回範囲指定した

テキスト テキスト テキスト テキスト
テキスト テキスト テキスト テキスト
テキスト テキスト テキスト テキスト
テキスト テキスト テキスト テキスト

の部分を一つとして扱うのです。
そうすることで初めて文字を服飾出来ます。

そうやって

範囲を指定→IDを指定→文字の服飾等をする

という流れになります。

これさえわかれば、HPはこの繰り返しです。



作ったものをWPにアップ出来ないんだけど?


いざbluegriffonで作ったものをWPにアップロードしようとすると
どうやってアップロードすればいいかよくわからないという状況になります。

bluegriffonで作ったものをアップロードするにはftpを利用します。
ここでは使いやすくて便利なffftpを利用しましょう。

ffftpってなんぞえ?という人はこちらからどうぞ!
FTPとは何?無料インストールに設定方法と初心者でも簡単な使い方



ではまず、自分のサイトに入りましょう。
その中の「public_html」に新しくフォルダを作ります。

フォルダの名前はなんでもいいのですが、ここでは「lp」とします。



その中に
「index.html」= bluegriffonで作ったサイト
「index.html.bak」= bluegriffonで作ったサイトのソース
「style.css」= meviusテンプレートのスタイルシート
「画像フォルダ」

を入れます。

画像フォルダにはサイトを作る時に利用した画像を全て入れましょう。


これでページにアクセス出来るようになりました。
しかし、いざアクセスしてみると画像がうまく表示されません。


実はこのままではうまく表示されないのです。

「index.html」「index.html.bak」「style.css」

この3つの中の画像に間違ったurlが指定されているためです。

例えば
.img1 {
background-color: transparent;
background-image: url(“images/img.png”);

このように画像を指定しているurlが間違っています。
ですのでこれに新しくアップロードした画像のurlを指定しましょう。

http://自分のサイト名/public_html/lp/画像フォルダ/img.png

こんな感じのurlになると思いますが、ここで/public_htmlはいりませんので

http://自分のサイト名/lp/画像フォルダ/img.png

こちらを新しくurlに入れます。

「index.html」「index.html.bak」「style.css」の他のurlも新しく指定し直しましょう。

そうすればちゃんと画像が表示されるようになります!

まとめ

bluegriffonにはまだまだ難しいところが沢山あります。

しかしながら、ちゃんと対処していけば誰でも使えるものです。

わからないところがあれば是非メールやコメントをください。

こちらのページに追加してわからないことをなくしてしまいましょう!

 - アフィリエイト

  関連記事

PAK92_iroenpituset1278500
ブログタイトルを変更するとGoogleに検索SEOで強くなる?

目次1 ブログタイトルの変更は必要なの?2 ブログタイトルの変更はそこまで影響が …

GREEN_ME20140125500
トレンドキーワードとは何?アフィリエイトに最適な選定方法と探し方

目次1 トレンドキーワードって何?2 アフィリエイトに最適な選定方法と探し方3 …

PAK89_kohitujisan20141223113209500
ミドルワードスモールワードとは?SEOに強い記事タイトルに必須!

目次1 ミドルワード・スモールワードとは?2 どう使い分ければいいのか?2.1 …

PPC_1manensatu4mai500
アフィリエイトにおすすめのネットバンクは何?口座開設方法は?
Amazonアソシエイトは審査が厳しい?通らない理由と解決方法

目次1 Amazonアソシエイトとは?2 Amazonアソシエイトの利点は?3 …

PAK42_bingocard1278500
ブログアフィリエイトで無断転載はOK?罰則とコピペ防止方法は?

目次1 ブログアフィリエイトで無断転載は大丈夫なの?2 でも2chまとめとか無断 …

アフィリエイト初心者で稼げない人のAdsense規約違反とは?

目次1 Adsense規約とは?2 GoogleAdsenseプログラムポリシー …

PAK85_pentonote20140313000808500
ブログアフィリエイトで稼ぐコンテンツ力のある記事の書き方とは?

目次1 コンテンツ力のある記事とは?2 ブログアフィリエイトで稼ぐには?3 PV …

PAK39_toumeinadice500
記事タイトルの変更はSEO的に大丈夫?インデックス後の影響とは?

目次1 記事タイトルの変更について2 なぜ変更したいかを考える3 記事タイトルの …

PPS_aburisa-mon500
ブログアフィリエイトでアクセス数や目標金額を設定するメリットは?

目次1 アフィリエイトをするにあたって2 アフィリエイトとは努力の結晶3 目標を …

Message

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