イラストポートリー

アラフォーのさそり座・フリーランスイラストレーターのブログ

タイトルデザインのスマホ表示がうまくいかない

こんにちは。ブログ更新4日目です。

自作デザインのトップ画像になって喜んだのも束の間、スマホで見ると変わってない!

タイトルが変わっていない画像

 

早速調べてみると、同じ悩みの記事がたくさん見つかりました。

やり方を丁寧に書いてくださっており、記事に感謝しながら編集を始めましたが、、、

できない。

 

レスポンシブにチェックを入れてみても、

画像サイズを小さくしてみても、

公開してくださっているCSSコードを貼ってみても、

こうなってしまいます。涙

タイトルが切れている画像

 

あれやこれや、ガチャガチャいじっていると、

あれ?できてる??

 

私の場合、このような設定でタイトルが切れずに入りました。

設定の説明画像

ここで「PCと同じ画像」を選択すると、タイトルが切れてしまうのですが、「スマートフォン用に画像を設定する」にすると、全く同じ画像をアップロードしても切れませんでした。

そして重要なのが、サイズ設定を「画像の高さに合わせる」にする事。

「領域に合わせる」にするとやはり切れてしまいます。

 

レスポンシブのチェックを外しているため、背景のデザインは同じになりませんが、とりあえずタイトルはちゃんと入ったのでOKとしました。

 

その後、スマートフォン用の画像は余白だけ少なくして作成し、アップロードしました。

タイトルが収まった画像

 

こんな感じ。

なんとか形になりました。

 

 

ブログのタイトルをデザインしました

 ブログ更新3回目です。

 今日の挑戦は

  • ブログトップページのデザインを変更する
  • タイトルデザインを自分で作る
  • 記事に写真を挿入してみる

 の3つです。

 

 まずは、ブログトップページの現状から。

 変更前がこちら↓

タイトル変更前の画像

 ザ・シンプル。これを飾っていきたい。

 

 ブログのテーマ変更にも、素敵なテーマがたくさんありますが、せっかくなのでトップ画像を自分で作ってみる事にします。

 背景画像は用意されている中から、黄色背景に葉っぱの可愛らしいデザインを選択しました。こちらも自分で作ってみたら楽しそう。

 でも今日は、とりあえずタイトルのみ作ります。

 

 illustrator で作成したタイトルを、jpgで保存して入れてみた、

 変更後がこちら↓

タイトル変更後の画像

 

 おぉ〜、明るくなりました。

 でもよく見ると、背景の葉っぱが隠れてしまっています。

 もう一度 illustrator に戻り、背景を透過、png形式で保存し直します。

 

 背景修正後がこちら!  ↓

タイトル背景修正後の画像

 

 やった! うまくいきました。

 もっと良いものが描けたら変えると思いますが、しばらくはこれを使っていきます。

 プロフィール画像も今は仮の状態なので、こちらも近いうち変えたいです。

 

 ブログ名にイラストって入ってるのに、イラストの記事は全然描けていません。

 

 

ブログを始めようと思った理由と今の目標

 さて、ブログ2日目です。

 昨日はとりあえず初記事をアップできたので、自分に丸をあげたいと思います。

 今日は私が40歳手前にして、なぜブログを始めようと思ったのかその理由と、当面の目標について書きます。

 

ブログを始めるまでのストーリー

 昨日の記事に「イラストレーターのお仕事につなげたい」と書きましたが、2020年 8月イラストレーターとして活動する為に、これまで勤めていた会社を辞めました。(前職はイラストやデザインとは一切関係のない仕事です)退職の話については、またの機会に書きたいと思います。

 デザイン関係の仕事に就職活動をするか、フリーランス として挑戦するか模索しながら、貯金で食いつなぐ生活。フリーで活動する事を決意し2021年 1月に開業届を提出致しました。

 イラストポートリーとは私の屋号名になります。

 現在はクラウドソーシングサイトなどで活動しております。

 

理由1:知ってもらえないと、どうしようもない

 今までは職場の中でイラストを描けるのは自分だけなので、イラストを頼まれる事はよくありました。

 しかし、フリーランス として飛び出した以上、世界の中で私というイラストレーターを知っている人は一人もいません。仕事を頼むなら知っている人に当然頼みます。

 コネもツテもない。それなら1から作るしかない。

 ホームページという媒体も考えましたが、載せるような実績もない。

 ブログという形なら実績も何もない現状からでも、その時々のリアルタイムの発信を続けながら自分を知ってもらえる、と考えました。

 

理由2:フリーランス として力を付けたい

 クラウドソーシングサイトでは、様々なお仕事がありますが、応募しても決まらない日々。

 1件のお仕事に100名などの応募数を見ると、この中で自分に何ができるのか考えた時に何もない事に気付きます。

 でも自信を無くしている場合ではありません。自信は自分で付けるしかありません。

 そうした時に、以前に買った本に目がいきました。

 立花岳士 著 の”「好き」と「ネット」を接続すると、あなたに「お金」が降ってくる” という本です。・・・実は途中まで読んで本棚に置きっぱなしになっていたのですが、改めて読み直しました。

 その中でブログ執筆を「筋トレ」と表現していた部分が心に止まりました。

 時間はかかるけど、時間がかかるからこそ自信を育てられるかもしれない、と感じました。

 今は拙いこんな文章でも、ものすごい時間をかけてやっと書いている状態ですが、とにかく筋トレと思って続けてみようと思いした。

 

理由:最近よく聞く「風の時代」ってやつ

 話が急に変わりましたが、占星術好きなんです。

 詳しいことは難しすぎて分かりませんが、私は10天体中3つが蠍座蠍座は「固定宮(不動宮)」というのに分類され、現状が変わらず続く事に安心を感じるタイプ。

 昨年末に水瓶座に入った木星土星と、牡牛座にある天王星、それらから強い影響を受けるとされる今年はまさに筋トレの1年となるそう。筋トレなので、何も考えないで過ごすより、天体を意識して過ごす事で自分の力になります。

 いくら現状維持を望んでも、退職した時点でもう私の現状は変わっている。なら、それを認めて現状を動かしながら居場所を作っていこう、と思ったのです。 

 水瓶座は風の星座と呼ばれ、インターネットや、仲間作り、個性が生きる時代。どれも苦手な私。でもそこに身を投じる覚悟となりました。

 

 

そしてこれから、当面の目標

 ブログのカスタマイズができるようになる事。笑

 今は本当に何も分からないので、真っ白白です。

 文字色変えられる事に今日気づいて(昨日は分からなかったので黒一色)少し色つけてみましたが、もっと見出しにデザインを持たせたりとか、写真入れたりとかしてみたい。

 HTMLとかCSSとかでやっていくんでしょうか。よく分からない。

 その辺りの成長なども一緒に見て頂けたら嬉しいです。

 

 

 

 

 

ブログ初心者の私が、はてなブログを選んだ理由

 本日からブログを始めました。

 1発目の記事は何にしようかと考えましたが、まずは何故「はてなブログ」を選んだのかを書いていこうと思います。

 調べる中で、初心者なりに理解した事を書いているので、正確な認識とは異なる部分もあると思いますが、見守って頂けたら嬉しいです。

 

ブログサービス、どれにしよう・・・

 初心者最初の壁。なにで始めよう。

 まずネットでおすすめのブログサービスについて調べました。

 アメブロとか昔よく聞きましたが、検索すると多くの方がおすすめしているのが「Word Press」アフィリエイトをされている方達が強くおすすめされている印象です。(正確には Word Press はブログサービスとは言わないのでしょうか)

おすすめされる理由は主に

  • ページ作成の自由度が高い
  • ブログのサービス元の事情に影響されない(規約変更やページ削除など)
  • 独自ドメインなのでSEOに強い

といった感じ。

 SEOとは、検索したときに上位に出てくると自分のブログへのアクセスが増えるという事らしい。確かにそれは大切な事だけど、Word Press を始めるには、ドメイン取得とか、レンタルサーバーとか、初心者にはハードルが高すぎる。

 とても詳しく解説されている動画やページなどもありましたが、とにかくブログ以外に考えることがありすぎる為、始める前に心が折れてしまいました。

 

 

ブログに求める条件を考えた

 私がブログを始めるにあたって、求めている条件を考えてみました。

  1. イラストレーターとして、お仕事に繋げるツールにしたい
  2. 広告が多すぎるのは嫌
  3. 費用はできるだけかからないようにしたい
  4. 多少でもアフィリエイトなどの収入があれば嬉しい

 絞り込んで、note、ライブドアブログはてなブログ の3つの検討を始めました。

 

まず note について

 大好きなイラストレーターさんが使われていたりして、個人的に憧れがあります。シンプルなデザインもgood!

 条件の1、2、3はクリアなのですが、4は対応していません。有料note の販売などの方法もありますが、今の私に販売できるような情報はありません。

 

次にライブドアブログ

 こちらは絵日記ブログに強いということ、魅力的なブロガーさんも多くいらっしゃいます。イラストのお仕事にも繋がり易いのかなと思いましたが、2が条件に合いません。

 PCからだとそこまで気にならないのですが、スマホから見た時の、画面下側に現れる広告がどうしても気になって内容に集中できません。

 自分自身がネットを見る時、広告がうるさく感じるページは読まないで閉じてしまうので、これは気になりました。

 

そして、はてなブログに決めた

 こちらもよく聞くし、使っている人も多く、無料で始められます。

 しかし、いろんな方がアフィリエイトするなら有料版!(はてなブログpro)と推しておられます。

 Word Press を勧めるのとだいたい同じ理由のようですが、私の場合どうしても月々の費用が発生すると「元を取らなくては!」という思いが発生し、ブログを書く事自体辛くなってしまいそう。

 そんな中「無料版でもアフィリエイトできるようになったよ」という記事を書かれている方がいらっしゃったので、はてなブログの無料版で始めることに決めました。

 

 

 確かに、しっかりアフィリエイトで稼ぎたいなら、有料版やWord Press という選択がいいのかもしれません。

 しかし今はそこに力を使うよりも、イラストレーターとして仕事をしていく事に集中したい。そのツールとしてのブログ開設なので、私の場合はこの答えとなりました。

 

 ゆくゆく軌道に乗ってきたら、有料版への移行なども考えてみたいと思います。