うえのブログ

思いつくままに、書くのみです(^o^)

うえのブログ

0円でどこまでWP(ワードプレス)のブログを作れるか挑戦してみた

f:id:uenoyou111:20180405021616j:plain

とりあえずやってみるうえの(@uenoyou111)です。

 

はてなブロガーですが、WordPressの作成にも興味がありました。

 

キッカケはととま(@totomaway)さんがはてなよりWordPressへ移行され、コメントした時でした。

 

 

気軽に書き込んだつもりでしたが、その後のお返事をもらい。

 

 

あっ

 

やらねばなるまい…(;;˘ω˘;)

 

となったのがキッカケです。

 

とりあえず作成したブログはこちらです。

 

uenoyou111.wpblog.jp

 

一銭もかかっておりません(゚∀゚)

 

では、作成手順を書き出していきます。

 

 

 

 

どうせなら無料で挑戦してみよう

 

特にサブブログを運営する余力もないので、いずれ来るべき時に備えて経験として作ろう。

 

けどそのためにサーバー代やドメインはちょっと…と思ってしまったので、それなら無料で作る方法って意外と需要あるんじゃないか?

 

という考えに至り、作成に着手する事になりました(゚∀゚)

 

参考にしたのはこちら

 

media.sie.jp

 

では準備から入ります( ・`ω・´)

 

 

準備編

 

WordPressのブログを作成するに当たって必要なのは以下の2つになります。

 

  1. レンタルサーバー
  2. WordPressのテーマ

 

もちろんいずれも無料でなくてはなりません。

 

レンタルサーバー

 

海外の怪しいレンタルサーバーは使いたくないし…という事で探した結果。

 

www.star.ne.jp

 

こちらがドメインの取得まで無料で行えたので、迷わず決定!

 

ちなみに上のページから飛ぶと分かりづらいですが、しっかり無料プランがあります。

 

f:id:uenoyou111:20180328182615j:plain

無料プラン - 無料プラン・特典プラン | レンタルサーバー【スターサーバー】

 

こちらのリンクから無料プランページに飛べます。使い方は後述しますので飛ばしてOKです。

 

WordPressテーマ

 

お次はテーマです。こちらも色々と説明をすっ飛ばしますが、色々探してこちらを参考にしました。

 

triz-web.com

 

その中でも扱いやすそうな「Xeoryシリーズ(セオリー)」に決定。

 

f:id:uenoyou111:20180328182947j:plain

Xeory-無料WordPressテーマ- 

 

使うのはXeory Extensionです。ダウンロードや組み込みについてはこちらも後述します。

 

 

実践編

 

では実際にサーバーの登録とテーマの組み込みを行っていきます。

 

サーバー登録だけでもWordPressのブログが作れて他のテーマを選べるのですが、とてもシンプル過ぎるデザインとなっております。

 

なのでテーマの組み込みまで行います。再現性を保つためにも大幅なカスタマイズ等は行いません。

 

サーバー登録

 

まずはサーバーの登録を行います。

 

www.star.ne.jp

 

上記のページから飛べばすぐにこんな画面になります。

 

f:id:uenoyou111:20180404211735j:plain

 

下の「申し込む」をクリックし、必要事項を記入して登録作業を行います。

 

登録が完了したら、同じアドレスとパスワードを使いネットオウル /新規会員登録にログインします。

 

f:id:uenoyou111:20180404212747j:plain

 

ログイン後にプランの一覧が表示されます。ここではWordPressが使える一番右のフリーWPのプランを選択しましょう。

 

f:id:uenoyou111:20180404213211j:plain

 

容量の関係はよくわからないのですが、どうやら1GBじゃ容量が相当足りないみたいなのであくまでお試しで使われるのが良いようです。

 

ここでお申し込みを選択すると新規申込みフォームへ移り、アプリケーションIDとブログタイトルを記入します。

 

この時にドメインを取得していない方は初期ドメインを利用にチェックマークが入っているか確認しましょう。

 

これでWordPressのインストールが完了です。パスワードが発行されるので控えます。

 

f:id:uenoyou111:20180404214740j:plain

 

メンバー管理ツールに戻ると、しっかりサーバーにWordPressがインストールされたのが確認出来ます。

 

f:id:uenoyou111:20180404214947j:plain

 

確認できたら準備は完了です。ちなみに現時点で自分のブログがどうなっているかというと…スマホから確認してみます。

 

f:id:uenoyou111:20180404221043j:plain

 

するーんと下から上にスワイプして見ると

 

f:id:uenoyou111:20180404221103j:plain

 

おおー出来た!これはちょっとうれしい。よし、お次はテーマです。

 

WordPressへログイン

 

まずは先程の画面より、WordPressにログインしてみます。

 

f:id:uenoyou111:20180404222330j:plain

 

ログイン画面が出てくるので、サーバー申し込み完了時に出てきた管理ユーザーパスワードを入力します。

 

f:id:uenoyou111:20180404222501j:plain

 

ログイン後、WordPressのダッシュボードへ進むことが出来ます。

 

f:id:uenoyou111:20180404222659j:plain

 

なんかワクワクしてきた。ここから色々いじっていくわけですね。

 

テーマの組み込み

 

まずXeory Extensionから「無料ダウンロードする」を選択します。

 

f:id:uenoyou111:20180404223346j:plain

 

※ちなみに無料会員登録が必要となります。アドレスとパスのみなので、登録作業については省きます。

 

xeory_extension.zipというファイルがダウンロードされるので、確認したらダッシュボードの外観→テーマを選択します。

 

f:id:uenoyou111:20180404224234j:plain

 

てか、新しいテーマを追加ってとこをクリックすると最初からインストール出来るテーマがたっくさんあるんですねぇ。

 

f:id:uenoyou111:20180404224653j:plain

 

慣れない方は最初こちらから探すのも有りですね。

 

脱線しましたが、ダッシュボードの外観→テーマと進んだ後、上にある新規追加を選択します。

 

f:id:uenoyou111:20180404224852j:plain

 

その後、テーマのアップロードを選択。

 

f:id:uenoyou111:20180404224938j:plain

 

表示された画面で参照を押し、先程ダウンロードしたzip形式のファイルを選択して今すぐインストール。

 

f:id:uenoyou111:20180404225125j:plain

 

こんな画面になったら、有効化をクリックします。

 

f:id:uenoyou111:20180404225255j:plain

 

はい!出てきました!

 

f:id:uenoyou111:20180404225346j:plain

 

しかしこのままだとテーマカラーのみが配置されたデザインなので、ロゴくらいは配置しようと思います。 

 

ほんのりカスタマイズ

 

と言っても大幅なカスタマイズをすると、再現性が失われます。ので、軽めに。

 

【Xeory Extension】のおすすめカスタマイズ | たまいろ

 

こちらにてヘッダー画像を設定。テーマカラーが緑だったので、合わせて深緑にしてみました。

 

f:id:uenoyou111:20180405004504j:plain

 

後はいくつかお試しで投稿しております。

 

画像が複数並ぶデザインなので、ちょっとそれっぽいアイキャッチ画像を使うと洗練されたデザインに見える不思議…!

 

あとはてなブログは目次機能がついてますが、ワードプレスには付いてませんでした。そっか、追加しなきゃいけないのか。

 

これはプラグインという拡張機能をインストールすることで可能となります。

 

 

まとめ

 

ひとまず完成!

 

uenoyou111.wpblog.jp

 

作るだけは簡単だったんですが、どうもある程度見れるものにしないと…って思うと相当に時間がかかりました( ˘ω˘)

 

どうもこういうカスタマイズとかは楽しいのですが、時間を忘れてしまうのが良くないですね…あ、洗濯してないし明日の昼食作ってないや…笑

 

無料とは言え、これぐらいのブログが作れるとかなり可能性を感じます。

 

f:id:uenoyou111:20180405020815j:plain

 

スマホから見ると余計にスカスカなのでスクショを。

 

パソコンから見て記事が五枚並ぶようにして終了です( ˘ω˘)スヤァ…

 

 

 

ではでは(`・ω・´)ゞ