ウェブサイトを立ち上げたいけど、何から始めたらいいかわからない？

ドメイン、ホスティングサーバー、WordPressアカウント、テーマの購入など、典型的なWeb開発トレーニングの場は、最も高価でもあるようです。しかし、あなたが中小企業の経営者でもなければ、ブランドを構築しようとしているわけでもない場合はどうでしょうか？Web制作を学びたいだけならどうでしょう？

パソコンで無料でホームページを作成する方法、ゼロからホームページを作成する方法、あらかじめ用意された**テンプレートでホームページを作成する方法について、お読みください。さらに、WordPressのホスティングも含まれています。

xampp：はじめに

BitnamiのXAMPPは「PHPとPerlを搭載したApacheディストリビューション」ですが、今回の目的では、XAMPPはユーザーが自分のPCでウェブサイトをホストすることができる、無料でシンプルなプログラムだと理解しておけばよいのです。

XAMPPを使ったローカルサーバのセットアップはやや技術的ですが、プロセスもかなりシンプルでわかりやすくなっています。一度すべてをセットアップすれば、サイトの管理や編集も簡単にできるようになります。

それから、スピードとトータルコントロールの問題です。XAMPPを使用してホームページを作成・編集することで、サイトのサイズを自由に変更することができます。つまり、力を持てば持つほど、責任も重くなるということです。また、特にバックアップを作成しない場合、サイトが失われる可能性が高くなります。

しかし、Web開発の本格的な入門コースプロジェクトが必要な場合は、XAMPPが向いています。HTML、CSS、Javascriptなどに関するあらゆるプロジェクトを含みます。

xamppのインストール

XAMPPのサイトにアクセスし、パッケージをダウンロードしてください。デフォルトのセットアップ手順に従ってください。XAMPPのダウンロードが完了すると、自動的にXAMPPのコントロールパネルが開きます。そうでない場合は、他のプログラムと同じようにXAMPPプログラムを見つけることができます（スタートメニューから検索してください）。

XAMPP Control Panelウィンドウに、XAMPPプロセスを実行するためのシンプルなレイアウトが表示されているはずです。ここでは、最初の2つのオプション、ApacheとMySQLに焦点を当てます。

Apache - XAMPPのメインコアであり、ApacheオプションはあなたのPCにApacheサーバーを作成します。これにより、Webサイトと同じように、PC上でWebブラウザーを使って実行・編集することができるようになります。もちろん、インターネットに接続されたサーバーではなく、お客様のPC上でサイトが動作していることを除けばですが。

MySQL - SQLは、データベースとウェブサイト間の通信を可能にし、ユーザーが電子メール、パスワード、およびその他のデータ入力をテストして保存することができます。ローカルのWordPressのアカウントに使用します。

XAMPPコントロールパネルのApacheとMySQLの操作の下にある「Start」ボタンを押します。モジュールセクションでApacheとMySQLの両方が緑色でハイライトされるまで待ちます。有効化されると、XAMPPを自由に使うことができます。

localhostとphpmyadmin

問題がないことを確認するために、Webブラウザーを開き、「http://localhost/进入你的地址栏」と入力し、Enterキーを押してください。XAMPPのデフォルトページである、http://localhost/dashboard/ にリダイレクトされるはずです。

次に、上部のナビゲーションメニューにあるphpMyAdminボタンをクリックします。

とりあえずそのままにしておいて、両方うまくいったら、ホームページ作成開始です

xamppでウェブサイトを作成する

さて、お楽しみのところです。ルートドライブのディレクトリにあるXAMPPフォルダに移動します（デフォルトはC:⇄XAMPP）。次に、htdocsに移動します。 これは、あなたのウェブサイトを表示するために使用するメインのウェブサイトリポジトリになります。

ホームページを作成・編集する前に、テキストエディタが必要です。デフォルトのテキストエディタ（メモ帳など）を使うこともできますが、コードやマークアップ専用のサードパーティ製エディタをダウンロードするのがベストな場合が多いです**。 Sublime Textは最高の選択肢のひとつなので、同社のウェブサイトにアクセスしてソフトウェアをダウンロードし、使い始めましょう。

これで、WebサイトのダウンロードとXAMPPへのインストールを開始することができます。今回はRoadtripのテンプレートを使用しますが、お好きなテンプレートをお使いください。ウェブサイトのZIPファイルをダウンロードし、覚えのある場所に保存してください。次に、XAMPPのhtdocsフォルダにホームページ用のフォルダを作成します。私はロードトリップと名付けましたが、できるだけシンプルな名前にしましょう。その後、zipファイルの中身をhtdocsフォルダに解凍してください。

解凍後、htdocsのサイトリポジトリに移動し、ファイルが正しく解凍されたことを確認します。

最後に、WebブラウザでWebページに移動してください。議論の余地なく、あなたのウェブサイトは、先に述べたlocalhostとページファイルが保管されているフォルダ名を使ってアクセスすることができます。これは、ウェブサイトが基本的にフォルダーに含まれるファイルで、そのすべてが単一のドメインまたはルートドメインの下にあるためです。すでに学習しているのか!

以前、roadtripというフォルダを作成しましたので、完全なサイトアドレスはhttp://localhost/roadtrip。

これで完了です！これでローカルでサイトを編集できるようになりました。

編集部ホームページ

サブライムテキストを開く。ヘッダーファイルで、フォルダを開くを選択します。XAMPPフォルダの中からWebフォルダを探し、選択します。Sublimeテキストエディターで、同じWebサイトの複数のページを編集できるようになりました。

Sublime Textは、ウェブサイト上のすべてのファイルやフォルダーを確認できる優れたインターフェースも提供します。Webサイトに変更を加えるには、Webサイトのコードを編集し、保存（キーボードコマンドのCtrl+sを使用）して、ブラウザでWebサイトを更新してください。

手順は簡単で、ウェブページを編集してから、コードが動作することを確認します。ウェブ開発が進むと、より複雑な機能をウェブページに埋め込もうとするようになります。しかし、ページの編集の基本的な形式は、スキルレベルに関係なく、同じです。

xamppでwordpressを使う

オリジナルのコードを編集したくない、あるいはもっと使い慣れたコンテンツ管理システム（CMS）を使いたいという方には、WordPressが提供する優れたウェブデザインリソースを使いやすいZIPファイルで提供することも可能ですXAMPPにWordPressをインストールするには、WordPressのWebサイトにアクセスし、公式アプリケーションをダウンロードしてください。

解凍したWordPressフォルダをWordPressフォルダのhtdocディレクトリに配置し、先ほどと同じフォーマットでサイトを作成します。わかりやすくするために、フォルダー名はそのままにしておきます。

phpmyadminの使用

WordPressではログイン情報を作成する必要があるため、PHPディレクトリにWebページ用のエントリを作成する必要があります。phpMyAdminのページ - http://localhost/phpmyadmin/默认情况下--开始 にアクセスしてください。

このページで、「データベース」をクリックします。データベースの作成」パラメータに「wordpress」と入力し、「作成」をクリックします。データベースが作成されたことを知らせるポップアップウィンドウが表示されるはずです。次に、このブラウザウィンドウを閉じ、XAMPPのhtdocsディレクトリにWordPressフォルダを入力してください。このフォルダには、解凍したWordPressのファイルの内容が格納されているはずです。

ログインの設定

実際にWordPressのサイトにログインして使えるように設定する必要があります。これは、WordPressのメインのPHP設定ファイルを通じて行われます。WordPressのフォルダ内にある「wp config - example.php」というファイルを探し、右クリックして「編集」を選択します（別のテキストエディタの場合は「名前をつけて開く」を選択します）。メモ帳で十分です。

以下、注目のコードを紹介します。

// ** MySQL settings - You can get this info from your web host ** ///** The name of the database for WordPress */define('DB_NAME', 'データベース名_ここ');/* MySQL データベース ユーザー名 */define('DB_USER', ')ユーザー名_ここ');/* MySQLデータベースパスワード */define('DB_PASSWORD', ')パスワードはこちら');

上記のコードに対して、反転したカンマの中に3つの変更を加える必要があります。

このパラメータをwordpressに変更すると、phpMyAdminで作成されたデータベースが使用され、そのように表示されます。

ユーザー名はここで入力します。 \-rootに変更します。デフォルトでは、rootユーザー名は適切な管理者権限を持ち、phpMyAdminからアクセスすることができます。その他のユーザー名では、適切な権限が与えられていない限り、動作しません。

パスワードを入力する ￤分かりやすいパスワードに変更する ￤パスワードを使用しない場合は、パラメーターを削除する。

このファイルを以前のwp-configuration-example.phpとは別のwp-configuration.phpとして保存し、そのままにしておきます。次に、次のローカルホストアドレスにアクセスします。http://localhost/wordpress。

WordPressのユーザー名とパスワードの作成など、インストールを続行します。好きな値を入力することができます。値を入力したら、installwordpressボタンをクリックして完了です。完了したら、前のページで提供されたユーザー名とパスワードを使用して、ローカルのWordPressにログインします。

完了です!これで、コンテンツの編集、修正、ページの作成など、すべてを一からWordPressを通じて、オフラインで、無料で、頭を使うことができます。

1ページからのWeb制作

以前は、Web制作の道を歩み始めたばかりでしたね。これで、あなたのPCにローカルサーバーができあがりました。このサーバーを使って、好きなようにWebページを作成したり、変更したり、適応させたりすることができます。一番の魅力は、自分で完全にコントロールできることです。あとは実験を始めるだけなので、さっそく始めてみてください。

すべてのその仕事をしないことを決定しましたか？ 最高の無料のWebホスティングサービスを試してみてください。

写真提供：Dmitry Tishchenko/Shutterstock