【 SOSOUSO BLOG 】

作曲家・編曲家 TERAMURA SOがDAW・DTM、音楽機材、DIY等についてゆるく書くブログ

画像の説明
画像の説明
画像の説明
画像の説明
画像の説明
 
画像の説明
画像の説明
画像の説明
画像の説明
画像の説明

はてなブログスマホサイトをカスタマイズ、リニューアル!!

>>> 筆者の楽曲が聴けるSpotify Playlistはこちら <<<

f:id:teramuraso:20201112221225p:plain

f:id:teramuraso:20180510202804j:plain

エルレ復活に喜ぶテラムラソウ ( @SO_TERAMURA ) だよ。

チケット取るのかなり大変そうだけどまたライブで細美さんの唄声聴きたいなぁ。

 

さてさて

はてなブログ
スマートフォンサイトを
リニューアルしました!!


これまではPC版のページしか手を加えておらずなぜかスマホページはデフォルト状態のまま完全放置。
でも最近ふと

『スマホから見る人の方が多いよなぁ(いまさらw)』
と思い立ってPCページに合わせるような形でカスタマイズしました。

 

全体像はこんな仕上がりです。(動画)

↓↓

 

f:id:teramuraso:20180510015443g:plain

 

便利なカスタマイズ方法がネット上で公開されているので助かります。

カスタマイズの参考にさせていただいたページ

 

ベース

超有名なはてブカスタマイズ。今回これをベースにカスタマイズしました。
このクオリティをタダで提供してくれるなんて素晴らしいですね。感謝!!

スマホ画面下固定のメニューバー

フォローボタン

フォローボタンのインスタのロゴも画像じゃなくてCSSで表示してます。

他のSNSフォローボタンとインスタのボタンをズレなく並べるのに苦戦して2日ぐらいかかった。

 

シェアボタン

注目記事

月間アーカイブ

スマホは通常表示だと月間アーカイブ表示されないのでコレを設定しました。

お問合せフォーム

はてブに限った話ではないですがグーグルフォームの使い方がわかりやすく書いてあります。

 

ウェブフォント

ウェブ上でテキストとしてアイコン(絵文字)を表示できるアイコンフォント、FontAwesomeの便利な一覧表。
使いたかったアイコンが反映されなかったりで苦戦しました。

 

あとAmazonほしいものリストをブログに載せておくと
"どこかのだれかがプレゼントしてくれる"
という
都市伝説を信じて載せてみました。笑
コレはそのうち削除するかも。笑

 

カスタマイズは楽しいのでついつい時間を忘れていじってしまいます。笑

ちょこちょこ修正したいところはあるけどしばらくは自粛しようかな。笑

Twitterもお気軽にフォローしてくださいね!!

YouTubeチャンネル登録はコチラ!!

ではまた~!!

 

※スマホ閲覧時はオレンジ色の【Play on SoundCloud】と書かれたボタンの下の【Listen in browser】を押すと試聴できます!!

 

  楽曲制作のご依頼・お見積もり・ご相談等、お気軽にお問合せください!! ~

【読者登録はこちらから!!】