まねっこブログ

色々真似してみた内容を書いていくブログ

ブログ作成

生まれて初めてブログを作ったのでその備忘録です。
ネットで漁れば山ほどある作り方を真似して作ってみます。

 

はてなブログが有名で、簡単なようなのでこちらを使ってみます。

f:id:imitate:20181008094856p:plain

 

まずはてなIDを登録。
Googleアカウントで登録出来るらしいのでそちらを使います。

f:id:imitate:20181008131035p:plain 

 

Googleアカウントでログインしたら元の画面に戻って「?」となりました。
ネットの情報見ると、Googleアカウント以外では、
一旦メール受信してから登録する感じなんですかね?

 

自動でメールアドレスが記載されています。
ユーザーネームも自動入力されるけどGoogleアカウントと統一する気は無いので変更。

 

週刊はてな』を受け取るにチェックがついていますが、
正直いらないのでチェックを外します。

 

自分はロボットではないのでそちらもチェック。

 

確認画面が出るので利用規約に同意して作成完了しました。
すぐにこんな画面に

 

f:id:imitate:20181008131230p:plain

この、すぐ始められそうな感じが良いですね
ブログを作成をクリック

 

するとプランを選択する画面が出てきました。
選択出来るのは無料版と有料版のPro。
有料版の値段はお菓子の買い食いを月5回我慢すれば足りる程度ですが、
払う為の準備が面倒くさいのでとりあえず無料版で。

 

これでブログが作成出来ました!簡単。

f:id:imitate:20181008131543p:plain


参考にしたページには最初に設定周りをいじると良いと
書いてあったので右上くらいからメニューを開きダッシュボードへ

f:id:imitate:20181008132536p:plain

 

ダッシュボードの左のメニューから設定画面へ

f:id:imitate:20181008132902p:plain

 

一つづつ設定していきます

・ブログURL
変えられないみたいです

・ブログアイコン
何も用意していないので保留で

・ブログ名
色々真似してみた内容を書いていくブログにしようかと思っているので
「模倣ブログ」にしようか「まねっこブログ」にしようか迷いましたが
後者の方が可愛いので後者で

・ブログの説明
前述した感じで

aboutページ
何これ?
調べてみたら自己紹介ページのようなものみたいです
自己紹介苦手なので一旦パスで・・・

・言語
日本語かenglish
素直に日本語使います

・編集モード
はてな記法とかMarkdownとか言われても分からないです
ひとまず見たままモードで

・コメント設定
コメント怖い・・・
チキンなのでひとまず「なし」で。
間違った事書いてて誰にも指摘されないのはまずいので
いつか「ゲスト」(誰でも書ける)に変えます。

 

変更する!

f:id:imitate:20181008133237p:plain


なんかタイトルとか変わりました
見た事ある感じです

 

デザインを変えられるらしいです
またダッジュボードへ行き、デザインを押下。 

f:id:imitate:20181008134006p:plain

色々見て行きます。

 

f:id:imitate:20181008140155p:plain

可愛い

 

f:id:imitate:20181008140204p:plain

怖い

 

テーマストアってところからもインストール出来るみたいです

人気順でとりあえず一番人気あるやつで

f:id:imitate:20181008140639p:plain

 

プレビューを見てインストールします

f:id:imitate:20181008140958p:plain

 

インストールを押すと一瞬で適用されました。
てっきりインストーラのダウンロード→インストール→適用の
微妙に面倒な感じになるかと思ったので驚き

f:id:imitate:20181008141106p:plain

しばらくはこのテーマで行きます。

 

右上の「記事を書く」から投稿してみます。
編集の画面が以下のような感じ。

f:id:imitate:20181008141249p:plain

お題とかあるんですね。
「自立って何だろう」とかなんだか哲学的ですが・・・。

 

とりあえずそこは無視してここまで書いた下書きをペタっと貼り付け
改行を適当に入れます。

f:id:imitate:20181008141439p:plain

 

最後に画像を入れてみます。
「写真を投稿」から入れられます。

f:id:imitate:20181008141658p:plain

写真じゃないし投稿する認識では無かったのでちょっと悩みました。

 

さらに画像の貼り付けを進めていましたが、
間違った画像をアップロードしてしまい、消し方を探すのに手間取りました。
はてなフォトライフというページから消せるようです

 ここから飛べます

f:id:imitate:20181008142018p:plain

 

「フォルダを編集」画面から消せるようです

f:id:imitate:20181008142035p:plain

 

そんなこんなで画像を貼付けました!

f:id:imitate:20181008142953p:plain

 

ここが一番時間かかりました・・・。
世の中のブログ書いている人の苦労がほんの少しだけ分かった気がします。

 

とりあえずこれで一通り出来た筈なのでプレビューを確認します。

f:id:imitate:20181008143902p:plain

・・・・・
行間が開き過ぎじゃないでしょうか・・・?

 

HTMLを見るとこんな感じ

f:id:imitate:20181008144135p:plain

正直HTMLよく知らないですが、「<p>.</p>」が改行だけの行っぽいので
無駄な改行が入っているというよりは、単純に行間が広いだけのように見えます。

ちょっと気になるくらいですし、直すにはCSSの知識が必要っぽいので一旦後回しで。
ただ、「<br />」がちょっと狭い改行みたいで使用する箇所だけ統一しました。

 

これで完了!画像のせいでなんだか凄く時間がかかりました。
次は広告収入でも貼付けてみたいのでなにか参考になるもの探します。

 

・・・1記事だけ作って放置になったらどうしよう
そういうブログいくつあるんでしょうか・・・。