移住→就職未経験のまま起業。現在は大阪と佐用町で二拠点生活しながら会社経営と個人事業主(ブロガー)の二足の草鞋。歴史小説/ドラマが好きです。HatenaLINEコピーする前回に引き続き、今回はWordpressを使ったサイト作りの二番目のステップ、【サーバーへのWordpressのインストールと初期設定】について解説しています。WordPressとは前回はサーバー&ドメインを取得し、それぞれの設定が完了するまでを解説しました。現段階で土地と住所が出来上がったことになりますが、ここにはまだ肝心の家がありません。この家にあたるのが、ブログの骨組み、ブログの「型」。一般的な家には「リビング、寝室、トイレ、お風呂」などがあるのと同じで、ブログという型にも「ヘッダー、サイドバー、メインコンテンツ、フッター」などの設備が基本的には必要です。(例外もありますが)この基本的な骨組み、全くデザインされていないシンプルな家が、CMS(コンテンツマネジメントシステム)です。家これはCMS(コンテンツマネージメントシステム)という、Webサイトの基本構造をあらかじめ用意してくれるもの。CMSとは、Webコンテンツを構成するテキストや画像、レイアウト情報などを一元的に保存・管理し、サイトを構築したり編集したりするソフトウェアのこと。広義には、(Webサイトに限らず)デジタルコンテンツの管理を行うシステムの総称。今回紹介するWordpressというのはこのCMSの一つ。Webの専門知識がなくても簡単にWebサイトを作ることができることから、世界中に多くのユーザーがおり、世界のWebサイトの多くがこのWordpressを用いて作られています。WordPressのある時、ない時WordPressがない場合・・・ゼロからソースコードを自分で入力する必要があり、HTMLやCSSなどの知識が必要となります。WordPressがある場合・・・初めから用意された骨組みに文章や画像を入れるだけで簡単にWebサイトを作ることが出来ます。Wordpress用のテンプレートなどを使えば、簡単におしゃれなサイトに仕上げることも可能です。サーバーにWordpressをインストールするこの便利なWordpressを早速サーバーにインストールしてみましょう。前回の記事ではロリポップ!のサーバーにドメインを設定しましたが、サーバーのユーザーページからWordpressのインストールをすることが出来ます。ロリポップにログインし、左のメニューからサイト作成ツール>Wordpress簡単インストールを選ぶだけ。次の画面ではまず、これから作るサイトのURL(先程設定したドメイン)を選択します。データベースという項目は、初期設定のままで大丈夫でしょう。下部、Wordpressの設定に関しては解説は以下の通りです。Webサイトのタイトルになります。自分のサイトの管理画面にログインするためのユーザー名です。絶対に忘れないように。自分のサイトの管理画面にログインするためのパスワードです。絶対に忘れないように。チェックを外すとGoogleなどの検索に表示されなくなります。これらが問題なく済めば無事にインストールは完了。数分後に設定したドメインにアクセスすると、Wordpressがインストールされた状態の自分のページに行くことが出来ます。Seventeen"というテーマが最初にインストールされた状態なので、以下のようなビジュアルになっているはずです。見た目のデザインは、後からテーマを変更することによって大幅に変えることが出来るので気にせず、まずは内部の初期設定を行いましょう。WordPressの管理画面で初期設定をするできあがったWebサイトを編集するためには、ダッシュボードという管理画面にアクセスする必要があります。自分のWebサイトを作成したドメインの後に/wp-admin/を加えてアクセスしてみてください。このサイトの場合だと、https://sagadylan.com/wp-admin/となります。こちらで先程ロリポップ上で設定したIDとパスワードを入力することでログインできます。ログイン後表示されるダッシュボードがこちら。左側のメニューから、Webサイト内のコンテンツを編集してきます。サイトの情報などの設定などの編集項目があり、これらを触ることでWebサイト及びブログを簡単にスタートすることができます。中でも今回はまず、最初にやっておくべき設定を行います。設定>パーマリンク設定の四つ。一つずつ見ていきましょう。外観>テーマ>カスタマイズカスタマイズの画面では、サイトのビジュアルを見ながら様々な項目を編集することが出来ます。今回はデザイン面には触れないので、このページでそれぞれの項目がどのようにサイトと連動しているのかということを、一通り確認するにとどめておきます。ここで設定しておくといいのは、サイトのタイトル及びキャッチフレーズ。ここでは、それぞれの設定のほか、それらを表示させずにロゴだけの表示に設定を変えることも出来ます。キャッチフレーズというのは、サイトの簡単な説明のこと。フリーランスのライフハックブログ」というのがキャッチフレーズにあたるのですが、ようはブログの簡単な説明のようなものだと考えればいいでしょう。その他、カスタマイズ画面では色の設定やウィジェット(サイト内のレイアウトパーツ)の配置などを視覚的に行うことが出来ますが、これらの項目は使用しているテーマによって変わることがあります。使うテーマが決まるまでは、下手に触らない方がいいでしょう。続いてダッシュボードに戻り、設定タブの一番上、一般の項目を設定していきます。ここでもタイトルとキャッチフレーズを編集することが可能ですが、あえてここで見る必要があるのは、その下、サイトの言語設定やタイムゾーンの設定です。日本人向けなら当然サイトの言語は日本語にする必要がありますし、タイムゾーンは東京にしておくことが望ましいでしょう。その他、日付や時刻の表示のされ方など、初期状態のままで良いのかをしっかり確認しておきましょう。続いて、設定タブの三番目、表示の項目です。ここでは、Webサイトの表示のされ方について様々な設定が可能です。通常、Wordpressの初期状態ではフロントページ(トップページ)の表示は最新の投稿、つまり一番新しいブログ記事が最初に表示されるようになっているのですが、これを固定ページに変更することで任意のトップページデザインにすることが出来ます。ぼくのブログでも、トップページはそのまま最新記事ではなく、複数の項目がありますがが、これも実は固定ページで自分でレイアウトを作っています。これも、多少のHTMLの知識が必要なので現段階ではまだ最新の投稿を設定しておくのが間違いないでしょう。RSS〜の項目に関しては以下の記事を参考にして下さい。聞けないRSSのコト。Feedlyの使い方を改めて確認してみましょう。ここの設定で最も重要なのが、最後の検索エンジンでの表示。ロリポップ!からWordpressをインストールする際にも設定したので覚えている方も多いかもしれませんが、こちらにチェックを入れていないと、どれだけ記事を書いたところで検索にはヒットせず、アクセスが見込めない状態になります。逆にサイトが未完成の状態の時はここのチェックを外して編集しておく、ということも出来ます。初期設定の中でも最も大事なのがこのパーマリンク設定。パーマリンクというのは、Webサイト上のトップページ以外のページのURLに当たる部分で、別名スラッグとも呼ばれます。このページでは、新しく記事を追加した時、その記事に付与されるURLがどのような形式にするのかを設定することができます。初期設定では"日付と投稿名"もしくは"月と投稿名"になっているかと思いますが、このパーマリンクは途中で変更すると非常に面倒くさいので、慎重に決めましょう。いったようにその記事が所属しているカテゴリなどもパーマリンクに含めてしまうと、後から気分が変わってカテゴリを変更した時に、それまでの記事が見れなくなってしまいます。個人的なオススメは画像にある通りカスタム構造でシンプルにURLの後をにすること。これは記事毎に毎回個別のURLを自分で決めるという設定で、一見めんどくさそうに聞こえますが、URLを見ただけで何の記事かわかるようになり管理が楽になるので、個人的には一番お気に入りです。これらの設定が一通り終わったら、いよいよサイトの構築に入っていきましょう。まとめ今回はWordpressを使ったサイト作りのために「サーバーへのWordpressのインストールと初期設定」について解説しました。手順としてはサーバー上でWordpressをインストールWordpressへログインし、設定を行うという2段階となります。次のステップでは、Wordpressで作ったサイトのデザインについて、おすすめのテーマも合わせて解説します。wordpressauthor関連記事ブログ運営2017/11/9オフラインで安心カスタマイズ!WordPressのローカル環境を構築するためにMAMPを導入してみた。この二ヶ月程、我流でソース達と向き合いながら色々研究を重ね、少しずつですが(本当に本当にほんの少しずつですが)ようやく僕らがいつも見ているウェブサイト達がどういう風に出来ているのかが分かってきました。それでまぁ、自分でもこのブログのテーマをいじったりなんだりして少しずつ改良を試みてはいるのですが、ごくまれに触っちゃいけないところを触ったりして、画面真っ白とかをやらかしてます。...ブログ運営2019/8/26IFTTTを使ってSNSへのブログ更新情報を自動化してみた!ブログを再開しつつ、様々な環境を整えています。さがやん(@sagadylan)です。SNSへブログ更新情報を流すためにIFTTTを利用し始めました。登録や設定等、備忘録的に記録したのでシェアしたいと思います。ブログ運営2019/4/9Amazonアソシエイトの審査に落とされ、受かるまでにしたこと同じように、Amazonアソシエイトの審査に落とされた方々のために。毎度"metroglyph(メトログリフ)"にお越しいただきありがとうございます。さがやん(@sgyn710)です。ブログを始めるまでには、色々な準備を行ったのですが、その内の一つが収益化。ぼくはブログを使ってお金を稼ぎたいと思っていたので、収益化を目指していくつかのアフィリエイト・アソシエイトサイト(ASP)に申し込みをしました。Airでブログを書くために入れているおすすめアプリを紹介します。2010)を手に入れました。Air(以下MBA)はブログ及び文章制作に特化させることにしました。Aiに入れたアプリ達を紹介したいと思います。ブログ運営2017/11/9ぼくがブログ書くのに使ってるツール・iPhone編(2014年/1月版)前回に引き続き、今回はiPhone上でのブログ環境、いわゆるモブログ環境を紹介していきます。iPhoneでのブログ執筆はMacと違って、アプリ毎一画面ごとの操作しかできません。僕なりの手順等も合わせて紹介します。PREV「ブログで稼ぐってどういうこと?」マネタイズの仕組みについて解説します。ガジェットとモノ2020/1/16LogicoolキーボードCRAFTレビュー。ボタンで複数PC使い分け。仕事効率化2019/08/26Windows10のキーボードの変換をMac風(英数/かな)にする方法と効かない時のトラブルシューティング旅行2019/05/31佐用町のひまわり情報2019まとめ。祭りの時期・見頃など、知っておきたい情報と注意点をまとめました。旅と映画とガジェットとBiSHが好きです。旅と映画とガジェットとBiSHが好きです。