やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

「このブログについて」ページを仮作成してみた

よくある「このブログについて」ページを仮に作ってみました。

既存のaboutページ

まず、検索してみました。 http://help.hatenablog.com/entry/profile

http://ytyaru.hatenablog.com/about

ブログのドメイン名/about

で表示できるみたいです。 これは勝手に作成されるページみたいです。 自分で説明を書きたいのですが。

自作のaboutページ

記事に「カスタムURLを使う」で指定したURLにできるそうです。 http://tsuredureweblog.hatenadiary.jp/entry/2014/03/03/135450

さっそく作ってみました。

  1. 「記事を書く」などから記事の編集画面へいく
  2. 「編集オプション」をクリックする
  3. 「カスタムURL」に任意の名前を入力する(ここでは「about」と入力した)f:id:ytyaru:20160609160640p:plain
  4. 「公開する」をクリックする

ナビゲータ

これだけだとaboutページは記事を投稿していくうちに流されてしまいます。

aboutページへのリンクをブログの上に表示したいのです。 いわゆるナビゲータってどうやって作るのでしょうか?

とりあえず、自分のブログを眺めてみると「リンク」とうい部分がありました。 設定してもいないリンクが表示されています。 f:id:ytyaru:20160609154831p:plain

ちょっと違うけど、とりあえずここを変更してさっきのaboutページのURLを指定してみよう。

デザイン設定

  1. Hatena Blog のトップメニューから、 ブログ>デザイン> をクリックします。 f:id:ytyaru:20160609161014p:plain
  2. 「カスタマイズ」をクリックします f:id:ytyaru:20160609161157p:plain
  3. 「サイドバー」をクリックします f:id:ytyaru:20160609161318p:plain
  4. 「リンク」の「編集」をクリックします f:id:ytyaru:20160609161454j:plain
  5. 以下のようにaboutページのURLと表示するテキストを入力します
  6. 「適用」をクリックします f:id:ytyaru:20160609161641p:plain
  7. 「変更を保存する」をクリックします f:id:ytyaru:20160609161825p:plain
  8. Hatena Blog のトップメニューから「ブログ>ブログを表示」します f:id:ytyaru:20160609161932p:plain
  9. 「リンク」部分が先ほど入力したとおりに変更されたことを確認します f:id:ytyaru:20160609162716p:plain

ヘッダ・ナビ

よく、こんな感じの見かけます。 こんな感じにしたいんですが、わかりませんでした。

?アイコン f:id:ytyaru:20160609162849p:plain

ナビゲータ f:id:ytyaru:20160609162950p:plain

今回はもういいや。疲れた。いつかどうにかしよう。