キトゥンこの記事ではワードプレスを使ってホームページを作る方法を解説していくぜ。
編集:キャット一カラ解説してくれたまえ。
目次
初期設定
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」っていうのを使うぜ。

編集:キャットこれは有名なのかね?
キトゥン知らないぜ。
編集:キャットは?
キトゥン適当にググったら、そこそこ使ってる人もいるようなので、使ってみるぜ。基本的に無料のものはバージョンアップもされるか怪しいし、まあ、なれたらさっきの賢威などに乗り換えたほうがいいと思うぜ。
キトゥンダウンロードのとインストールの方法はCocoonのサイトに書いてあるので、そちらを見てもらったほうがいいと思うぜ。
https://wp-cocoon.com/theme-install/
キトゥン上のページに書いてあるが、親テーマを先にインストールして、次に子テーマ、そして子テーマを有効化するんだぞ。成功したら、こんな感じになるぜ。

編集:キャットおお!できたわ!
有料テンプレートと無料テンプレートの違いは?
編集:キャット一応、聞いておくが、有料テンプレートと無料のテンプレートはなにが違うんだい?
キトゥン例えば、賢威であればテンプレートが使えるだけでなく、会員専用のサポートフォーラムに入れる。

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


キトゥン賢威ではバージョンアップも無料だ。ちなみにこのサイトはバージョン7だけど、最新版はバージョン8だな。
キトゥン私が賢威を買ったのは2009年、つまり10年以上前だがインターネットの環境に合わせてバージョンが繰り返されてるぜ。


編集:キャットちなみにこのサイトはなんでバージョン8にしてないんだい?
キトゥン自分で魔改造しまくっててな。8にバージョンアップしたら、いろんなところのデザインが崩れるのが、わかってるのだよ。まあ、それは自己責任だからしかたないけどね。
キトゥン無料テンプレートだとここまではないよね。
キトゥン長くなってしまったので、続きは次回にさせていただくぜ。
つづき






