2015年 4月 の投稿一覧

キーワード需要からビジネスをはじめる 社長のヤミ勉

キーワード需要からネットビジネスをはじめる

ニッチキーワード市場を狙う

多くの人が注目していないニッチキーワード市場を狙う。

検索キーワードの世界は、全体の8割は月間検索数10万件に満たないようなマニアックなニッチキーワード。このゾーンは大資本が入ってこない。ニッチキーワード市場のワードからビジネスを作る。

事例1
ペット。「チワワ」「ダックスフント」といった五万件前後のニッチキーワードに広告を出す。
開業資金数十万円、社員ゼロ、収益率35%。ペットブームの波に乗り、年商5000万円に。
収益ピーク時にこのビジネスを売却。別の通販事業でキーワード市場への広告投資をし月商1千万円、年商1億円。
事例2
矯正歯科。地名との複合キーワードになると月100件程度しか検索数が無い。だが、地名+サービス名で検索する人は潜在客の可能性が高いので収益源になる。
事例3
個人歯科。自力でホームページを立ち上げマーケティングも行う。
開業医は歯学部が歯科医を大量生産しているため過当競争。コンビニ店よりも歯科医院の数が多いとまで言われている状況で、特に個人医となると誰でも集客に苦労している。この歯科医は検索結果に告知し始めた付きからネット集客だけで月間500万円売り上げた。
やったことは、「審美歯科+地名」のキーワードに自力で出稿しただけ。広告を出していたライバルは一切いなかったので、広告投資額はわずか3000円だった。

言葉の需要から新規顧客を獲得する

検索数の少ないニッチキーワードは誰にも有効活用されることなく大量に放置されている。

検索エンジンから得られる「言葉の需要」データを下に、新規顧客を確実な費用対効果で獲得できる道ができれば、年商一億円を超えることはまったく難しくない。

一名~二名での運営も可能、ビジネスオーナーとしての年収を1千万円超えにすることは簡単である。

infographic08

キーワードに対して1クリックの広告単価がいくらかかるかはgoogle adwordsで事前にわかるため、「言葉の需要」から新規顧客を確実な費用対効果で獲得できる。

逆転の発想 大企業が攻め込まないところにあるブルーオーシャン市場

通常、商材があって、「その商材をどうやってキーワードで売るか」を考える。商品から入るこのアプローチを英語では「プロダクト・アウト」の手法という。

ここで紹介した手法はまったく発想が逆である。「数万~十万規模の検索数のあるワードにあった商品は何か?」と考える。需要からはいるこのアプローチを英語では「マーケット・イン」の手法という。

キーワードの中には大企業が豊富な資金力を背景に大量に資金投下してくる、少数の人気キーワードの市場もある。これをビッグ・キーワードといい、月間検索数で言うと数十万で少ないほうで、通常は百万単位だ。われわれは大企業との資金力勝負の舞台では戦わない。

「商品をキーワードでどうやって売るか」をやめ、「検索キーワードに合った商品は何か」を考える。
大企業が資金力で勝負するビッグワードを避け、月間検索数で10万以下のニッチキーワードを狙う。
この2つの戦略をマスターすることが、ゼロから起業する人がネットビジネスで成功するための鍵だ。

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣

WordPressを用いて、社内イントラネットを構築

イントラネットを構築する

簡単な社内イントラとして利用できる自社用ホームページを作成します。
ほんとうはきざしラボのようなページを作って社外向けにも公開したいところなのだが、明日をも知れぬ零細企業で金にならない社内向けページに金と時間を使ってしまうのは勿体無い。

できあがったサイト(画面イメージ)はこちら

あると便利なプラグイン

【テキストエディタ】

TinyMCE
リッチテキストエディタ。htmlの構文がわからない人でも文書作成ができる。
うちの会社にはラボに属するエンジニア(LAMP系、JAVA/PHP/JS/JSON etc使い)のほかにもECサイト運営スタッフ、WEBデザイナーなどもおりあまり入力が複雑だと使われない可能性がある。インターフェースは素人向けにしておいた方が良い。
エンジニアが不便なところは後で機能拡張してくれることを祈りつつ。

【会員ログイン機能】

AllAllow Categoriesを使う方法と、user role manager & User Access managerを併用する方法。

User Role Editor
ユーザ毎に権限設定ができる。
User Access Editor
本来、社内専用サイトにするには全ページにアクセス制限をかける必要があります。ログインしていない人にアクセスさせないためです。
WordPress Access Controlを使うと、サイト全体にアクセス制限をかけることができます。

(header.php内のwp_head();の直前にif (! is_user_logged_in() { auth_redirect();}を記述してリダイレクトする方法もありますが、テーマを上書きするたびに記述しなおさねばならず、記述漏れが発生するリスクもあります。社長がいちいちテーマの更新のたびにheader.phpを書き直す羽目になったらあほらしい。)
Allow Categories
ログインした人だけにしか見せないカテゴリを指定できる。
今回はこちらのプラグインを使用します。社員が社内からアクセスする以外にもアルバイトの大学院生などが社外からインターネット経由で接続する場合もあるので。
Allow Categories

権限ごとの説明

管理者
すべての権限
編集者
記事投稿可。他人の書いた記事も編集可。
投稿者
記事投稿可。自分の記事は自分で再編集、公開可。
寄稿者
記事投稿可。承認が無ければ公開できない。キュレーションサイトのキュレーターなどはここに該当(投稿後編集者が編集、承認)
購読者
読むだけの人

参考 http://momonga365.blogspot.jp/2010/11/wordpress.html
http://w.builwing.info/2012/12/17/wordpress%E3%81%A7%E7%A4%BE%E5%86%85%E5%B0%82%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E6%A7%8B%E7%AF%89/

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣

フリーなのに超強力なテキストエディタSublime Text 3を使おう 社長のヤミ勉

Sublime Textとは?

「思考の速度で経営したい」社長必見!

パーッと思いついたことをメモ書きするときに便利。いちいち保存しなくても「仮保存」機能があり、タブを削除しない限り書いた内容が保持されています。「ひとりブレスト(ブレインストーミング)」にもいいかもしれませんね。

本来はメモ書き用じゃないんですけどね。Webサイト構築の際のhtml、CSSファイルの作成、C++言語やPHP、JavaScriptなど各種言語のコーディングに特化したテキストエディタです。

Windows、Mac用、Linuxに対応しています。

monitors_largeimage

Sublime Textの入手方法

Sublime Textは公式サイトからダウンロード可能です。

http://sublimetext.com/3

DreamWeaver並に使いやすくするには設定を工夫する

機能追加に便利なプラグインPackage Control

Sublime Textに機能を追加するには、まずPackage Controlというプラグインを入れると良いです。入力補助、コード中のキーワードのハイライトなどあるといいなという機能がパッケージという形でたくさん提供されているので、Package Controlから選んで追加すればよいようにつくられていてとても便利。

Sublime Text 3 Package Controlの案内は以下のページにあります
https://sublime.wbond.net/installation

手順はたったの2つ!

  1. 「SUBLIME TEXT 3」のタブの内容をコピー。
    “import urllib.request,os; pf = ‘Package Control.sublime”…. で始まる一行です。
  2. Sublime Textを開いて、[CTRL]+[‘] または [View] > [Show Console] でコンソールを表示。コンソールを表示できたら先ほどコピーした内容を貼り付け、[ENTER]を押下してください。

sublime-text-3aa

Sublime Text3は日本語未対応なので日本語に対応させてみる

  1. [CTRL]+[SHIFT]+[p]でPackage Controlを起動。
    [Package Control:Install Package]を選択し、[japanize]を入力するとパッケージをインストールできます。
    パッケージインストール後、以下の3手順を踏むとメニューの日本語化は終わりです。
  2. [フォルダA]にインストールされている*.jpファイルを、[フォルダB]にコピー。
    [フォルダA] C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Japanize
    [フォルダB] C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Default
    *.jpファイルというのは、.jpで終わっているファイル名すべてという意味。”*”は「すべての」(英語で言うとfor any)を意味するコンピュータの世界の共通語で「ワイルドカード」といいます。この機会に覚えましょう。
    ※Defaultフォルダがない場合もある。この場合は作成すること。
  3. [フォルダB]にあるオリジナルのファイル(.jpのつかない同名のファイル)を保存しておきます。語尾の修飾子を.org(オリジナル(original)の意)
  4. [フォルダB]にコピーしたファイルをオリジナルのファイル(.jpのつかないファイル)と置換します。
  5. [フォルダC]にある、.jpがつかないファイルを、[フォルダD]にコピーします。
    [フォルダC] C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Japanize\Main.sublime-menu
    [フォルダD] C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\User

他のプラグインでメニューが日本語以外になっている場合がありますが、最後の段落の作業で上書きされてしまっているトップメニューも日本語になります。

文字コードをそろえる

日本語には「文字コード」が複数あり、これがまた頭痛の種。たまにWEBサイトを閲覧しようとしたら文字化けで読むことができなかったことはありませんか?これは、日本語ファイルの結構な割合がShift-JIS(シフトジス)コードで記録されていることが原因です。WEBの世界及びグローバルのデファクト・スタンダード(業界標準)はUTF-8系列なので、UTF-8前提のSublime TextでShift-JISのファイルを開くと文字化けします。

文字化けに対応するパッケージもインストールしておきましょう。

  1. [CTRL]+[‘]を押下し、[Package Control:Install Package]と入力。[ENTER]。
  2. “ConvertToUTF8″と入力すると該当するパッケージが検索されて出てきますので、[ENTER]を押下しパッケージをインストールします。

DreamWeaver並に便利なパッケージ一覧

【凡例】

パッケージ名
パッケージ内容

2015年4月時点のリストです。

インストール方法: [Package Control]から[Install Package]を選択しますと、下記タグが選択できるようになります。

HTML
HTML5のタグの自動補完。スニペット集とキーワード(タグ)のハイライトも。
CSS Snippets
CSSの自動補完
IMESupport
IME(日本語入力)のインライン表示
JQuery
jQueryの自動補完
Emmet
HTML, CSSの記述の高速化プラグイン「Zen-Coding」の次期バージョン
Bracket Highliter
タグの開始タグと終了タグを強調表示
AutoFileName
imgタグのファイル保存場所(タグ)を入力する際、ファイル名を補完
SublimeLinter
構文エラーを検出して表示してくれる
SublimeCodeIntel
通常であれば[Ctrl]+[Space]で補完表示するものを自動表示してくれる
Tag
閉じタグを打つと補完してくれる
ColorPicker
カラーピッカーを表示
Emmet LiveStyle
Developer Toolから直接CSSが編集できる。Google ChromeまたはSafariの連動が必要
SFTP
Sublime Text上から直接FTPでファイルをアップロード

参考:http://www.starlod.net/sublime-text3-jp-inline.html
参考:http://catcher-in-the-tech.net/481
執筆時間: 2h30m

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣

まったく知らない分野の情報を高速で学習するときの手順 ついでに儲けよう 社長のヤミ勉

今回ご紹介する方法は勉強術の一つでもあります。ついでに学んだことはアウトプットすると良い。

curation

新しい分野でまとめサイト、ポータルサイトを作る際のメモ

~まったく知らない分野の情報を高速で学習するときの手順 ついでに儲けよう~

以下は自分の専門分野の際にも同じことが言えますが、詳しくない分野の情報を高速学習してアウトプットする方法です。この辺の方法論はコンサル時代(銀行員時代結構やった)の経験が生きてる。

  • DreamWeaverで作っても良いが、コンテンツだけのサイトであればテンプレートのあるWordPressでつくるのが手っ取り早い
  • ベースはTwenty Eleven 1.2あたり
  • パシSEOのブログのソースをもとに作成
基本事項

  • 大原則 社長は忙しい「社長じゃないとできないこと」に集中する(あたりまえ)
  • 勉強する(あたりまえ)
  • 用語集とFAQの作成(ここ特に重要)
  • 個別記事を書いてアップ(忙しい人は外注の活用 でも人任せにしない)
  • 画像の質を向上させる
  • トップページとカテゴリトップを作成
  • アクセス解析の設定を行う。XMLサイトマップも忘れずに
  • 記事の文章や体裁を整えつつ収益源化する

[ステップ0] 大原則 

(社長は忙しい「社長じゃないとできないこと」に集中する でも人任せにしない)

社長は忙しい。

もう一度言います。社長は忙しい。(くどい?)

起業後数ヶ月は全部じぶんでやることになりますよ。たぶんね。人を雇うほど売上も立たないだろうし。

限られた起業資金の中で成果を出し、黒字化しなければ経営者失格だ。経営計画、ビジネスモデルのチェックと修正、採用、教育、資金調達、・・・・やらなきゃいけないことは山ほどある。

ですから、売上が立ち始めて次の手、また次の手・・・・と策を講じていくうちに、自分ひとりではどうにもならない時期が絶対に来る。これはIQ100のふつうのひとが社長をやっても、IQ180のシュワルツコフ元米国国務長官だろうがみんな同じ。「社員にできることは社員に任せよう」「外注の方が早ければ外注に任せよう」という決断をする日が来ます。

私もそうでした。でも、特に起業後5年は「丸投げ」はしないと堅く誓いました。なぜなら起業まもなく「自称プロ」「○○業界の革命児」みたいな人たちに「タイアップしよう」「ジョイントベンチャー(共同事業で)」と丸投げしてみて、何度もひどい目にあった。われながら恥ずかしい。

その経験から「外注しよう」「社員を雇って社員にやってもらおう」と思った。これは方向性としては間違っていなかったんだけど、やり方を間違うと前述のタイアップ・ジョイントベンチャーと同じ末路を迎えます。金をドブに捨てるのと同じになってしまうんですね。自戒の意味もこめてこのメモを書いています。

[ステップⅠ] 勉強する(あたりまえ)

知識のインプット
参考書や雑誌など気になる情報源を5~10冊は購入し読み漁ります。
すべての書籍は3~5回は読む。
いろんな仕事で中断しがちなので、あらかじめスケジュールに入れておかなければならない。
プロに任せるにしても、メイン部分や構成自体は自分で考える必要。だから必ず目を通す。
おまけ
この期間にキャラやイラスト、ロゴの作成を依頼。

[ステップⅡ] 用語集とFAQの作成(ここ特に重要)

用語集、FAQページを作る
目的:知識を深めるため。実は用語集もFAQページもアクセス数増にはあまり貢献しないが、インプットしながらアウトプットすることで頭が整理される。最終的に出来上がるサイトに一本背骨が通り、サイトのできばえがよくなる。
サイト全体の構成を考えると一度このphaseは経験しておいた方が良い。
記事に挟む画像は仮のものにしておき、フェーズⅣで仕上げる。
期間
1ヶ月~1ヵ月半。サイトのインデックスを早めるためにも、始めは軽い記事を更新していくことが大切。一日3~5記事。合計100記事。
おまけ
用語集・FAQページをアップしつつ、ステップⅠで発注したイラストやロゴが出来上がったところで、以下のデザインを依頼。
ヘッダー、サイドバー、フッターなど、サイトのメイン部分。
インプットしつつ用語集など作っている段階なのでサイトメニューの項目などもなんとなくイメージがつくはず。

[ステップⅢ] 個別記事を書いてアップ

(忙しい人は外注の活用 でも人任せにしない)

記事を追加していく
ステップⅠ、Ⅱで知識もつき、知識内容も整理されているはずなのでそれなりのペースでかけるようになります。書く記事の内容は書籍や類似サイトを参考に。コピペは検索エンジンのペナルティがやっかいなので、しない。
記事に挟む画像は仮のものにしておき、フェーズⅣで仕上げる。
外注も併用すると速度アップ
外注の場合は画像も一緒に納品してもらうと良い。参考にしたリンクの明示を依頼することと、コピペチェックを忘れずに。
期間
独自で一日3~5記事。休憩や中断を考えると合計300記事。前段とあわせると400記事。外注を併用して記事数を増やすともっと良い。外注を混ぜるなら目標1000記事。

[ステップⅣ] 画像の質を向上させる

画像の質を改善させるのは、記事数がある程度まとまってから。
まずは記事を書くことが最優先です。なぜなら検索エンジンはコンテンツがリッチかどうかを主にキスト量で図る傾向が強いからです。
プロに頼むべきか?
私は「プロに頼む派」です。でもこの辺は見る方たちが快適に閲覧できれば言い訳で、デザインセンスのない自分だと外注になるのでしょうけれど、自作でも良いと思います。
画像がないサイトは直帰率が高くなりがちですが、画像があればそれが防げる。しかしその画像がプロかアマかで直帰率が異なるのか?あまり違わないんじゃないか、という気もします。
トップページとカテゴリのイメージも適宜変更
上記作業をしているうちにトップページやカテゴリトップのイメージがわいてくると思います。その際に新しいイラストが必要であれば追加依頼します。

[ステップⅤ] アクセス解析の設定を行う。XMLサイトマップも忘れずに

ページビューなどの計測に
google analyticsなどの設定を行います。
設定方法についてはいろんなページで既に解説がありますが、http://websae.net/google-analytics-setup-20140416/がわかりやすいです。WordPressの場合もどう設定すればいいのか解説があります(左記サイトの8.参照)
検索エンジン対策上、忘れずにXMLサイトマップも登録しておきましょう。
作成方法はこれまたいろんなページで解説がありますが、私はhttps://www.allegro-inc.com/seo/6506.htmlを参考にしました。
またはWordPressのプラグイン「Google XML Sitemaps」を利用する方法もあります。
サイト表示の高速化を忘れない
サイトの表示速度が遅いと離脱率が上がります。ここを参考にしたり、WordPressであればP3(plugin Performance Profiler)でチェックできます。
おまけ
Rank Reporterなどを使用し、日々の検索順位調査を自動化しておきましょう。ブログ内各ページの順位調査を自動化し、順位が落ちる際に「掲載ページの文章のメンテナンス・追加が必要」という認識を持つためのレーダーを活用しましょう。順位変動がある際、メールで通知が届きます。

[ステップⅥ] トップページとカテゴリトップを作成

記事が完成すると
記事が完成するとトップページとカテゴリトップの作成に移ります。
自分でやっても良いですし、外注しても良いでしょう。

nhnmatome

記事の文章や体裁を整えつつ収益源化する

ついにバージョン1の完成です!
既に完成した文章を微調整したり体裁を整えつつ、アフィリエイトリンクを貼っていきます。
あとは月に1度程度のペースでアクセス数の推移を見ながら、記事の追加などを検討していきましょう。
余談
ちなみに大手のファッション系キュレーションマガジンですら記事数は数千~1万件程度。収入が増えてくるようならキュレーターの登録機能を追加し、キュレーションマガジン化するともっと面白いことになるかもしれませんよ!?

参考 http://afi8.com/2012/03/14/5659/
参考 http://www.jweb-seo.com/blog/wordpress/2011/08/03/877

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣

起業準備室代わりに使える場所。六本木、麻布編 社長のヤミ勉

a0105397_15153385

起業準備していた頃のメモ。

上島珈琲店

六本木ヒルズよこ。

平日7:30から開店。

珈琲とゆで卵がうまい。耳栓して集中して作業!

住所 106-0031 東京都港区西麻布3-2-1北辰不動産ビル1F<店舗ページ

マクドナルド 六本木ヒルズ内

24時間オープン。

ローダーデール

平日7時~、土日8時~

六本木ヒルズのところのグランドハイアット東京の道路向かい。

オープンカフェで、おしゃれ。

住所 東京都港区六本木6-15-1
六本木ヒルズ けやき坂テラス 1F<店舗ページ

スターバックス TSUTAYA TOKYO ROPPONGI店

午前7時~翌日午前4時までオープン。

ここは横にツタヤが併設されており、読書を楽しみながら珈琲も楽しめるようになっている。

住所 106-0032 東京都 港区 六本木6-11-1 ゲートタワー <店舗ページ

スターバックス 六本木ヒルズメトロハット地下1階

午前7時~。意外と穴場!とくに午前中

場所は教えません(笑)自分で探しましょう。Life is an adventure と申します。

タリーズ 六本木ヒルズ店

平日7時~ 土日8時~

ここは喫煙者多い。

六本木ヒルズノースタワーにあります。

住所 〒106-0032 東京都港区六本木6−2−31 六本木ヒルズノースタワー 1F <店舗ページ

ジョナサン 麻布十番

24時間営業。港区立麻布図書館の隣にある。

住所 〒106-0045 東京都港区麻布十番1丁目41 ルート麻布十番1F <店舗ページ

ジョナサン 広尾

24時間営業

(2014年に建て替えでコンビニになってしまった・・・)

ゼスト 西麻布

土日11:30~ 日曜の昼は特にねらい目。結構すいており、店員さんもそっとしておいてくれる。

住所 〒106-0031 東京都港区西麻布2丁目13−15 <店舗ページ

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣

DreamWeaver CCとWordPressを連携させる方法 社長のヤミ勉

dreamweaver_and_wordpress

DreamWeaverとは、Adobe社(みなさんが普段お使いのpdfファイル閲覧ソフト acrobatで有名)のWEBサイト構築システムです。はじめはややとっつきにくいのですが、なれるととても便利。

WordPressでサイトを作る方が多いと思いますが、画面編集などWordPressの編集画面で行うと、いらっとしませんか。DreamWeaverを使うと快適に作業できます。

作業前の準備

ローカルサーバを用意する

まずはWebサーバにWordPressをインストールする必要があります。
ここでいきなりレンタルサーバを借りて・・・とあわててはいけません。

まずは、手元のPCを使います。手元のPC環境のことを「ローカル環境」といいます。

ローカル環境にレンタルサーバと同じ環境を構築し、ここにWordPressをインストールすればいいのです。レンタルサーバと異なり、無料です。運営コストを1円節約することは1円稼ぐことと同じ!これで成功に一歩近づいた!

公開するまでの期間の準備と、公開後のメンテナンスもここで行いますし、レンタルサーバのデータがクラッシュして消滅・・・なんてときにもあわてずに復旧作業ができます。

統合パッケージ(これまた無料)を利用すれば簡単にローカル環境にWebサーバを構築することができます。Windows環境の場合はXAMPP、MacOS環境の場合はMAMPが有名です。インストール方法については、下記のサイトを参考にしてください。

      [MAC用] MAMPのインストール方法の解説はこちら
      [WIN用] XAMPPのインストール方法の解説はこちら

XAMPP(MAMP)にWordPressファイルをインストールする

XAMPPまたはMAMPを設定し終わったら、WordPress環境をインストールします。インストール方法については、下記のサイトを参考にしてください。

      [MAC用] MAMPにWordPressをインストールする方法はこちら
      [WIN用] XAMPPにWordPressをインストールする方法はこちら
WordPressをDreamWeaverから編集可能にする方法

WordPressをDreamWeaverから編集可能にする方法

これで準備は完了です。

DreamWeaverでWordPressを扱うための設定

DreamWeaverで作業をする際には、事前にXAMPP(Macの場合はMAMP)を起動します。手順は以下の通りです。

  • サイト設定
  • テストサーバの設定
  • 関連ファイルの検索
  • 画面イメージを見ながら編集
  • スマホ用、タブレット、PC用と表示画面を切り替える

DreamWeaverにサイトを設定する

サイト設定画面

[サイト]メニュー → [新規サイト] を選び、[サイト設定]ダイアログを表示させます。[サイト名]は、自分のサイト名。とはいえDreamWeaver内で識別するためのものなので、利用者が識別できればどんな名前でもかまいません。[ローカルサイトフォルダ]は、あなたがローカルPCにインストールしたWordPressのインストールディレクトリを指定します。

次に、サーバの登録を行います。

(注 うっかり[保存]をクリックしてしまってもあわてずに。DreamWeaverの[サイト(S)]メニューから[サイトの管理] → サイトを選び、鉛筆のアイコンをクリックすると同じ設定画面に戻ることができます。)

DreamWeaverにテストサーバを設定する

server_setting_thru_dw

[サーバ]カテゴリを選択します。左下にある[+]ボタンをクリックすると、新規サーバ情報を追加することができます。

  • サーバ名
  • 使用する接続
  • サーバフォルダ
  • http://localhost/(WordPressのインストールディレクトリ)

server_setting_thru_dw2

《重要》新規サーバを登録したら、リモートのチェックをはずし、テストにチェックを入れます。[保存]ボタンをクリックすると、サイトが更新されます。

関連ファイルを検索する

server_dw_1

サイト設定が完了しました!さあ、DreamWeaverでWordPressサイトを開いてみましょう。サイトのメインページのファイルはindex.phpです。

ビューの上部に「このページにはサーバのみによって検索される動的関連ファイルがある可能性があります」というメッセージが表示されますので、[検索]をクリック。[スクリプト警告]ダイアログが表示されるので[はい]をクリック。

server_setting_thru_dw3

画面イメージを見ながら編集できるようにする

DreamWeaver側はindex.phpを開いたままになっていると思います。

ビューの表示を[表示] → [コードとデザイン]を選択し分割ビューにしますと、左側にindex.phpのソースコートが表示されます。

図. 左側にソースコードが表示されますが、右側には何も表示されません。

図. 左側にソースコードが表示されますが、右側には何も表示されません。

右側にはまだ何も表示されませんね。右側にプレビュー画面を表示させ、完成時のイメージを見ながら編集できるようにしてみましょう。[表示] → [ライブビューを切り替え]を選択(またはAlt+F11を押下)しましょう。

「ライブビューを切り替え(Alt+F11)」処理をしたところ、画面右にプレビューが現れました

図.「ライブビューを切り替え(Alt+F11)」を行うと、WordPress初期設定状態のサイトが表示されます。表示している画面は出来立てホヤホヤのヤミ勉ページ。

以後、WordPressのデザインチェックを行うには、デザインビューではなくライブビューで行うことができ、作業効率が高まります。

画面右側がワードやパワーポイントやPDFの文書、画面左側が右側画面の後ろに隠れている、文章をいろんな色や大きさや図付きで表示させるための仕組み、といったところです。

スマホ用、タブレット、PC用と表示画面を切り替えるシミュレーションモードもある

世の中の個人利用者の8割がモバイル(スマートフォン)からのアクセスといわれる時代。

ページの作成・編集はPCで行いますよね。WEBデザイン担当にはスマホでの見え方を気にして欲しいですよね。スマホ対応していないWEBページはB2Cのビジネスサイトとしては失格です。

画面右下にある、画面幅切り替えアイコン。左から順にモバイル用(幅480px)、タブレット(幅768px)、PC(幅1024)。数字右横の[v]をクリックすると・・・

画面右下にある、画面幅切り替えアイコン。左から順にモバイル用(幅480px)、タブレット(幅768px)、PC(幅1024)。数字右横の[v]をクリックすると・・・

ライブビュー右下にある画面のアイコンをクリックすると、様々な画面幅の環境下で作成中のページがどう見えるのか、確認することができます。

画面幅選択アイコンの数値右横の[v]をクリックしたところ。お好みの画面幅で表示確認が可能!

画面幅選択アイコンの数値右横の[v]をクリックしたところ。お好みの画面幅で表示確認が可能!

新しい画面幅のスマホが出てきても大丈夫。ここに表示された以外の画面幅にも対応、好きな画面幅で確認することもできます。

(参考)http://webgaku.hateblo.jp/entry/20120731/1343710088

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣

サイトを更新しました

社長や取締役・執行役員の方々など明日の社長さんたちが(ここポイント!)社員にかくれてこっそり勉強(ヤミ勉)するサイトをつくりました。

simpl_img

上司・経営者だから知っておきたい、WEB技術の基礎、プログラミングの基礎、投資、資格、そして家庭も大切するすてきなあなたのための子供の教育など。

40歳で金融系サラリーマンをやめて起業、3年で3社経営し上場企業の顧問も兼務している管理人「うらかた」が自分の知識欲の赴くままに学んだことをメモ書きしてるサイトです。

一生懸命受験勉強して、超?難関大学とか東大の大学院とかで勉強し、あと某巨大銀行に就職してからも米国のビジネススクールなどに留学させてもらいましたが、起業にはなんの役にも立ちませんでした。

むしろ、学生時代に学費稼ぎでやっていたプログラミングのバイトの方が1万倍、役に立ちました。思い出しながら調べながら自分のビジネスを強化するのに、作りたいサイトやサービスがあるときのたたき台を示すときなどに大活躍しています。調べ物をしたときのメモを残すところが欲しいなと思ったのと、一念発起して起業したけれど数年前の私と同じように一人奮闘している「未来の大企業家」がいるかもしれないなと思い、のこサイトを作りました。参考になるとうれしいです。

経営の際の社員にはいえないことなども書いているので、このブログは社内には内緒です。

「金を生まないことはやらない」ことが信条、というか社員向けにはそう公言している。でも社長業というのは孤独なマラソンのようなもの。試行錯誤の足跡を残したいなと思ったというのもあります。

手が空いたら会員制の登録機能や掲示板機能なども実装して、起業家同士でして情報交換できるようにしたいですね。社長と役員限定のコミュニティ。

*******

小口細分化して空室リスクを極限まで押さえながらアパマン投資を上回る驚異の高利回り!セルフストレージ(トランクルーム、レンタル収納)投資のためのセミナーも開催しております。無料で定期開催しているのは東京圏では弊社ぐらいではないかと思います。開催予定はこちら。トランクルーム投資セミナー開催中!リスクの少ない資産運用の秘訣