Portfolio作成 ① 下準備編

キミマチラボ

目的

今回の作業目的は以下です。

  • /portfolio ディレクトリ作成
  • Basic認証設定
  • /portfolio にアクセス制限設定
  • Basic認証ユーザー作成
  • Basic認証パスワード設定
  • Basic認証動作確認
  • /portfolio アクセス確認

1-1 /portfolio ディレクトリ作成

WordPressを再現するにあたり、構築する入れ物として

https://kimimachilab.com/portfolio

kimimachilab.comドメインに「portfolio」ページを作成します。

ファイル管理から、

/home/kimimachi/kimimachi.com/public_html へ

portfolio」フォルダを作成

この中に、システム(PHP) や サイトの見た目(HTMLCSS)を示すコードを入れたファイルを配置していきます。

と、その前に

Basic認証設定

portfolioにアクセス制限を掛けます。

Basic認証設定とは、ベーシック(IDパスワードのみ)ログイン認証のことです。

これは、有難いことにXServerの機能にあるようです。

サーバーパネルのホームページ内の項目に「アクセス制限」があり、ここからできます。

既に作成したので、ホームディレクトリ配下に「portfolio」があるはずです。

順番に、「ON」にして、「ユーザー設定」を押して、「ユーザーIDを追加」を押して、「ユーザーID」「パスワード」を入力、最後に「追加する

あら、簡単。GUIでサクッとBasic認証が設定できました。

早速、きちんとログインが求められるようになっているか確認しましょう!

https://kimimachilab.com/portfolio

Basic認証設定を確認!

設定しておいた「ID」「パスワード」を入力して・・・

ログイン成功!「ID」「パスワード」も機能してます!(適当に配置したものが残っていて、何もない状態のスクショが残ってなかったです。すみません...。)


最後に

ここまで読んでいただき、ありがとうございます。

今回は短めでしたが、次回から構築用のファイル設置と本格的な構築に移っていきます!

難易度が一気に上がり、より詰まることも多くなると思いますが、その分実用的な内容にもなっていくと思います。

それでは次回は、index.php ファイル作成から始めていきます。

よろしくお願いいたします。

\ 最新情報をチェック /

コメントを残す

※ が付いている項目は必須です

CAPTCHA