なんかまたツイッターが機能不全に陥ってるから個人サイト作ろうぜ!
サーバーも無料で借りられるところがあるしWordPressで作ればだいたいはプラグインにおまかせすればどうにかなります
一度作ってしまえばなんかそんなにピンとこなくてもサーバーの利用期間延長だけしとけば数年後に更新してもOK
ひとまずお試し感覚で作りましょう
そういうノリでとりあえずサイトっぽいものを作るのを目指す感じなのでちゃんとした知識を求めてる人には向かないかも
わからない…我々はノリと雰囲気でサイトを作っている…
必要なもの
・メールアドレス
(たぶん持ってない人のほうがすくない)
・スマホ or PC
(サイトの表示が崩れてないか確認するために両方あったほうがいいと思う)
・手順の最中に登録したもののIDとパスワード
(登録したものは使うからメモっておこうね)
・やる気
1.サーバーを借りよう
必要なものはだいたい揃ってるかと思います。
まずはサーバーを借りましょう。無料で借りられるところはいくつかあるかも思いますが今回はこちらのスターサーバーフリーにします。私のサイトもこちらをお借りしてできてます。いつもありがとうございます!
まず、リンク先に飛ぶと無料プランでも3種あることがわかります。
フリー、フリー 容量増加、フリー PHP+MySQLの3つですね。
それぞれの違いはフリーが広告なし(それ以外はPCから見たときのみ広告なし)、容量増加は名前の通り、PHP+MySQLはPHPが使えるって感じです。
PHP+MySQLがよくわからん!という方いると思います。大丈夫です、私もよくわかっていません。
めちゃくちゃ適当な認識だとPHPが使えるとhtmlよりなんか高度なことができるみたいな……。詳しくは自分で調べてね!(丸投げ)
理解が薄くてもとりあえずサイトは作れます。次に進みましょう。
ここで選ぶのはPHP+MySQL1択です。なぜなら今回はWordPressでサイトを作るから!
他のを選んでしまうとWordPressは使えません!ついでにあとから無料プランの変更もできないぞ!
どれを選べばいいのかわかったので早速申し込みましょう。
「申し込む」か「今すぐ始める」から進むとログイン画面になるかと思います。おそらく登録してないはずなのでさくっと登録を済ませましょう。
ここでうっかりすると迷子になって有料プランしか見当たらない世界に行ってしまうかもしれないですが、落ち着いて最初に飛んだURLから入り直してログインします。
すると今度こそ3つのプランからどれを申し込むかの画面に行きます。PHP+MySQLですよ!
プランを選んだらここでドメイン名を決めることになります(!)
これがサイトのURLになるのでなんかいい感じのにしてください。地味に迷いどころ。
ドメイン名を入力して利用規約に同意して進んだら申し込み完了のメールが届くはずです。これでサーバーを借りるのは完了です。おめでとうございます!
2.WordPressをインストールしよう
サーバーにWordPressをインストールしましょう。
待って、その前に借りたサーバーどこ???となってる方!わかります。
とりあえずサーバーを借りるときに登録したメールアドレスとパスワードでネットオウルにログインしましょう。ネットオウルはスターサーバーを運営してる会社です、なのでさっきネットオウルの会員登録をしたということです。
ネットオウルのサイトにログインします、少し小さめですが右上らへんにログインするところがあります。
ちなみに違うページからでも右上のハンバーガーメニューからログインはだいたいできるはず。
機械音痴系の人だとハンバーガーメニューisなにって感じかもしれないんですが、スマホでいろんなサイト見てるとよくある画面右上(左上のときもある)の≡みたいなやつですこいつを押すとメニューが出る
そうしたら上の方にメンバー管理ツールって書いてあるページが出ると思います。
ここの左のメニューの中の「スターサーバー管理」を選びましょう。
サーバー一覧になにもないよ???と思うかもしれませんがよく見てください。これ有料プランの一覧。
スターサーバー管理の枝の一番下に小さく「無料プラン管理」がいます。
そこから飛ぶとさっき借りたサーバーが今度はちゃんといますね!
右のあたりに「サーバー管理ツール」があるのでここからWordPressをブチ込んでいきますよ〜
また色々メニューがあってよくわからん!ってなるかもしれないですがここから選ぶのは「簡単インストール」です。
大丈夫です、公式サイトのマニュアルを見ながらやりましょう!
このへんはマニュアルに言われるままにやった記憶しかないので正直に申し上げますとあまり覚えていません!
がんばってマニュアルの言うことを聞いてください!
簡単インストールのこと以外にもいろいろマニュアルに書いてあるから適時読もう!
▽マニュアルはここ▽
3.WordPressの管理画面にログインする
無事インストールはできましたでしょうか?できたという前提で進みます。がんばれ。
インストールしたはいいけどどこからサイトをいじるの?ってところですよね?わかります。
管理画面は「http://ドメイン名/wp-login.php」から入ります。
ユーザー名とパスワードは簡単インストールのときに設定したものです。
そうしたらWordPressのダッシュボードが開きます。ここの画面から普段はサイトをこねくりまわしていくことになります。こねこね。
管理画面のURL(↑↑)をブックマークに入れておくと便利かもしれないですね。私はそうしてます。
4.テーマをインストールする
ありがたいことに創作サイト向けのWordPressテーマが配布されています。ぜひお借りしましょう。
▽こちらです▽
http://EASEL
WordPressはデフォルトだとサイトのページを作るときに固定ページか投稿の2択なんですね。
固定ページは普通にhtmlとかで作るような自由に作れるページで、投稿のほうがいかにもブログって感じのやつです。
EASELを使うとここにもう一つ選択肢が増えて作品という項目が選べるようになります。
イラストとか小説とかが見やすく投稿できるスゴイ!あと更新履歴もショートコードで貼り付けるとトップページとかにいい感じに置けます。
どんなことができるかはEASELのサイトをじっくり見たほうがよくわかります。
どんな感じかわかったところでさっそくEASELをダウンロードしましょう!
トップ画面の下の方か右上のハンバーガーメニューからダウンロードに進んで、EASEL本体と一応小テーマの方もダウンロードしておきましょう。
小テーマはカスタムCSSとかを使う場合にみたいになってて難しい雰囲気がありますがちょっとした部分の色替えとかもそれでできるのでついでに今ダウンロードしておき……。
zipファイルをダウンロードできたらWordPressのダッシュボードに戻りましょう。
左のメニューの「外観」から「テーマ」を選びます。
新規追加でも新しいテーマを追加でもどっちでもいいので選ぶと配布されてるいろいろなテーマがズラッと出てきます。
今回はすでにダウンロードしてきたのでここからは選ばずに「テーマを追加」のとなり、「テーマをアップロード」を選んで「ファイルを選択」からさっきダウンロードしてきたEASELくんたちをアップロードしましょう。
アップロードが終わったら有効化してテーマの設定も完了です。
(実はここの説明もダウンロードしたとこの少し下に書いてある)
これで準備完了……と見せかけてまだです。
Classic Editorのプラグインを入れましょう。これがないと投稿記事の編集がなんかわからん…ってなります。入れます。
こちらもテーマのときみたいにファイルをダウンロードしてダッシュボードのメニューのプラグインから新規追加でアップロードからの有効化です。テーマやプラグインはこんな感じで入れてけばだいたいどうにかなる……。
EASELのサイトにオススメプラグインが載ってるので参考にしてみるといいかもしれないですね。
5-1.サイトの中身を作る
準備はだいたい整ったのでここからようやくサイト作りです!
各々のセンスで自由にサイトを作り上げていってくださいおつかれさまでした!
と言っても何から作ればいいのかわかんないよ!という気もするのでとりあえずは「外観」からサイトのタイトルとかつけたらいいんじゃないでしょうか……?背景色とかもいじれるよ。
あとはサイトに置くコンテンツをイラスト!小説!キャラ紹介!とかで項目ごとに作品で投稿してなんかいい感じにまとめたらいいと思います……。それができれば苦労はしねえ!
5-2.入り口を作ろう
あとはあれですね、うちは不健全な要素が含まれるサイトなのでフロントページ(入口)をクッションページにしてます。
外観の中の「ホームページ設定」で「固定ページ」にチェックをつけて注意書きを書いた固定ページを「ホームページ」で指定すればあら簡単。
しかしこれだと注意書きスルーでハンバーガーメニューからぬるっと入れてしまうので、固定ページの編集画面の一番下のカスタムCSSに
/* ヘッダー非表示 */
.header {
display: none;
}
って入れておきましょう。これでこのページだけメニューを出さなくすることができます。
このままだとただの行き止まりになってしまうのでなにかいい感じの入り口を作ってトップページへのリンクを作ってあげればおk
/と*で囲われてるのはコメントアウトです……。クソザコナメクジは後で見てこれなんの記述?????ってなるからかいておいたほうがたぶんいい……。
*気をつけたほうがいいこと*
①利用期限について
サーバーの利用期限の更新が3ヶ月ごとにあるんですけどそれをすぎると契約更新終了のメールが来ます。
そこだとまだ契約更新ポチーでセーフなんですけどそこからさらに1ヶ月すぎるとアウトでデータがすべて消えてしまうみたいだから気をつけてね!
②アダルトコンテンツの可否
サーバーによってR18なコンテンツがOKかNGか異なります。
今回お借りしたスターサーバーフリーだとよろしくない感じです。第28条におなじみの公序良俗に反するのはNG(雑要約)などがあるので……。
出会い系サイトとかやっちゃだめよ的なもので正直創作は見逃される感じもしますが危ない橋はわたらないほうが安全。
逆にアダルトコンテンツ可のところはよくある質問とかに明記されてるしね。
二次創作については版元がだめよしてなければとりあえす規制されてはいないようです。ソースはここ。
個人サイト増えてほしいマジで、おしまい