記事内に広告を含みます

【ConoHa WING】ファイルマネージャーでWebサイトを楽々アップロード

ConoHawingでWebサイトをアップする方法

 

サーバーにアップしたいカメ

ConoHa WINGでWebサイトをネット上にアップできるんだっけ?

コノハウィングのファイルマネージャーを使えば簡単にできるよ

学び続けるウサギ

サーバーにアップしたいカメ

アップしたいから教えてよ〜

 

「Webサイトをカンタンにサーバーにアップロードしたい」


「Webサイトをサーバーにアップロードしたことがまだないんだけど自分にもできるのかな?」

「FTPソフトってなんか細かくて苦手だからカンタンに作ったWebサイトをアップできないかな?」

上記のように思われる方に役立つ記事になっております。

レンタルサーバーのConoHa WING(コノハウィング)のファイルマネージャーを使うとWebサイトをカンタンにアップロードすることができます。

ConoHa WINGでWordPressを開設 【ConoHa WING】コノハウィングでのWordPressブログの始め方

今回はConoHa WINGでWebサイトをアップロードする方法についてご紹介してきたいと思います。

ConoHa WINGでWebサイトをアップロードする方法

コノハウィングの「ファイルマネージャー」を使ってWebサイトのファイルをアップロードしていきたいと思います。

ファイルマネージャー

Webブラウザからサーバー上のファイルを操作できる機能

Webサイトをアップロードする流れ
  1. FTPアカウントを作る
  2. ファイルマネージャーにログインする
  3. ファイルをアップロードする

①FTPアカウントを作る

まずはログインしてFTPアカウントを作っていきます。

conohawingでWebサイトをアップする手順1

コントロールパネルでWINGが選択されてる状態で、サイト管理からFTPを選択して右上辺りにある+ FTPアカウントをクリックします。

conohawingでWebサイトをアップする手順2

FTPアカウントの設定画面が表示されたら①ユーザー名と②パスワードを作り入力します。

  1. ユーザー名
  2. パスワード

接続許可ディレクトリでアクセスできるディレクトリを制限しなければ、「全て許可」が選択されたままで保存をクリックします。

conohawingでWebサイトをアップする手順3

画面左下に出てくるポップアップでFTPアカウントが作成できたことがわかりますね。

②ファイルマネージャーにログインする

conohawingでWebサイトをアップする手順4

そのままサイト管理画面のファイルマネージャーをクリックします。

conohawingでWebサイトをアップする手順5

ファイルマネージャーに入ることができました。

public_htmlをクリックしてアップしたいドメイン名を選択します。

画面上部にあるファイルアップロードのアイコンをクリックしてアップロード画面を呼び出します。

③ファイルをアップロードする

conohawingでWebサイトをアップする手順6

アップロード画面のポップアップがでてきたらWebサイトのファイルやフォルダをドラッグ&ドロップします。(呼び出さずに画面の白い部分に直接ドラッグ&ドロップでもOK)

conohawingでWebサイトをアップする手順7

HTMLファイル・CSSファイル・JSファイル・画像を入れておいたimageフォルダを一緒にドラッグ&ドロップしましたが、無事にファイルとフォルダを全てアップロードすることができました。

すぐにサイトURLを確認したらちゃんと反映されてました。

アップロードしたら反映されてるかどうかサイトを確認してあげましょう。

サーバーにアップできたカメ

Webサイトアップできた〜♪

アップしたファイルやフォルダを削除したい場合

conohawingでWebサイトをアップする手順8

削除したいファイルやフォルダを選択して上部のゴミ箱アイコンをクリックします。

conohawingでWebサイトをアップする手順9

削除をクリックすることで完全に削除できます。

まとめ:コノハウィングで簡単にWebサイトをアップロードしよう!

今回はConoHa WINGでWebサイトをアップロードする方法をご紹介してきました。

コノハウィングでファイルマネージャーを使うことで簡単にアップロードすることができて便利な機能ですよね。

特にフォルダも丸ごとアップロードできるのが良いと思いました。

Webサイトのアップロードについて少しでも参考になれば幸いです。

他にもConoHa WINGでのメールアドレスの作り方はコノハウィングの便利なWebメール・レンタルサーバーの申し込みについてはコノハウィングでのWordPressの始め方の記事を参考にしてみてください。

コメントを残す

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