この記事は1113で読めます。
キトゥンキトゥン

この記事ではワードプレスを使ってホームページを作る方法を解説していくぜ。

編集:キャット編集:キャット

一カラ解説してくれたまえ。

初期設定

SSL設定

キトゥンキトゥン

まずは、レンタルサーバーを契約します。ここではエックスサーバーで話をしていくぜ。初心者さんは同じようにやっていってくれたらわかりやすいぜ。

エックスサーバー

キトゥンキトゥン

もちろん、エックスサーバーでなくてもいいぜ。私がエックスサーバーを使っているからな。

キトゥンキトゥン

案内に従って、ドメインを取っていくぜ。ドメインはお名前.comなどで取得してもいいぜ。まあ、とりあえず、初めてエックスサーバーで契約すればドメインが一つもらえるので、それを使ってもいいぜ。

キトゥンキトゥン

はじめてのホームページはこんな感じになると思うぜ。

キトゥンキトゥン

そして、URLのところをみたら、下のように、「保護されていない通信」と表示されるのでこれを最初に暗号化する。

編集:キャット編集:キャット

後回しにしてはだめかい?

キトゥンキトゥン

だめだな。必ずはじめにやらないといけない。

キトゥンキトゥン

サーバーパネルに入ります。下からじゃなくても直接ログインしてもOK。

キトゥンキトゥン

次にサーバーパネルから「ドメイン設定」

キトゥンキトゥン

左メニューのSSL設定

キトゥンキトゥン

これで対象のドメインを選択すると、独自SSL設定ができます。(下はすでに設定していますが)

キトゥンキトゥン

なお、これで反映されるには1時間~数時間待ちましょう。

キトゥンキトゥン

これで、httpsからはじめるURLにすると、下のように鍵マークのついたURLになります。

キトゥンキトゥン

なお、この時点では鍵のマークのついたサイトと、ついてないサイト両方にアクセスできます。

ワードプレスインストール

キトゥンキトゥン

では、ワードプレスインストールを始めます。なお、エックスサーバーのマニュアルも合わせて御覧ください。

キトゥンキトゥン

サーバーパネルから「WordPress簡単インストール」を選びます。

キトゥンキトゥン

赤枠を入力します。あとですべて変更もできますが、ブログ名以外は忘れないように。なお、メールアドレスもPCのアドレスをいれてください。フルーメールアドレスもOKですが、普段使うものがよいです。

キトゥンキトゥン

これで、インストールができたら、こんな感じの画面になり、URLにアクセスすればサイトが出来上がっています。

キトゥンキトゥン

トップページのデザインは人によって違うと思います。

WordPress初期設定

キトゥンキトゥン

次にWordPressの初期設定をするぜ、管理画面にアクセスし、先程決めたIDとパスワードを入力します。

キトゥンキトゥン

次に、「一般」→「設定」を表示させます。

キトゥンキトゥン

サイトのURが「http~」になっているので、「https~」に変更します。

編集:キャット編集:キャット

wwwはいらないのかい?

キトゥンキトゥン

どちらでもいいが、最近はつけないほうが一般的だな。

キトゥンキトゥン

さて、これで一応、サイトはできあがったぞ。

編集:キャット編集:キャット

でも、ここから次にどうすればいいか、最低限度の使い方も教えてほしいもんだね。

キトゥンキトゥン

しゃあないな。では、私流のワードプレスのアレンジ初期設定をおしえしょう。

URLを~.htmlにする。

キトゥンキトゥン

ワードプレスの初期設定では下のように、URLが~htmlで終わる形になってないので、これをhtmlで終わる形に変えるぜ。

アレンジ前

アレンジ後

編集:キャット編集:キャット

何が違うんだい?

キトゥンキトゥン

話せばながいんだけどな、上の初期設定だと、記事の「カテゴリ」を変えてしまうと、URLも変わってしまう可能性があるんだぜ。これだと、何かと不便なので変更するぜ。なお、あくまでこれは私の場合なので、みんながみんなやってるわけじゃないぜ。

キトゥンキトゥン

それには、ワードプレスの「プラグイン」という機能を使う。

編集:キャット編集:キャット

「プラグイン」とな?

キトゥンキトゥン

ワードプレスの「拡張機能」だ「プラグイン」にはホントにいろんな種類があって、この「プラグイン」の便利さがWordPressをみんなが使っている理由だな。

キトゥンキトゥン

まず、下のサイトにアクセスして、「.html on PAGES」をダウンロードする。デスクトップなど自分のわかりやすいところに保存してくれ。

https://wordpress.org/plugins/html-on-pages/

キトゥンキトゥン

次にワードプレスの管理画面から「プラグイン」→「新規追加」から「プラグインのアップロード」を選択。先程ダウンロードしたファイルを選択してインストールだぜ。

キトゥンキトゥン

そして、「プラグインを有効化」する。

キトゥンキトゥン

次に管理画面から「設定」→「パーマリンク」でカスタム構造をえらびこのように入力し、変更を保存する。

コピペしてね

/%post_id%.html

キトゥンキトゥン

「投稿」をクリックして、最初の投稿「Hello world!」のところにマウスをもってきたら、「編集 | クイック編集 | ゴミ箱へ移動 | 表示」と表示される。「表示」をクリックすれば投稿が表示されるので、URLが変わっていれば成功だ。

ワードプレスのデザインを変える

編集:キャット編集:キャット

なるほど、でも、こんなサイト、ちょっとシンプルすぎるよね。これでどうしろって感じ。私はもっとオシャレなサイトがつくりたいのよ。

キトゥンキトゥン

じゃあ、WordPressのデザインについて、話をするぜ。

編集:キャット編集:キャット

たすかるわ。

キトゥンキトゥン

WordPressはサイトのデザインを着せ替えることによって、デザインを変えられるぜ。「ワードプレス テーマ」とか「ワードプレステンプレート」とか検索したら、無料のものや有料のものがいっぱいでてくるぜ。

キトゥンキトゥン

ちなみにこのサイトは「賢威」っていうテンプレートでできている。

キトゥンキトゥン

当然、たいていは有料のもののほうがいろいろ便利だぜ。なかにはゴミテーマもあるけどな。

キトゥンキトゥン

とはいえ、解説は有料のものを使うはなんだし、無料のもので軽く説明するぜ。

キトゥンキトゥン

今回はこちら「Cocoon」っていうのを使うぜ。

https://wp-cocoon.com/

編集:キャット編集:キャット

これは有名なのかね?

キトゥンキトゥン

知らないぜ。

編集:キャット編集:キャット

は?

キトゥンキトゥン

適当にググったら、そこそこ使ってる人もいるようなので、使ってみるぜ。基本的に無料のものはバージョンアップもされるか怪しいし、まあ、なれたらさっきの賢威などに乗り換えたほうがいいと思うぜ。

キトゥンキトゥン

ダウンロードのとインストールの方法はCocoonのサイトに書いてあるので、そちらを見てもらったほうがいいと思うぜ。

https://wp-cocoon.com/theme-install/

キトゥンキトゥン

上のページに書いてあるが、親テーマを先にインストールして、次に子テーマ、そして子テーマを有効化するんだぞ。成功したら、こんな感じになるぜ。

編集:キャット編集:キャット

おお!できたわ!

有料テンプレートと無料テンプレートの違いは?

編集:キャット編集:キャット

一応、聞いておくが、有料テンプレートと無料のテンプレートはなにが違うんだい?

キトゥンキトゥン

例えば、賢威であればテンプレートが使えるだけでなく、会員専用のサポートフォーラムに入れる。

キトゥンキトゥン

そこでは、賢威だけでなく、SEOやワードプレス全般の質疑応答やサポートを受けることもできるぜ。

キトゥンキトゥン

賢威ではバージョンアップも無料だ。ちなみにこのサイトはバージョン7だけど、最新版はバージョン8だな。

キトゥンキトゥン

私が賢威を買ったのは2009年、つまり10年以上前だがインターネットの環境に合わせてバージョンが繰り返されてるぜ。

編集:キャット編集:キャット

ちなみにこのサイトはなんでバージョン8にしてないんだい?

キトゥンキトゥン

自分で魔改造しまくっててな。8にバージョンアップしたら、いろんなところのデザインが崩れるのが、わかってるのだよ。まあ、それは自己責任だからしかたないけどね。

キトゥンキトゥン

無料テンプレートだとここまではないよね。

キトゥンキトゥン

長くなってしまったので、続きは次回にさせていただくぜ。

つづき

ワードプレスでホームページを作る方法(ブロックエディタの使い方)