RentalServer/X-Free をテンプレートにして作成

開始行:
*X-Free Server アカウント取得・サーバー開設の手順 ~ CENTER: &color(red){''2023.10.03 X-Free は「シン・クラウド」にリ... 　 &color(red){シン・クラウドにおける新規のアカウント作成、&... https://www.xfree.ne.jp/manual/ &small(窓口ページは、従来と同じ、https://www.xfree.ne.jp/... 　 シン・クラウドでは、PHPを必要とするWebサイトを、 通常のFTPクライアントを利用して転送・公開することができま... 以下、開設事例です。 通常のHTMLサイト：http://cf881153.cloudfree.jp/ PukiWikiサイト：http://cf881153.cloudfree.jp/pukiwiki_min... 　 ~ ~ **アカウント登録 ***公式サイトにアクセス -公式サイト：https://www.xfree.ne.jp/ -画面下の「無料レンタルサーバー利用お申し込み」をクリック ~ ***利用者登録 #image(01.jpg,right,40%) -はじめに、あなたのメールアドレスを登録します。 -PCで受信トレイを開く前提で Gmail 等がおすすめです。 -メールが届いたら、本登録用のリンクをクリックして、その先... #clear #image(02.jpg,right,40%) -利用者情報の登録です。 -パスワードを忘れないようメモしてください。 #clear #image(03.jpg,right,40%) -管理パネルへのログイン画面が表示されます。 -利用者IDとパスワードを入力して、先へ進んで下さい。 #clear ~ ***サーバー ID（URLの一部）の設定 #image(04.jpg,right,40%) -サーバー IDを決めてください。 http://XXXXXXX.html.xdomain.jp/ XXXXXXXX の部分を決める //例：http://opensquarejp.html.xdomain.jp/ -この文字列は、あなたのサイトのURLの最初の文字列に利用さ... -すでに使われている場合は、先へ進むことができません。他の... #clear ~ #image(05.jpg,right,40%) -右のような画面が出ます。 -次のステップで利用するサーバー の種類を選びます。 #clear ~ #hr CENTER: '''''以下、X-Free で用意されている''''' '''''HTMLサーバー、PHP+MySQLサーバー、WordPressサーバー、... '''''それぞれのケースについて、設定手順を紹介します。''''' #hr ~ ***CONTENTS #contents2_1 ~ ~ **HTMLサーバー の開設 一般的なWebサイト（HTML+CSS+JS）をアップロードして公開す... ~ ***HTMLサーバー の利用開始 #image(05.jpg,right,40%) //#image(06.jpg,right,40%) -HTMLサーバー の部分で「利用を開始する」をクリックして下... ＞「管理パネルにログイン＞」というボタンが表示されます。 -管理パネルにログインしてください。 #clear #image(07.jpg,right,40%) -右は、HTMLサーバー管理パネルのイメージです。 -サーバー 、ドメイン設定とFTPアカウント設定で、情報を確認... #clear #image(08.jpg,right,40%) -ドメイン設定画面では、あなたのサイトのURLを確認すること... #clear #image(09.jpg,right,40%) -ブラウザであなたのサイトにアクセスしてみて下さい。 -初期設定には時間がかかります。 -右のように表示される場合は、数時間待つ必要があります。 #clear ~ #image(10.jpg,right,40%) -右のように表示された場合は、準備完了です。 -自身で作成した index.html 等のファイルを、FTP接続でアッ... #clear ~ ***FTP接続情報の確認 #image(11.jpg,right,40%) -FTP接続情報を確認します。 --FTPホスト名 --FTPユーザー（アカウント名） &small(X-freeではサイトのURL文字列と同一); --FTPパスワード &small(自身で設定（以下）が必要); -FTPアカウント設定のメニュー「編集」をクリックしてくださ... #clear ~ #image(12.jpg,right,40%) -右のような、パスワード設定画面が出るので、ルールにしたが... -パスワードは忘れないようにメモしてください。 -確認画面が表示されたら「確認」を押して、確定させて下さい。 #clear ~ ***FTPクライアントの利用 ここでは、X-Free のFTPアカウント設定画面にある ''WebFTPは... ~ #image(13.jpg,right,40%) -右は、FileZilla FTPクライアントのサイトマネージャーでの... -''必要なのは以下の３項目です。'' --''ホスト''：FTPホスト名 --''ユーザー''： FTPアカウント名 --''パスワード''：FTPパスワード -&color(red){''「暗号化」の部分は、以下を選択してください... 平文のFTPのみを使用する（安全でない） -接続をクリックすると、サーバー に接続されるはずです。 #clear ~ #image(14.jpg,right,40%) -サーバー のルートディレクトリは、右図のように見えるはず... -ここに見える index.html が「このウェブベースには、まだホ... -この index.html を入れ替えればいい・・ということです。 #clear ~ ***開設例 例：http://opensquarejp.html.xdomain.jp/ &aname(PHP); ~ ~ **PHP+MySQLサーバー の開設 PHPを利用したサイトの公開には、このサーバーの開設が必要で... ~ ***PHP+MySQLサーバー の利用開始 #image(php01.jpg,right,40%) -PHP+MySQLサーバー の部分で「利用を開始する」とすると、右... -管理パネルにログインしてください。 #clear ~ #image(php02.jpg,right,40%) -右は、サーバー管理パネル（PHP+MySQL）のイメージです。 -FTPアカウント設定をクリックして先へ進んで下さい。 #clear ~ ***FTPアカウント設定 #image(php03.jpg,right,40%) -アカウント名を確認して下さい。以下のパターンになります。 xxxxxx.php.xdomain.jp -FTP接続情報を確認します。 --FTPホスト名 --FTPユーザー（アカウント名） &small(X-freeではサイトのURL文字列と同一); --FTPパスワード &small(自身で設定（以下）が必要); -FTPアカウント設定のメニュー「編集」をクリックしてくださ... #clear ~ #image(php04.jpg,right,40%) -右のような、パスワード設定画面が出るので、ルールにしたが... -パスワードは忘れないようにメモしてください。 #clear ~ #image(php05.jpg,right,40%) -確認画面が表示されたら「確認」を押して、確定させて下さい。 #clear ~ ***FTPクライアントの利用 ここでは、X-Free のFTPアカウント設定画面にある ''WebFTPは... ~ #image(13.jpg,right,40%) -右は、FileZilla FTPクライアントのサイトマネージャーでの... -''必要なのは以下の３項目です。'' --''ホスト''：FTPホスト名 --''ユーザー''： FTPアカウント名 --''パスワード''：FTPパスワード -&color(red){''「暗号化」の部分は、以下を選択してください... 平文のFTPのみを使用する（安全でない） -接続をクリックすると、サーバー に接続されるはずです。 #clear ~ #image(14.jpg,right,40%) -サーバー のルートディレクトリは、右図のように見えるはず... -ここに見える index.html が「このウェブベースには、まだホ... -この index.html を入れ替えればいい・・ということです。 #clear ~ ***開設事例 -以下、PukiWiki を設置した事例です。 http://opensquarejp.php.xdomain.jp/pukiwiki_minimal //例：http://opensquarejp.php.xdomain.jp/ //-初期状態では、上記のように見えます。 //-既存の index.html を削除して、index.php を含む、ご自身... &aname(WP); ~ ~ **WPサーバー の開設 WordPress のセットアップと公開 ~ ***WPサーバーの利用開始 #image(05.jpg,right,40%) //#image(wp01.jpg,right,40%) -WPサーバー の部分で「利用を開始する」をクリックして下さ... ＞「管理パネルにログイン＞」というボタンが表示されます。 -管理パネルにログインしてください。 &color(red){このプロセスには時間がかかります。何度もクリ... #clear #image(wp02.jpg,right,40%) -新規インストールをクリック &color(red){このプロセスには時間がかかります。何度もクリ... #clear #image(wp03.jpg,right,40%) -サイトのアドレスはそのまま &small(サブドメイン（左端の空欄）は指定できません。空白の... -WordPressID を決めて入力 &small(サーバー管理の ID とは別のもので、WordPress にログ... -ブログタイトルを入力 &small(後で変更可能です。とりあえず仮のタイトルでいいので... -WordPress からの連絡用メルアドを入力 &small(WordPress は、メール送信機能を持ちます。WordPress... #clear #image(wp04.jpg,right,40%) インストールが完了すると、右図のように情報が表示されて、... #clear //#image(wp05.jpg,right,40%) サイトのURLにアクセスすると、WPサイトにアクセスできるはず... 設定の反映待ちか存在しないアドレスです。 しばらく時間を置いてから、再度アクセスをお試し下さい。 #clear ~ ***WordPressの管理情報設定 以上で、サイトは公開されていますが、この時点では、ダッシ... ~ #image(wp06.jpg,right,40%) - -WordPress管理画面の「設定」をクリックして下さい。 #clear #image(wp_Admin01.jpg,right,40%) -各種管理設定の中に「管理者パスワードの初期化」があるので... #clear #image(wp_Admin02.jpg,right,40%) -WordPressのダッシュボードにログインするためのログインID... #clear #image(wp_Admin03.jpg,right,40%) -パスワードが初期化されて、新しいパスワードが表示されます。 -この管理画面では、パスワードが自動生成されるだけです。こ... -パスワードを自分好みに変更したい場合は、WordPressのダッ... #clear #image(wp_Admin04.jpg,right,40%) -WordPress管理画面の「ダッシュボードへ」をクリックして下... もちろん、http://サイトのURL/wp-admin で入ることもできま... #clear #image(wp_Admin05.jpg,right,40%) -WordPressのログイン画面になるので、ログインIDとパスワー... -これで、普通にWordPressが使えます。 -以下の作業は任意です。 #clear #image(wp_Admin06.jpg,right,40%) -自動生成されたパスワードを変更したい場合は、ダッシュボー... #clear #image(wp_Admin07.jpg,right,40%) -自動生成されたパスワードが表示されますが、これをあなたの... #clear ~ ***FTPクライアントの利用 WordPressは、一度セットアップしてしまえば、ダッシュボード... ~ #image(wp_FTP01.jpg,right,40%) -WPの構成ファイルを直接アップ・ダウンできるよう、FTP接続... -デフォルトではFTP接続が無効になっているので、これを有効... #clear #image(wp_FTP02.jpg,right,40%) -FTPホスト名は決まっているので、これをメモしましょう。 -ステータスが無効になっているので、設定変更をクリック。 #clear #image(wp_FTP03.jpg,right,40%) -WPの構成ファイル全体が見えるよう、「全てのファイル・・」... #clear #image(wp_FTP04.jpg,right,40%) -X-Freeでは、FTPアカウント名は、サイトのURLと同じ文字列が... -設定編集をクリックします。 #clear #image(wp_FTP05.jpg,right,40%) -FTPパスワードは、自動生成されて表示されます。 -これをメモしておきましょう。 #clear #image(wp_FTP06.jpg,right,40%) -FTPアカウント設定が「有効」になっていればOKです。 #clear #image(wp_FTP07.jpg,right,40%) -FTPホスト名、FTPアカウントID、FTPパスワードの３つの情報... -接続すると、ドキュメントルートに、WPの構成ファイルが全て... #clear ~ 以後、必要に応じて、テーマファイル等のアップ・ダウンが可... ~ ***開設例 例：http://opensquarejp.wp.xdomain.jp/ ~ ~

終了行:
*X-Free Server アカウント取得・サーバー開設の手順 ~ CENTER: &color(red){''2023.10.03 X-Free は「シン・クラウド」にリ... 　 &color(red){シン・クラウドにおける新規のアカウント作成、&... https://www.xfree.ne.jp/manual/ &small(窓口ページは、従来と同じ、https://www.xfree.ne.jp/... 　 シン・クラウドでは、PHPを必要とするWebサイトを、 通常のFTPクライアントを利用して転送・公開することができま... 以下、開設事例です。 通常のHTMLサイト：http://cf881153.cloudfree.jp/ PukiWikiサイト：http://cf881153.cloudfree.jp/pukiwiki_min... 　 ~ ~ **アカウント登録 ***公式サイトにアクセス -公式サイト：https://www.xfree.ne.jp/ -画面下の「無料レンタルサーバー利用お申し込み」をクリック ~ ***利用者登録 #image(01.jpg,right,40%) -はじめに、あなたのメールアドレスを登録します。 -PCで受信トレイを開く前提で Gmail 等がおすすめです。 -メールが届いたら、本登録用のリンクをクリックして、その先... #clear #image(02.jpg,right,40%) -利用者情報の登録です。 -パスワードを忘れないようメモしてください。 #clear #image(03.jpg,right,40%) -管理パネルへのログイン画面が表示されます。 -利用者IDとパスワードを入力して、先へ進んで下さい。 #clear ~ ***サーバー ID（URLの一部）の設定 #image(04.jpg,right,40%) -サーバー IDを決めてください。 http://XXXXXXX.html.xdomain.jp/ XXXXXXXX の部分を決める //例：http://opensquarejp.html.xdomain.jp/ -この文字列は、あなたのサイトのURLの最初の文字列に利用さ... -すでに使われている場合は、先へ進むことができません。他の... #clear ~ #image(05.jpg,right,40%) -右のような画面が出ます。 -次のステップで利用するサーバー の種類を選びます。 #clear ~ #hr CENTER: '''''以下、X-Free で用意されている''''' '''''HTMLサーバー、PHP+MySQLサーバー、WordPressサーバー、... '''''それぞれのケースについて、設定手順を紹介します。''''' #hr ~ ***CONTENTS #contents2_1 ~ ~ **HTMLサーバー の開設 一般的なWebサイト（HTML+CSS+JS）をアップロードして公開す... ~ ***HTMLサーバー の利用開始 #image(05.jpg,right,40%) //#image(06.jpg,right,40%) -HTMLサーバー の部分で「利用を開始する」をクリックして下... ＞「管理パネルにログイン＞」というボタンが表示されます。 -管理パネルにログインしてください。 #clear #image(07.jpg,right,40%) -右は、HTMLサーバー管理パネルのイメージです。 -サーバー 、ドメイン設定とFTPアカウント設定で、情報を確認... #clear #image(08.jpg,right,40%) -ドメイン設定画面では、あなたのサイトのURLを確認すること... #clear #image(09.jpg,right,40%) -ブラウザであなたのサイトにアクセスしてみて下さい。 -初期設定には時間がかかります。 -右のように表示される場合は、数時間待つ必要があります。 #clear ~ #image(10.jpg,right,40%) -右のように表示された場合は、準備完了です。 -自身で作成した index.html 等のファイルを、FTP接続でアッ... #clear ~ ***FTP接続情報の確認 #image(11.jpg,right,40%) -FTP接続情報を確認します。 --FTPホスト名 --FTPユーザー（アカウント名） &small(X-freeではサイトのURL文字列と同一); --FTPパスワード &small(自身で設定（以下）が必要); -FTPアカウント設定のメニュー「編集」をクリックしてくださ... #clear ~ #image(12.jpg,right,40%) -右のような、パスワード設定画面が出るので、ルールにしたが... -パスワードは忘れないようにメモしてください。 -確認画面が表示されたら「確認」を押して、確定させて下さい。 #clear ~ ***FTPクライアントの利用 ここでは、X-Free のFTPアカウント設定画面にある ''WebFTPは... ~ #image(13.jpg,right,40%) -右は、FileZilla FTPクライアントのサイトマネージャーでの... -''必要なのは以下の３項目です。'' --''ホスト''：FTPホスト名 --''ユーザー''： FTPアカウント名 --''パスワード''：FTPパスワード -&color(red){''「暗号化」の部分は、以下を選択してください... 平文のFTPのみを使用する（安全でない） -接続をクリックすると、サーバー に接続されるはずです。 #clear ~ #image(14.jpg,right,40%) -サーバー のルートディレクトリは、右図のように見えるはず... -ここに見える index.html が「このウェブベースには、まだホ... -この index.html を入れ替えればいい・・ということです。 #clear ~ ***開設例 例：http://opensquarejp.html.xdomain.jp/ &aname(PHP); ~ ~ **PHP+MySQLサーバー の開設 PHPを利用したサイトの公開には、このサーバーの開設が必要で... ~ ***PHP+MySQLサーバー の利用開始 #image(php01.jpg,right,40%) -PHP+MySQLサーバー の部分で「利用を開始する」とすると、右... -管理パネルにログインしてください。 #clear ~ #image(php02.jpg,right,40%) -右は、サーバー管理パネル（PHP+MySQL）のイメージです。 -FTPアカウント設定をクリックして先へ進んで下さい。 #clear ~ ***FTPアカウント設定 #image(php03.jpg,right,40%) -アカウント名を確認して下さい。以下のパターンになります。 xxxxxx.php.xdomain.jp -FTP接続情報を確認します。 --FTPホスト名 --FTPユーザー（アカウント名） &small(X-freeではサイトのURL文字列と同一); --FTPパスワード &small(自身で設定（以下）が必要); -FTPアカウント設定のメニュー「編集」をクリックしてくださ... #clear ~ #image(php04.jpg,right,40%) -右のような、パスワード設定画面が出るので、ルールにしたが... -パスワードは忘れないようにメモしてください。 #clear ~ #image(php05.jpg,right,40%) -確認画面が表示されたら「確認」を押して、確定させて下さい。 #clear ~ ***FTPクライアントの利用 ここでは、X-Free のFTPアカウント設定画面にある ''WebFTPは... ~ #image(13.jpg,right,40%) -右は、FileZilla FTPクライアントのサイトマネージャーでの... -''必要なのは以下の３項目です。'' --''ホスト''：FTPホスト名 --''ユーザー''： FTPアカウント名 --''パスワード''：FTPパスワード -&color(red){''「暗号化」の部分は、以下を選択してください... 平文のFTPのみを使用する（安全でない） -接続をクリックすると、サーバー に接続されるはずです。 #clear ~ #image(14.jpg,right,40%) -サーバー のルートディレクトリは、右図のように見えるはず... -ここに見える index.html が「このウェブベースには、まだホ... -この index.html を入れ替えればいい・・ということです。 #clear ~ ***開設事例 -以下、PukiWiki を設置した事例です。 http://opensquarejp.php.xdomain.jp/pukiwiki_minimal //例：http://opensquarejp.php.xdomain.jp/ //-初期状態では、上記のように見えます。 //-既存の index.html を削除して、index.php を含む、ご自身... &aname(WP); ~ ~ **WPサーバー の開設 WordPress のセットアップと公開 ~ ***WPサーバーの利用開始 #image(05.jpg,right,40%) //#image(wp01.jpg,right,40%) -WPサーバー の部分で「利用を開始する」をクリックして下さ... ＞「管理パネルにログイン＞」というボタンが表示されます。 -管理パネルにログインしてください。 &color(red){このプロセスには時間がかかります。何度もクリ... #clear #image(wp02.jpg,right,40%) -新規インストールをクリック &color(red){このプロセスには時間がかかります。何度もクリ... #clear #image(wp03.jpg,right,40%) -サイトのアドレスはそのまま &small(サブドメイン（左端の空欄）は指定できません。空白の... -WordPressID を決めて入力 &small(サーバー管理の ID とは別のもので、WordPress にログ... -ブログタイトルを入力 &small(後で変更可能です。とりあえず仮のタイトルでいいので... -WordPress からの連絡用メルアドを入力 &small(WordPress は、メール送信機能を持ちます。WordPress... #clear #image(wp04.jpg,right,40%) インストールが完了すると、右図のように情報が表示されて、... #clear //#image(wp05.jpg,right,40%) サイトのURLにアクセスすると、WPサイトにアクセスできるはず... 設定の反映待ちか存在しないアドレスです。 しばらく時間を置いてから、再度アクセスをお試し下さい。 #clear ~ ***WordPressの管理情報設定 以上で、サイトは公開されていますが、この時点では、ダッシ... ~ #image(wp06.jpg,right,40%) - -WordPress管理画面の「設定」をクリックして下さい。 #clear #image(wp_Admin01.jpg,right,40%) -各種管理設定の中に「管理者パスワードの初期化」があるので... #clear #image(wp_Admin02.jpg,right,40%) -WordPressのダッシュボードにログインするためのログインID... #clear #image(wp_Admin03.jpg,right,40%) -パスワードが初期化されて、新しいパスワードが表示されます。 -この管理画面では、パスワードが自動生成されるだけです。こ... -パスワードを自分好みに変更したい場合は、WordPressのダッ... #clear #image(wp_Admin04.jpg,right,40%) -WordPress管理画面の「ダッシュボードへ」をクリックして下... もちろん、http://サイトのURL/wp-admin で入ることもできま... #clear #image(wp_Admin05.jpg,right,40%) -WordPressのログイン画面になるので、ログインIDとパスワー... -これで、普通にWordPressが使えます。 -以下の作業は任意です。 #clear #image(wp_Admin06.jpg,right,40%) -自動生成されたパスワードを変更したい場合は、ダッシュボー... #clear #image(wp_Admin07.jpg,right,40%) -自動生成されたパスワードが表示されますが、これをあなたの... #clear ~ ***FTPクライアントの利用 WordPressは、一度セットアップしてしまえば、ダッシュボード... ~ #image(wp_FTP01.jpg,right,40%) -WPの構成ファイルを直接アップ・ダウンできるよう、FTP接続... -デフォルトではFTP接続が無効になっているので、これを有効... #clear #image(wp_FTP02.jpg,right,40%) -FTPホスト名は決まっているので、これをメモしましょう。 -ステータスが無効になっているので、設定変更をクリック。 #clear #image(wp_FTP03.jpg,right,40%) -WPの構成ファイル全体が見えるよう、「全てのファイル・・」... #clear #image(wp_FTP04.jpg,right,40%) -X-Freeでは、FTPアカウント名は、サイトのURLと同じ文字列が... -設定編集をクリックします。 #clear #image(wp_FTP05.jpg,right,40%) -FTPパスワードは、自動生成されて表示されます。 -これをメモしておきましょう。 #clear #image(wp_FTP06.jpg,right,40%) -FTPアカウント設定が「有効」になっていればOKです。 #clear #image(wp_FTP07.jpg,right,40%) -FTPホスト名、FTPアカウントID、FTPパスワードの３つの情報... -接続すると、ドキュメントルートに、WPの構成ファイルが全て... #clear ~ 以後、必要に応じて、テーマファイル等のアップ・ダウンが可... ~ ***開設例 例：http://opensquarejp.wp.xdomain.jp/ ~ ~

ページ名: