アル中でもできる! Simplicityでブログタイトルをロゴに変更する方法

有名な人のブログやWebサービスなんかを見ていたら、大体ちゃんとしたロゴが目につくところに配置されていることに今さら気づきました。あれかっこいいですよね。なんか「しっかりしてる感」も出るし。

というわけで僕もやりました。しっかりしたいお年頃です。

ブログのロゴを作ろう

さて、ブログのロゴを作りましょう。

今回はPIXLRというWEBサービスで作りました。
スクリーンショット 2015 08 11 16 59 11

登録なしでサクッと使えて便利。Photoshopなどの画像編集ソフトを使い慣れている方ならスムーズに使えると思います。僕は画像編集ソフトが死ぬほど苦手なので「画像のサイズを調整してその下に文字を入れる」という作業で2時間ぐらいかかりました。デザイン関係が致命的に向いていないことがを再認識できて良かったです。

ちなみにこのソフト何の気無しに使ってて、ふと提供している会社を見たら以前シンガポールで勤めていたときの会社のサービスでびっくりしました。ありがとうオートデスク!

ロゴできた

ブログロゴ
出来上がったロゴ。透明のgifです。

上部の家紋のような最高にイケてるマークは八千代さんが作ってくださったものです。うちのMOZ Recordsのレーベルロゴにもなっています。

レーベルロゴからブログのロゴを作成するためにやった作業は

  • 既存のレーベルロゴを丸く切りぬいてサイズ調整
  • その下に「mozlog」というテキストを入れる

だけ。これで2時間かかりました。ちなみに文字のフォントはAl Nile Boldとかいうやつです。

Simplicityでブログにロゴを設定しよう

僕のブログでは現在、Simplicityというテーマを設定しています。

Simplicityだとブログのロゴを設定するのも簡単。

スクリーンショット 2015 08 11 16 53 54
Wordpressの設定画面から「外観」→「カスタマイズ」

スクリーンショット 2015 08 11 16 55 53
「ヘッダー画像」へ。

スクリーンショット 2015 08 11 16 57 07
「ロゴ画像」からブログのロゴに設定したい画像をUPし、「ロゴを画像にする」にチェックをいれます。

これで完了。かんたん!

ブログの最上部にロゴ入れたった

ロゴを作って入れた結果、こうなりました。

IMG 7181
iPhoneで見るとこんな感じになってて、なかなかアタック感が強くて良い感じになりました。

スクリーンショット 2015 08 11 16 15 40
パソコンから見るとこういう感じです。

パソコン版は明らかにロゴがデカすぎるように感じるのですが、モバイル版をそのままのサイズで、かつデスクトップ版だけ大きさを変えるやり方がイマイチわからず、そして途中で調整するのが面倒くさくなったので、「これはこれでいいのでは?」と自分を納得させることにしました。

まとめ

ページを開いたときにロゴがガツンと表示されるようになって満足です。やったね!

最近人気の記事

2016年下半期は稼いだお金を全部使うことにした
「稼いだお金全部使う」を半年間続けて思ったことと、良かった使い道5つ
2016年に買ってよかったもの94選
2017年に買ってよかったもの27選
【2017年版】おすすめの面白い漫画を237作品まとめたから全力で紹介するよ
つくりおきダブルス | mozlog
モンベルの「ジオライン」と「スーパーメリノウール」両方買って比較したので違いをまとめました
大阪人なのでAmazonのサービスを使い倒してプライム会員の年会費3900円の元を取りに行く
モンベルの「ジオライン」と「スーパーメリノウール」両方買って比較したので違いをまとめました
同棲生活を始めてから2年経ったので生活費とかコツとか買ってよかったものとかまとめ
一年中二日酔いの僕が選ぶ! ウコンの力やヘパリーゼ以上に効くドーピング剤と二日酔いに効果がある食べ物飲み物おすすめ10選
【2016年版】バックパックひとつで暮らす自称ミニマリストな僕の1ヶ月の旅の持ち物リストまとめ
ここ数年でやめてよかったこと12個
フリーランスになってからのあれこれ
「人間を燻製にしたらどうなるのか」という好奇心を満たすために秋田県横手市まで行ってラッパーの狐火さんをいぶりがっこと一緒に燻してきた
大阪の耳かき専門店『玉こん』で耳の穴を大掃除してもらいました

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です