mixhostでwebサイトの作り方を紹介【ワードプレス・自作サイト】

mixhostでWebサイトってどう作るんだろう?

今回はそんな悩みを解消するためにmixhostを使ってWebサイトを作る方法っていうのを書いていきたいと思います。これからmixhostを使ってサイト公開をしたい方は参考にしてみてください。

この記事で分かること

  • 自作したWebサイトをmixhostで公開する方法
  • ワードプレスサイトをmixhostで公開する方法

自分でHTMLやCSSを書いてWebサイトを作って公開したい方・ワードプレスサイトを作って公開したい方の2パターンがあると思います。この記事を見ているなら、mixhostでWebサイトを作りたいけどどうやったらいいんだろう?っていうところで悩んでいるんじゃないかな。

どちらの場合でもmixhostを作って公開することができるからやっていきましょう。

mixhostでWebサイトの作り方を紹介していきますよ

Webサイトをmixhostで作る2つの方法

さっきもちょろっと書いたけどWebサイトを作って公開する方法は大きく2つです。

mixhostでサイトを作る2つの方法
  • 自作したWebサイトを公開する・・・HTMLやCSS・JavaScriptで作成したサイトをmixhostで公開する
  • ワードプレスサイトを公開する・・・mixhostにワードプレスをインストールして公開する

どちらの場合もできるけどワードプレスの場合はmixhostの機能でインストールすればサイトが作られるから楽です。自作したWebサイトを公開する場合は、プログラムの知識がないとできないのでやる人は限られるかもしれない。

 おすすめはワードプレスサイトを作る

もう自分がどういった方法でサイトを公開したいか決まっているかもしれないけど、どっちの方法が良いんだろう?と悩むならワードプレスでサイトやブログを作るのがおすすめです。Webサイトを自作となるとコードを自分で書かないといけません。

ワードプレスの場合はインストールするだけで使え、記事を書いたりデザインを整えたりといったことが簡単にできる。

このサイトgadgelaun.comもワードプレスでできているよ

自作したWebサイトをmixhostで公開する手順

自作したWebサイトを公開する手順
  1. HTML/CSS/JavaScriptを使ってWebサイトを作る
  2. ドメインを取得する
  3. mixhostにドメインを割り当てる
  4. 作ったWebサイトのファイルたちをmixhostにアップロードする

自作したWebサイトを公開したい場合には、作成したWebサイトのファイルたちをmixhostの適切な場所にアップロードすれば公開することができます。

アップロードするだけで公開することができるから楽だね

 アップロードにはFTPソフトを使おう

Webサイトのファイルたちをアップロードする際にはFTPソフトを使ってやるといいです。SSH接続してターミナルからファイルをアップロードっていうこともできるけど面倒なので。

FTPソフトはいろいろあるけど自分はよくCyberduckを使います。

ワードプレスサイトをmixhostで公開する手順

ワードプレスサイトを公開する手順
  1. ドメインを取得する
  2. mixhostにドメインを割り当てる
  3. ワードプレスをインストールする

ワードプレスサイトの場合はmixhostにワードプレスをインストールする機能があるのでそれを使いましょう。mixhostのようなレンタルサーバーにはワードプレスをインストールする機能があったりして便利です。

インストールしたらすぐに使えるよ

自作したWebサイトをmixhostで公開する

ワードプレスサイトではなくて、自分でHTMLやCSSを書いて作成したWebサイトを公開したい場合もあるでしょう。

公開したいWebサイト例
  • HTML/CSS/JavaScriptで作成したサイト
  • Reactで作成したサイト
  • Vueで作成したサイト

自分で作成したサイトを公開する方法は以下の記事で書いたので、自作のサイトを公開したい方は参考にしてみてください。Webサイトのファイルたちを指定された場所にアップロードすれば公開することができます。

mixhostで自作のWebサイトを公開する方法を紹介します【HTML/CSS/JavaScript・React・Vue】

ワードプレスサイトをmixhostで作成して公開する

ワードプレスサイトをmixhostで作成して公開する場合は大きく以下の2パターンがあると思います。

mixhostでサイトを作る2つのパターン
  • mixhostで新たにワードプレスサイト作成して公開する
  • 他のレンタルサーバーからワードプレスサイトを移行する

大体の人がmixhostで新たにワードプレスサイト作成して公開するっていうことをしたいんじゃないかな。両方ともやり方を書いていきます。

mixhostで新たにワードプレスサイト作成して公開する

mixhostでワードプレスサイトを作成する方法は2つあります。

  • WordPressクイックスタートを使ってワードプレスサイトを作成する
  • WordPressクイックスタートを使わないでワードプレスサイトを作成する

WordPressクイックスタートを使ってワードプレスサイトを作成する

これからmixhostを使う人におすすめな方法だよ

WordPressクイックスタートは契約時に申し込むだけですぐに使うことができるようにする機能。

WordPressの手動インストールの際に必要な、ダウンロード・アップロード・データベースの構築や各種設定などが不要。サーバーお申し込みフォームに、サイト名・ユーザー名・パスワードをご入力、お申し込みいただくだけでインストール完了。同時に独自ドメインの取得も可能なので、レンタルブログのような簡単さでWordPressサイトをスタートできます!

WordPressクイックスタート

とても便利な機能なんだけど契約時にしか申し込めないから、それ以外でワードプレスサイトを作成する際にはmixhostのワードプレスインストール機能を使います。
クイックスタートを使ってワードプレスを作成する場合は以下の記事を参考にしてみてください。これからmixhostを契約して使い始める人にはおすすめの方法です。

ちなみにmixhostを契約するならスタンダードプランがおすすめです。

WordPressクイックスタートを使わずにワードプレスサイトを作成する

既にmixhostを契約している人におすすめな方法だよ

WordPressクイックスタートは使わずにワードプレスサイトを作成する方法もあります。この方法はドメインの設定やSSL設定などを自分で行う必要があるけど、ワードプレスをインストールする機能がついているからそこまで難しくはないです。

既にmixhostを契約している人やWordPressクイックスタートを使わないでやりたい人は参考にしてみてください。

他のレンタルサーバーからワードプレスサイトを移行する

他のレンタルサーバーからワードプレスサイトをmixhostに移行して使いたいっていう人もいるかもしれない。mixhostにはかんたん引越し機能っていうのがあるから移行したい場合にはその機能を使ってやるといいですよ。