えなおの"ゲームについて色々語りちゃいたい"

実況中のゲーム、ゲームに関する昔話、ドッカンバトルやレジェンズの攻略情報などゲームに関する記事を毎日書いています♪

MENU

はてなブログを大幅カスタマイズ!各種メニューとリンク先の追加について

スポンサーリンク

こんばんは♪

この土日のお休みを使って、このブログの画面を色々改善してみました(^^)。

ゲームネタとは違う内容になってしまいますが、改善した点をちょっとご紹介させていただきたいと思います!

 

改善したのは主に4つ。

  1. ヘッダーの削除
  2. ヘッダー画像が見切れていた問題を解消
  3. グローバルメニュー(PC)とタグルメニュー(モバイル)の追加
  4. 記事下に各種リンクの設置

 

一つ一つ簡単にご紹介していこうと思います♪

尚、同じような悩みを持たれている方もいらっしゃるかと思いますので、今回改善の際に参考にさせていただいた記事も一緒にご紹介致します。

参考にさせていただいた皆様、ありがとうございます(^o^)。 

1.ヘッダーの削除

f:id:enaochannel:20190203141022p:plain

上記画像の黒い帯の部分、はてなブログをPro版(有料)に変えると消すことが出来ます。
が、"記事を書く"などの項目も全て消されてしまう為、書く側としては少々不便でした(^^;

が、下記のタグルメニューを追加した為、これを機に削除してみました。

尚、ヘッダーを消した後は、ダッシュボードをブックマークしてすぐにそこに飛べるようにしておくと手間がかからずに便利ですよ(*^▽^*)。

 

2.ヘッダー画像が見切れていた問題を解消

f:id:enaochannel:20190203141047p:plain

携帯で見ていた時、いつも上記のヘッダー画像が見切れていて、直したいと思っていたのですがやり方が分からずずっと迷っていました…。

しかし、デザインCSSにコードを入力するだけで簡単に解決しました。

(今までなんで悩んでいたんだろうw)

 

尚、こちらの記事を参考にさせていただきました♪ ありがとうございます!

sprout-wings.hatenablog.com

 

3.グローバルメニュー(PC)とタグルメニュー(モバイル)の追加

f:id:enaochannel:20190203141032p:plain
f:id:enaochannel:20190203141112p:plain

私のブログは携帯から見て下さる方が全体の8割になります。

いつも見て下さってありがとうございます<(_ _)>

 

携帯で自分のブログを見ている時、「なんか殺風景だなぁ…」とずっと感じておりまして…。これを機に改善してみました♪

グローバルメニュー(左)は主にPCで表示される場合で、ヘッダー下に各種リンク先を貼っております。

そしてタグルメニュー(右)は主に携帯など小さい画面に表示される場合のもので、右上の"MENU"ボタンを押すことで、各種リンク先がプルダウン式で表示されるようになります。

 

これ、すごくいいですね!見栄えも綺麗になって、ブログというよりHPみたいな感じです(・∀・)!!

 

尚、こちらの記事を参考にさせていただきました♪ ありがとうございます!

www.yukihy.com

 

4.記事下に各種リンクの設置

f:id:enaochannel:20190203141100p:plain

これも3と同じく、携帯で見た時に殺風景だなぁと思った為、何かいいデザインはないかと探していたものになります。

なんとこれ、押すと各ボタンが伸びるんですよ!この記事の下にある各種ボタンを試しに押してみて下さい!

こんなことが出来るのか!?と感動し、すぐさま参考にさせていただきました♪

 

ということで、このやり方については以下の記事をご覧ください。参考にさせていただきありがとうございました!

www.snow0303.com

 

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

以上になります。

HTMLってすごいですね。やりたいと思ったことの大体が叶ってしまいます。

何よりカスタマイズや改善方法を作り上げて記事にして下さる皆様に感謝です♪

 

私はHTMLとかほとんど分からない初心者なので…それでも上記の記事を参考にさせていただき自分なりのカスタマイズが出来ました。

もし何か分からない点があったら、コメントなどで教えて下さい(^^♪

出来る限りお力になれるように頑張ります♪

 

ちなみに、今回色々と改善しましたが、出来としてはまだまだです(^^;

やりたい事もたくさんあるので、今後もより良くしていけるように精進します♪

 

ではでは、今回はゲームのお話とは少し違う内容になりましたが、これにて終了と致します\(^o^)/