30代サラリーマン節約ブログ

貯蓄、節約、子育てに奮闘するサラリーマンブログ

MENU

【LOGO MEKER】無料でロゴを作ってみた

最近サブブログを開設したのですがなかなかやりたい事に対して時間が追いつかない今日この頃、お元気ですか? しんふぁぶです。

 

okinawaparkinformation.hatenablog.com

 

サブでは日記的な雑記は無しで特化ブログとしてやっています。

と言ってもまだまだコンテンツとして弱いと思うし投稿少ないのですけどね(笑)

リライトはいずれ・・・。

 

形から入りたいタイプの自分なので今回ブログのロゴを作成しようと思いました。

(メインはそのままかって話になりますがそれは置いておきます・・・)

 

と言ってもアバター同様絵の才能は無い自分・・・。写真もうまくありません。

 

 

そこで今回は 

STORESさんの「LOGO MAKER」を使ってみる事に

logo-maker.stores.jp

 

こちらの凄い所、

 

商用OK!無料!会員登録なし!

 

いやー無料なのに凄すぎます。

では作成していきましょう!

 

まずはロゴのタイトルを入力します。(あとで変更可能です)

 

f:id:shinfab:20190408190405j:plain

 

 

 

タイトルを変えたければここで編集可能です。

サブタイトルも入れる事も可能でした。

 〇印内は自由に動かす事が出来て中央上で文字の大きさ・カラー・フォントを選択する事が出来ます。

フォントの種類は無料と思えないほどあるのがGOOD

 

f:id:shinfab:20190408190517j:plain

 

 

 

アイコンになる画像を選択し色、そして先ほどの文字と合わせて配置をしていきます。

f:id:shinfab:20190408190532j:plain

今回は公園をイメージし男の子と女の子の顔を選んでみました。

編集が終われば⇒[完成させる] 

 

 

 

これでロゴは完成です。

f:id:shinfab:20190408191739j:plain

あとは大きさや形式を選択して保存するだけ 

 

 

 

 

 続いて[ダッシュボード]⇒[デザイン]⇒[カスタマイズ]⇒[ヘッダ]

f:id:shinfab:20190408191756j:plain

 

 

 

 

先ほど保存した画像を[アップロード]します。

f:id:shinfab:20190408191811j:plain

 

 

実はこれだけでは画像が見切れます。 

(ロゴデザイン次第ではそのまま利用出来る場合も有りです) 

 

 

mshitech.hatenablog.com

 えむしてっく氏が公開しているコードを利用しました。

 

 

 /* タイトルイメージ調整 */
#blog-title {
padding-top: 5px; /* 画像上部の余白*/
padding-bottom: 5px; /* 画像下部の余白*/
height: initial;
}
.header-image-only #blog-title #blog-title-inner {
height: 300px; /* 画像の高さ */
background-size: contain;
}
@media (max-width: 480px) {
.header-image-only #blog-title #blog-title-inner {
height: 150px; /* 画像の高さ */
}
}

 

上のコードをコピペし、デザインCSSの一番下に貼り付け

元のデザインがある場合はメモに保存するなどすると良いかもしれません。

 

f:id:shinfab:20190408195723j:plain

 

高さを調整していきます(赤字にした所)

height: 300px; /* 画像の高さ */

 

 

 

 

無事完成。

f:id:shinfab:20190408191825j:plain

シンプル過ぎるかもしれませんが お手軽に作るには良いと思います。 

ロゴ自体は5分程度ですぐ作れます。 

 

今回の事でサブブログでは色々と試していきたいと思いました。

メインのブログネタにもなって一石二鳥かもしれませんね。

 

個人情報の保護について

「https://www.shinfab.work」(以下、当サイト)を利用される方は、以下に記載する諸条件に同意したものとみなします。

個人情報の収集について

利用者は匿名のままで、当サイトを自由に閲覧する事ができます。お問合せ等、場合によっては、利用者の氏名やメールアドレスなどの個人情報の開示をお願いする事があります。しかし、利用者の個人情報を利用者の許可なく、当サイトから第三者へ開示・共有する事はありません。

広告の配信について

当サイトはGoogle及びGoogleのパートナーウェブサイト(第三者配信事業者)の提供する広告を設置しております。その広告配信にはCookieを使用し、当サイトを含めた過去のアクセス情報に基づいて広告を配信します。 DoubleClick Cookie を使用することにより、GoogleやGoogleのパートナーは当サイトや他のサイトへのアクセス情報に基づいて、適切な広告を当サイト上でお客様に表示できます。 お客様はGoogleアカウントの広告設定ページで、パーソナライズ広告の掲載に使用される DoubleClick Cookie を無効にできます。また aboutads.info にアクセスして頂き、パーソナライズ広告の掲載に使用される第三者配信事業者のCookieを無効にできます。 その他、Googleの広告における、Cookieの取り扱いについての詳細は、Googleのポリシーと規約ページをご覧ください。

ウェブサーバの記録

当サイトのウェブサーバは、利用者のコンピュータのIPアドレスを自動的に収集・記録しますが、これらは利用者個人を特定するものではありません。利用者が自ら個人情報を開示しない限り、利用者は匿名のままで、当サイトを自由に閲覧する事ができます。

免責事項

利用者は、当サイトを閲覧し、その内容を参照した事によって何かしらの損害を被った場合でも、当サイト管理者は責任を負いません。また、当サイトからリンクされた、当サイト以外のウェブサイトの内容やサービスに関して、当サイトの個人情報の保護についての諸条件は適用されません。 当サイト以外のウェブサイトの内容及び、個人情報の保護に関しても、当サイト管理者は責任を負いません。

初出掲載:2019年1月14日