お名前.comにWebサイト(ホームページ)をアップする方法

お名前.comのドメイン&サーバーレンタルしてる場合のアップロード方法をご紹介。

今回はWordPressではなく静的なHTMLをアップロードする方法になります。

目次

お名前.comに作成したhtmlをアップする方法

レンタルサーバーとセットでドメイン取得すると手間が少ないですし、ドメインの初年度費用が安くなるのでセットで契約している人も多いと思います。

お名前.comのレンタルサーバーにホームページをアップする方法をまとめておきます。

お名前.comの情報を確認する

コントロールパネルでFTP情報を確認するまでの流れを解説します。

STEP
お名前.comにログイン

まずお名前.comのトップページから管理画面にログインしていきます。

トップページ右上の【お名前.com Naviログイン】を選択して契約時のIDとパスワードを入力してログインします。

STEP
レンタルサーバー管理

ログインしたらドメインの契約情報が出てくるので右上の【レンタルサーバー管理】というところを選択し

続いて出てくる次の画面でも【レンタルサーバー】というアイコンを選択します。

STEP
コントロールパネルにログイン

そしてサーバー選択画面が出るのでコントロールパネルにログインします。

FTP情報の確認

コントロールパネルにログイン出来たら右上のWeb設定から【FTP・SSHアカウント】を開き、FTP情報を確認しましょう

この情報をFTPソフトに入れて接続する事になります。

必要に応じてメモや印刷をしておきましょう

FTP 無料ソフト for MacOS

ftpソフトは無料のものから有料のものまで多々ありますが、今回は無料のソフトを使用します。

※MacOSでの説明になりますがWindows版も無料提供されており、使い方は同じなので問題ありません。

特にMacユーザーにオススメ

WindowsではFFFTPが有名ですがMacではFileZillaがFFFTPと同じようなUIで使いやすいのでおすすめ

ダウンロード方法

ダウンロードは公式サイトから

使っているOSに合わせてダウンロードしてインストールします。

FileZillaのホスト設定

ダウンロードしてインストールしたらFFFTPと同じような画面になるので初期設定を行います。

先ほどお名前.comのサーバー管理画面で確認したFTP情報を入力していきます。

  • ホスト:サーバー名
  • ポート:21
  • ユーザー:アカウント
  • パスワード:パスワード

【接続】を押せばサーバーに接続され、サーバーの情報や内部ファイルが表示されます。


デフォルトではこんな感じになっていると思います

ドメイン名のフォルダの中に標準読み込みファイルの【index.html】や【index.php】を入れればドメイン名でアクセスしたときにWebサイトを開くことができるようになります。

FileZillaの基本的な使い方

非常にシンプルなソフトなので特に覚える必要のある操作はありません。

  • トップメニューの左上が接続ボタン
  • 最初に設定したホスト名が表示される
  • 接続を押せばサーバーと接続する
  • 更新ボタンを押せば最新の情報に更新

接続したり更新するボタンを覚えておけば問題ありません。

アップロード方法

アップロードも非常にシンプルです。

ローカル(パソコン内部のフォルダ)とサーバーを同期する感じでアップロードしていきます。

画面の見かた

  • 左側がローカルフォルダ(パソコン保存)
  • 右側がサーバーファイル(サーバー保存)

左側でアップロードしたいホームページフォルダを参照し、右側のサーバー側はドメインフォルダを選択します。

その状態でアップロードファイルをShiftを押しながら選択し、右クリックメニューの【アップロード】を選択すればサーバー側にアップロードされます。

最後にWebサイトを確認

これだけの作業でアップロードが完了です。

お名前.comでドメインとサーバーをセットで契約している場合は特にDNS設定などもいらないみたいなので、実際にURLをブラウザに入力すればWebサイトが見れるようになっています。

とっても簡単ですね。

更新手順

もしホームページを更新したくなった場合はオフライン上でhtmlファイルやcssファイルを変更します。

ブラウザで確認が取れたら今説明した手順でアップロードすれば上書きで更新してくれます。

更新手順はアップロードボタンで上書きするだけなので非常に簡単。

上書きすると前のファイルは消えてしまうので『バックアップをとってから』『オフラインで確認してから』アップロードしましょうね

HTMLとCSSは慣れれば使いやすい

WordPressとか無料ブログしかやっていないとサーバーにアップするタイプのWebサイトは敷居が高く感じますが案外簡単です。

うさぎのアイコン画像うさぎ

また、HTMLとCSSだけでWebサイトを作っておくとよりHTMLを理解できるので一度は作ってみると良いですよ

黒猫のアイコン画像黒猫

とはいえ頻繁に更新する場合はWordPressが一番かんたんですね

WordPressはサーバー代無料運用も可能なので下記の記事も参考にしてみてください。

コメント

コメントする

目次
閉じる