とりあえずやってみるうえの(@uenoyou111)です。
はてなブロガーですが、WordPressの作成にも興味がありました。
キッカケはととま(@totomaway)さんがはてなよりWordPressへ移行され、コメントした時でした。
全然違うみたいですからね、触ったことないので分からないですが…(笑)
— うえの (@uenoyou111) 2018年3月26日
経験として作るだけ作ってみようかなぁとか思ったりします🤔
気軽に書き込んだつもりでしたが、その後のお返事をもらい。
かしこまりました(о´∀`о)
— うえの (@uenoyou111) 2018年3月26日
あっ
やらねばなるまい…(;;˘ω˘;)
となったのがキッカケです。
とりあえず作成したブログはこちらです。
一銭もかかっておりません(゚∀゚)
では、作成手順を書き出していきます。
どうせなら無料で挑戦してみよう
特にサブブログを運営する余力もないので、いずれ来るべき時に備えて経験として作ろう。
けどそのためにサーバー代やドメインはちょっと…と思ってしまったので、それなら無料で作る方法って意外と需要あるんじゃないか?
という考えに至り、作成に着手する事になりました(゚∀゚)
参考にしたのはこちら
では準備から入ります( ・`ω・´)
準備編
WordPressのブログを作成するに当たって必要なのは以下の2つになります。
- レンタルサーバー
- WordPressのテーマ
もちろんいずれも無料でなくてはなりません。
レンタルサーバー
海外の怪しいレンタルサーバーは使いたくないし…という事で探した結果。
こちらがドメインの取得まで無料で行えたので、迷わず決定!
ちなみに上のページから飛ぶと分かりづらいですが、しっかり無料プランがあります。
こちらのリンクから無料プランページに飛べます。使い方は後述しますので飛ばしてOKです。
WordPressテーマ
お次はテーマです。こちらも色々と説明をすっ飛ばしますが、色々探してこちらを参考にしました。
その中でも扱いやすそうな「Xeoryシリーズ(セオリー)」に決定。
使うのはXeory Extensionです。ダウンロードや組み込みについてはこちらも後述します。
実践編
では実際にサーバーの登録とテーマの組み込みを行っていきます。
サーバー登録だけでもWordPressのブログが作れて他のテーマを選べるのですが、とてもシンプル過ぎるデザインとなっております。
なのでテーマの組み込みまで行います。再現性を保つためにも大幅なカスタマイズ等は行いません。
サーバー登録
まずはサーバーの登録を行います。
上記のページから飛べばすぐにこんな画面になります。
下の「申し込む」をクリックし、必要事項を記入して登録作業を行います。
登録が完了したら、同じアドレスとパスワードを使いネットオウル /新規会員登録にログインします。
ログイン後にプランの一覧が表示されます。ここではWordPressが使える一番右のフリーWPのプランを選択しましょう。
容量の関係はよくわからないのですが、どうやら1GBじゃ容量が相当足りないみたいなのであくまでお試しで使われるのが良いようです。
ここでお申し込みを選択すると新規申込みフォームへ移り、アプリケーションIDとブログタイトルを記入します。
この時にドメインを取得していない方は初期ドメインを利用にチェックマークが入っているか確認しましょう。
これでWordPressのインストールが完了です。パスワードが発行されるので控えます。
メンバー管理ツールに戻ると、しっかりサーバーにWordPressがインストールされたのが確認出来ます。
確認できたら準備は完了です。ちなみに現時点で自分のブログがどうなっているかというと…スマホから確認してみます。
するーんと下から上にスワイプして見ると
おおー出来た!これはちょっとうれしい。よし、お次はテーマです。
WordPressへログイン
まずは先程の画面より、WordPressにログインしてみます。
ログイン画面が出てくるので、サーバー申し込み完了時に出てきた管理ユーザーとパスワードを入力します。
ログイン後、WordPressのダッシュボードへ進むことが出来ます。
なんかワクワクしてきた。ここから色々いじっていくわけですね。
テーマの組み込み
まずXeory Extensionから「無料ダウンロードする」を選択します。
※ちなみに無料会員登録が必要となります。アドレスとパスのみなので、登録作業については省きます。
xeory_extension.zipというファイルがダウンロードされるので、確認したらダッシュボードの外観→テーマを選択します。
てか、新しいテーマを追加ってとこをクリックすると最初からインストール出来るテーマがたっくさんあるんですねぇ。
慣れない方は最初こちらから探すのも有りですね。
脱線しましたが、ダッシュボードの外観→テーマと進んだ後、上にある新規追加を選択します。
その後、テーマのアップロードを選択。
表示された画面で参照を押し、先程ダウンロードしたzip形式のファイルを選択して今すぐインストール。
こんな画面になったら、有効化をクリックします。
はい!出てきました!
しかしこのままだとテーマカラーのみが配置されたデザインなので、ロゴくらいは配置しようと思います。
ほんのりカスタマイズ
と言っても大幅なカスタマイズをすると、再現性が失われます。ので、軽めに。
【Xeory Extension】のおすすめカスタマイズ | たまいろ
こちらにてヘッダー画像を設定。テーマカラーが緑だったので、合わせて深緑にしてみました。
後はいくつかお試しで投稿しております。
画像が複数並ぶデザインなので、ちょっとそれっぽいアイキャッチ画像を使うと洗練されたデザインに見える不思議…!
あとはてなブログは目次機能がついてますが、ワードプレスには付いてませんでした。そっか、追加しなきゃいけないのか。
これはプラグインという拡張機能をインストールすることで可能となります。
まとめ
ひとまず完成!
作るだけは簡単だったんですが、どうもある程度見れるものにしないと…って思うと相当に時間がかかりました( ˘ω˘)
どうもこういうカスタマイズとかは楽しいのですが、時間を忘れてしまうのが良くないですね…あ、洗濯してないし明日の昼食作ってないや…笑
無料とは言え、これぐらいのブログが作れるとかなり可能性を感じます。
スマホから見ると余計にスカスカなのでスクショを。
パソコンから見て記事が五枚並ぶようにして終了です( ˘ω˘)スヤァ…
ではでは(`・ω・´)ゞ