超人気の『Simplicity2』の後継『Cocoon』のデモサイトを兼ねています。

mixhostで静的HTMLサイト作成

ふと、気になったワケですよ。
あれ?
mixhostで静的なHTMLサイトってどうやるんだ?

迷惑千万なのは承知の助で、mixhostサポートにメール。
いつものようにイケメンのスタッフさんが即答して下さいました。

いただいた返信

平素は当サービスをご利用いただき誠にありがとうございます。
mixhost カスタマーサポートでございます。

cPanel内の機能でHTML文書を編集されたい場合はファイルマネージャをご利用いただくこととなります。

■ファイルマネージャーの使い方
https://help.mixhost.jp/hc/ja/articles/115003740412

ファイルマネージャでHTML文書を選択した状態で、上部メニューの「HTMLエディター」をクリックいただくとHTML文書の編集画面が表示されます。

 


ふむふむ。やはりそーなんよねー。
ファイルマネージャなんよねー。
あ、あ、あ。なるほど!
しばし、イケメンのスタッフさんの返信を眺めていて、💡ヒラメキました!
なんのこたぁない。フォルダの階層を間違ってたんだわ。

サブディレクトリの場合

cPanelにログインして『ファイル マネージャー』を開きます。

手順1

(1) public_html から使用したいサイト(例: site1)を選択して、(2) + フォルダー をクリックします。
(3)赤破線の小窓が出るので、(4)フォルダー名を入力して、(5)Create New Folderをクリックします。

 

手順2

作成したフォルダ(例:html)の フォルダアイコンをクリックして開きます。

 

手順3

図右側に アップロード ボタンで転送すれば完了です。

補足

ファイルマネージャーでファイルを転送する場合、 css 等のフォルダを作成してから1ファイルずつアップロードしなければいけないので大変面倒です。
FTP転送アプリでフォルダごと転送する方が楽だと思います。

 

サブドメインの場合

手順1

「cPanel > ドメイン > サブドメイン」をクリックします。

 

手順2

いつものように、サブドメインを作成します。

 

手順3

サブディレクトリの手順2と同じ要領です。

 

手順4

サブディレクトリの手順3と同じ要領ですね。

 


最初、サブディレクトリを『public_html』直下に作成していました。ドメインを指定していないので、URLがそもそもありません。
悩んだ挙句、先にサブドメインを作成して、チャレンジ成功!
いや、待てよ。そんな面倒臭い事しなくても、既存のサブドメインにフォルダを追加するだけでいいじゃん!!!
いつものように回り道しました。笑
でも、サブドメインでも、サブディレクトリでもどちらでも可能だとわかって良かったです。

ちなみに、、、サブドメインの場合は、WordPressの時同様にしばらくの間、「この接続は安全ではありません」が出ます。つまり、自動でSSL化してくれるという事です。

最後になりますが、URLの表示例を書いておきます。
記述してみて、フォルダ名を『html』にするとややこしいので『lmth』としました。笑
<サブディレクトリ例>ドメイン:site1.example.com の場合
トップページ:https://site1.example.com/lmth
サブページ:https://site1.example.com/lmth/●●●.html
画像:https://site1.example.com/lmth/img/●●●.png

<サブドメイン例>ドメイン:example.mixh.jp の場合
トップページ:https://lmth.example.mixh.jp
サブページ:https://lmth.example.mixh.jp/●●●.html
画像:https://lmth.example.mixh.jp/img/●●●.png

わたしの style.css がテキトーだったのかもしれませんが、画像の相対パスが蹴られたので、絶対パス(画像のURLを全部記述)で上手く行きました。

TM_BBのHTMLサイト

タイトルとURLをコピーしました