龍権のオフィシャルブログ龍権のオフィシャルブログ独立を目指しているITエンジニア龍権ですMenu龍権のオフィシャルブログホーム登山サイトマッププロフィール問合せフォームホーム登山サイトマッププロフィール問合せフォームホームサイト作り新しいサイトの作りを一から公開するよ新しいサイトの作りを一から公開するよ2018-01-082019-11-01サイト作り龍権TwitterFacebookはてブPocketPinterestLINEこんにちは、龍権(@ryuken_biz)です。2017年はブログを一年間書いてきて、ブログの美味しさを味わってしまったので、2018年は新しいサイトを立ち上げようと思っています。育てる時は大変ですが、育った後の喜びは育てたやつしか知らないでしょ。いうことで、今回は新しいサイトの作りを一から公開していこうと思います。大したことはしていませんが、サイトの作りで苦労している方々にはためになるように、なるべく詳しく書いていきます。ブログテーマを導入しようドメインを取ろうドメインとは、あなたのサイトの住所のことをいいます。「www.yahoo.co.jp」のことです。世の中には数え切れないほどのサイトが存在しますが、それらを一意的に識別するためのものになります。独自ドメインを取らなくても、ホームページサービス提供業者に登録すると、無料でドメインを取得することはできます。無料ブログに登録しても、ホームページに近いサイトは作成できます。サイトを自在に修正できなかったり、業者の広告が強制的に表示されたり、サービスが突然終了するリスクがあったりとなにやら不安要素が多いです。利益を狙ったサイトを作成するのであれば、最初から独自ドメインを取ることをお勧めします。今回は独自ドメインを取ることから始めました。取得するドメインは最初から決まっていて、「tokyobtc」を取得しようと思っていたので、検索してみます。すると、「tokyobtc」で取得できるドメインが表示されます。「.com」や「.net」が良さそうでしたが、すでに取得されていたので、今回は「.info」にしました。「.info」にチェックを入れて、次に進みます。契約期間はとりあえず1年にします。初期設定で自動更新になっているので、意図的に解約しなければずっと更新され続けられます。「Whois情報公開代行(新規登録と同時なら無料)」にはチェックを入れました。後で公開をお願いしようとすると、すごい費用がかかるみたいですよ。」を使っていたので、ここでは「利用しない」を選択しました。お名前IDとパスワードを入力して、次に進みます。アカウントを持っていない場合は、新規登録から始めましょう。支払いは既に登録されているクレジットカードにしました。支払うことも可能です。申込が完了すると、申込内容が確認できます。ドメイン一覧メージでも、ドメインが登録されていることが確認できました。ネームサーバ変更ネームサーバとは、「tokyobtc.info」にアクセスが来た時に、「ここを見に行ってね」とコンテンツの場所を教えるための情報です。」に変更しないといけません。」では、ログインするとネームサーバ情報が確認できますので、それらの情報を元にネームサーバを変更しておきます。ネームサーバを変更しようとすると、一度確認されるので、このまま進めます。」で確認したネームサーバ情報を登録していきます。数が少ない時や多い時にも対応していますね。確認画面で間違いないことを確認してから、設定します。変更が完了したことを確認できました。」に登録していきましょう。」の管理画面にアクセスして「ドメイン設定」に進みます。「ドメイン設定」画面で「ドメイン設定の追加」タブを選択して、「tokyobtc.info」を入力します。「✅無料独自SSLを利用する」と「❏CSR情報(SSL証明書申請情報)を入力する」は初期設定のままにしておきます。終わったら、「ドメイン設定の追加(確認)」を押して、確認画面に進みます。確認画面でドメインが間違いないことを確認してから、「ドメイン設定の追加(確定)」を押しましょう。ドメイン設定が追加されました。この時点ではまだコンテンツがないので、当然です。これからコンテンツを追加していきましょう。XサーバーにWordPressをインストールしようサイトにコンテンツを追加する方法はいろいろあります。HTMLを作成してアップするのも良いでしょう、今時この方法を使う方はいないと思いますが。何かしらツールを使って更新するのが普通でしょう。今回は、コンテンツ管理が楽にできる「WordPress」を使うことにしました。」に「WordPress」をインストールしましょう。インストールといっても管理画面でできるので、難しいことは一切ありません。サーバー管理画面で「自動インストール」を選択しましょう。「自動インストール」画面で「プログラムのインストール」を選択すると、インストールできるプログラム一覧が表示されます。上に「WordPress」が表示されているので、「インストール設定」を押しましょう。設定画面で色々入力します。「インストールURL」に何も入力しないと、内部のディレクトリが分かりづらくなるので、適切なディレクトリを入力します。「ブログ名」にはかっこいい名前を付けました。後でも変更できるので、あまり気にしないで入力しましょう。「ユーザ名」、「パスワード」は管理画面にアクセスするための情報です。「メールアドレス」は管理者のメールアドレスを入力します。「データベース」は特にこだわりがなければ、「自動」で生成しましょう。確認画面で一通り確認し、問題なければ「インストール(確定)」を押しましょう。インストールが完了すると、管理画面のURLとID、PASSWORDが画面に表示されます。赤字で書いてある通り、管理画面へのログイン情報ですので、必ず控えておいてくださいね。ここで、「tokyobtc.info/wp」にアクセスすると、サイトがちゃんと表示されました。これは、「WordPress」をインストールする際に、「https://tokyobtc.info/wp」にインストールしたことが原因です。次は、「tokyobtc.info」にアクセスした際に、サイトが表示されるように設定してみましょう。(URL)」を以下のように修正します。「変更を保存」をクリックして、WordPress側の修正は一旦終わりです。次に、FFFTPツールを利用して、WordPressのディレクトリの中にある「.htaccess」と「index.php」をダウンロードします。ディレクトリは「/tokyobtc.info/public_html/wp/」配下です。一階層目に「.htaccess」がある場合は、そのままでいいので、「.htaccess」はダウンロードしなくて良いです。今回は、一階層目にすでに存在していたので、「index.php」のみダウンロードします。ダウンロードした「index.php」をテキストエディタで開いて、最後の1行を編集します。編集が終わったら、「index.php」を一階層目にアップしましょう。「.htaccess」もダウンロードしている場合は、同じ階層にアップしましょう。同じ階層にある「index.html」が邪魔しているので、名前を「index.html.backup」に変更しておきます。これで「tokyobtc.info」にアクセスしたら、サイトがちゃんと表示されましたーブログテーマを導入しようWordPressのテーマは無料テーマも数多くあり、無料テーマを使っても見た目のきれいなサイトは作成できます。かゆいところに手が届かないというか、欲しい機能がないゆえにサイトのカスタマイズが自在にできないデメリットもあるわけです。今回はサイトをガッツリ作り込みたいので、最初から見た目の機能も充実している有料テーマを導入しようと思いました。」がシンプルでアニメーション機能も付いていたので、導入してみます。リンク先に遷移して普通の買い物感覚でテーマが購入できます。購入が完了すると、「hummingbird.zip」の圧縮ファイルがダウンロードされますので、「tokyobtc.info」に導入しましょう。管理画面にログインして、「外観」→「テーマ」をクリックします。「新規追加」をクリックします。「テーマのアップロード」をクリックします。「ファイル選択」で先程ダウンロードした「hummingbird.zip」を選択し、「今すぐインストール」をクリックします。インストールが完了したら、忘れないで「有効化」をクリックしましょう。新しいテーマが有効になりましたね。その違いはテーマ導入前後を見比べてみると歴然です。有料テーマ導入後サイトの準備はこれで完了しました。やってみると意外とそんなに大変でもなかったです。新規サイト構築のハードルが高くて、なかなか踏み出せない方でも試してみたら良いのではないでしょうか。これからコンテンツを追加していくので、お楽しみに。東京でITエンジニアをやってます。毎日自転車で通勤してます。views水泳パーソナルレッスンを受けてきた。