注意ポイント
PCでは良くてもスマホでは・・。
こんな方におすすめ
- 税理士事務所開業に向けブログやHPを始めた又は始める予定の方
- 自分のサイトのクオリティを上げるために情報収集をしている方
- サイトのタイトルがとても長い方
素人なりに色々と手を加えて、このブログも徐々にそれっぽい形にはなって来たかな~という今日この頃です。
しかしながら、特にスマホでこのサイトを見ると、タイトルが長すぎて全部表示されていない事に気が付きました。
一般企業と”二刀流(兼業)”での開業を・・・
2日前の時点で、スマホ上でのタイトル表示は上記のような感じでした。
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_60/http://nitoryu26.com/wp-content/uploads/2018/10/e4e52ce7e29460c817423bf0e65578ed-212x300.jpg)
これはどうにかならないものか、と調べていると・・このタイトル部分を「ロゴ(画像)」にすれば良いみたいです。
素人なりに気付いた事から一つずつやって行こう・・という訳で、早速ロゴ作りに取り掛かります。
有難い事に、今はインターネット上で無料ロゴ作りサイトが簡単に見つかるので・・私は以下のサイトを使用してロゴを作ってみました。
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_60/http://nitoryu26.com/wp-content/uploads/2018/10/e4e52ce7e29460c817423bf0e65578ed-212x300.jpg)
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_60/http://nitoryu26.com/wp-content/uploads/2018/05/p_20180524_0819461741608862-225x300.jpg)
色々ロゴの形も選べるので、ちょっと動きのあるロゴをまずは作ってみました。
![ブログのタイトルロゴ](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_1024,h_50/http://nitoryu26.com/wp-content/uploads/2018/11/ロゴ.gif)
【燃える闘魂のイメージで・・。】
作ってみて「そこそこ良いかな」と思いつつスマホでサイトを見てみると・・。
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_60/http://nitoryu26.com/wp-content/uploads/2018/10/e4e52ce7e29460c817423bf0e65578ed-212x300.jpg)
まあこれだけの文字数を一行にしてしまうとスマホの横幅だと無理があるか・・。
そして、小っちゃい文字が燃えていても・・ただ見難いだけですね。
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_60/http://nitoryu26.com/wp-content/uploads/2018/10/e4e52ce7e29460c817423bf0e65578ed-212x300.jpg)
ただ、このサイトは文字を数行にできるので・・試行錯誤の結果、最終的にはこんな感じにしました。
![ブログのタイトルロゴ](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_937,h_254/http://nitoryu26.com/wp-content/uploads/2018/11/cooltext304207094519631.png)
【動く文字は見難いので、メタリックな感じに書体も変えました。】
まあ実際のサイトを見ていただくと分かるのですが・・これでもスマホだと小さいですね。
そもそもタイトル部分が小さく、その下のスライドする部分が大きいので・・このバランスにも問題が有るのかも知れません。
まあ、しばらく運用してみて「バランス変えよう」という思いが強くなったら変更を検討する事にして、今日の所は改修工事終了とします。
【本日のまとめ】
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_60/http://nitoryu26.com/wp-content/uploads/2018/10/e4e52ce7e29460c817423bf0e65578ed-212x300.jpg)
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_60/http://nitoryu26.com/wp-content/uploads/2018/05/p_20180524_0819461741608862-225x300.jpg)
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_60/http://nitoryu26.com/wp-content/uploads/2018/11/MomentCam_20181105_212453-212x300.jpg)
・・てな具合で・・小細工含め、スキル向上のために今後も頑張っていく所存です!