マイプロフィールをリンクさせたいのですが…

質問

「Ninja Blog」を始めたばかりなのですが、HTMLやCSSのことなど,
全くの初心者です。
自分のブログに「マイプロフィールのページをリンクさせたい」のですが、やり方がさっぱりわかりません。
現在、ブログ上にプロフィールが数行記載されていますが、内容を充実させたいので、そのように思った次第です。
今の段階で用意したデータは以下のとおりです。ちなみに自分はMacユーザー(Safari)です。
・SimpleTextで作成したプロフィール用のhtmlデータ(拡張子.html)
・SimpleTextで作成したcssデータ(背景画像使用の為、拡張子.css)
・背景jpgデータ
以上です。しかしここから先が全く分かりません。
まず「Ninja Blog」のプラグイン設定の「Link」から設定を行おうとしましたが、リンク先(今回はマイプロフィール)のURLが必要なのでできませんでした。
URLが必要なのであれば、そのURLを取得する方法も是非知りたいです。
htmlの中にタグを挿入すればできるのでしょうか？ただ自分の場合、知識がほとんど無く、本や関連サイトで調べてもよくわかりません。
いくつか方法があるのかもしれませんが、最も簡単にできるものを教えていただければありがたいです。
ヨロシクお願い致します！

回答No.1

MochaBrown · ベストアンサー

はじめまして。
私はMacを使ったことがありません。それを前提にして読んでくださいね。

まず、「マイプロフィール」のhtml,css,画像をアップする場所を用意しないといけませんね。
一番簡単なのは、Ninja Blogで新しい記事を一つ作って、そこにプロフィールを書いて、「詳しいプロフィールはこちら」といった感じでリンクする方法です。
ただ、これだと好きな画像やデザインのページというよりも「ブログの一部」という色が強いです。

やはり作ったHTMLにリンクさせたいのなら、ファイルの置き場としてサーバーを借りる必要があります。
サーバー、ファイル、アップロードなどの概念は下のページが分かりやすいかな。
http://www.dekirukana.net/house.html

Ninja Blogをお使いということは、NINJA TOOLSのアカウント(ID)をお持ちですよね？
そのIDで、「忍者ホームページ」が作れますので、そこを利用したら良いと思います。
http://www.ninja.co.jp/hp/

他にも無料のサーバーとして、FC2だったりYahooだったり、沢山あります。
http://www.kooss.com/hp/
HTMLのアップだけならば、CGI(掲示板などを設置できる)はいりませんから、好きなものを選べると思いますよ。
ただし、無料で借りる場合はページ下部等に広告が入ってしまいますが。

サーバーを借りたら、次はHTML,CSS,画像をアップロードします。
これにはFTPソフトが必要です。WindowsならFFFTPが有名ですが…Macだと「fetch」が有名なのだそうです。
http://fetch.jp/
無料ならこの辺でしょうか。
http://q.hatena.ne.jp/1145470394
※FC2などなら、ブラウザ上でファイルをアップロードすることも可能だったりします。

FTPソフトを起動して、Ninja ToolsのID、パスワード、サーバー名(Win用ですが、Ninjaなら下記サイトが参考になるかも)などを入れます。
http://www.ninja.co.jp/help/hp/making004.html
あとは、接続したサーバーに、自分の作ったHTMLなどのファイルをアップロードするだけです。
ソフトによっても違ってくるでしょうが、ファイルを選択してから「アップロード」ボタンを押す、という手順だと思います。

アップロードできたら、確かめてみましょう。
例えば借りたサーバー名が「http://www.ninja.co.jp/」だとして、直接「profile.html」をアップするとプロフィールページは「http://www.ninja.co.jp/profile.html」になります。
無事表示されたら、そのURLをNinja Blogのリンク設定のところに入力すれば、リンクできるはずです。

上記の「HTMLファイルを用意→サーバーを用意→ファイルをサーバーにアップロード」という流れが一般的です。
分からないことがあったらできる範囲で補足させていただきますね。参考になれば幸いです。

お礼

MochaBrownさん、はじめまして！
非常に丁寧でわかりやすい解答をいただき、ありがとうございます。
回答を読み進めながら「きたーーー！」まさに知りたい内容だった
からです。

アナログ人間であるにもかかわらず、ブログを初めてしまい…、
本来、もう少し基礎を勉強してからの方がいいのでしょうが、
何だか色々とやってみたくなってしまったわけです。

年末年始ということで、fetchがお休みで購入できないようなので、
暫くしたら作業に取りかかります。
先ずはお礼だけでも、と送信させて頂きました。
以後、今回の件や別途ご質問させていただくかもしれませんが、
その際はヨロシクお願い致します。自己学習もします…。
ありがとうございました！