ラフハックス

泣く子も笑うラフハッカーのノリハナがお届けする「今」を笑って過ごすためのライフハック。

*

[n❁h]ブログリニューアルしました!テーマ、ロゴ、ヘッダー画像を一新!

      2015/05/13

LINEで送る
Pocket

SPONSORED LINK

コンチワ。ようやく重い腰が上がったノリハナ(@infnity_87_)です。


変えよう変えようと思って年明けから放ったらかしにしていたブログテーマの変更。

ようやく手をつけることが出来ました。

これまで使っていたテーマは「elplano」。細かくフォーマット化されているので、知識がなくても必要事項を埋めていけば簡単にデザイン性の高い(自分の思惑通りにできる)ものが出来上がります。

コードやらPHPやらブログの中身の事が未だにムムムな僕にとってはとてもありがたいテーマでした。

新しいテーマは「stinger5」。ブログ、ENJILOGを運営されているENJI(@ENJILOG)さんが開発されたテーマで、SEOに強く、収益性が高い、カスタマイズもしやすいと界隈では有名すぎるテーマです。しかもありがたいことに無料。

カスタマイズをどこまでやるかはわかりませんが、今後に向けて、勉強する余地だけは残しておこうと思います。

幸い、有名テーマだけあってカスタマイズ記事も先人達がたくさん残してくれているのをそちらを活用させていただきます。

リニューアルにともなった各種デザイン変更

テーマ変更に伴って、ブログタイトルロゴ、ヘッダー画像、faviconなどもろもろのデザイン変更を行いました。

ブログタイトルロゴ、faviconの変更

昨年、10月に『FLOWER PARK』から『NORY* NOTE』にブログ名を変更した当ブログ。リニューアルにともなってブログ名の変更も考えましたが、愛着が出てきたこともあってひとまずはそのままにしました。

[n❁h]ブロガー仲間がブログ名を本気で考えてくれたので、光の速さで変えたった! | NORY*NOTE

これまでのテーマカラーはオレンジをベースに「活力」や「元気さ」をイメージしたものでしたが、今回は濃紺・ブルーをベースに「落ち着き」、「洗練」、「賢さ」をイメージしたちょっと大人の方向に振っていきたいと思います。

取り扱う内容や書き方に関して、直ちに変えないといけないほどの不満があるわけでもないので、じっくりと腕を磨いていきたいと思います。

それではいよいよ。こちらが新デザインになります。


▲横平ロゴ。


▲縦積みロゴ。

随分落ち着いた雰囲気になりました。

ちなみに前回のロゴはこちら。


▲横平ロゴ。


▲縦積みロゴ。

…浮ついてますね。

今回もアプリを使って作成。前回の『Phoster 』に加えて、今回は『 Phonto 』を使ってつくりました。テーマカラーが落ち着いた色なので、ゴツめのフォントを使って「若さ」、「逞しさ」、「スタイリッシュさ」を表現しました。割と気に入っています。

早速、実装してみました。


▲PCサイトはこんな感じ。


▲スマホ表示はこんな感じ。

Phoster
価格: ¥240 (記事の掲載時)

Phonto 写真文字入れ
価格: 無料 (記事の掲載時)

『 Phonto 』はフォントの数は豊富ですし、文字の色や位置なども調整できてかなり自由度が高いアプリです。しかも無料。結構頻繁に使うようになったので広告を外しました(¥120)。

faviconも変更。

ブログヘッダー画像の変更

併せてブログヘッダー画像の変更しました。

参考にさせていただいたのはブロガーごりゅご(@goryugo)さんのブログ『ごりゅご.com』のヘッダー画像のこれです。

ちなみにごりゅごさんのことは著書「たった一度の人生を記録しなさい」を読んでからのファンです。あれから僕のログ狂が加速した気がします。

ごりゅご.com

昨年のブロフェスでごりゅごさんの奥さんのはるぅな(@haruna1221)さんが「ブログも見た目が9割」的なLT(5分間のショートプレゼン)をされて見事優勝されていました。僕もはるぅなさんに投票しました。

確か、このヘッダー画像もはるぅなさん作とおっしゃっていたような。

まぁとにかく、どんだけかかるんかって感じですが、やっと手が着けれました。

出来上がったのがこちら。

完全なパク…オマージュです。オマージュ。

こちらもアプリ『Moldiv』と『 Twin Collage』を使ってつくっています。前者は無料アプリですが、コマ割数の多いかっこいいです(9コマ割は有料)有料版を使っています。

SPONSORED LINK

Moldiv コラージュフォトエディター
価格: 無料 (記事の掲載時)

Twin Collage – 2枚の写真を並べて1枚にまとめる簡単コラージュアプリ for Instagram, LINE, Twitter, Facebook
価格: 無料 (記事の掲載時)

このヘッダー画像はとても気にいっています。好きな人、場所、モノ、コトを集めたので、僕の人となりも伝わりそうですし、何より自分で見ていてもなんとなく楽しくなります

ごりゅごさん&はるぅなさん、改めて。ありがとうございました!

Twitterヘッダー画像画像も変更

ついでにTwitterのヘッダー画像も変更しました。


▲Tweetbotはこんな感じ。


▲公式サイト(スマホ閲覧)はこんな感じ。

ブログ幅よりも左右が短いので結構切れます。ロゴがしっかり入るように微調整(ロゴの4分割に苦しんで、微で終わりませんでしたが……)しました。

まとめ

リニューアルまでは腰が重かったですが、土曜日に何気なくロゴをつくり始めたら一気に進んでしまいました。

ビジュアル以外はほとんどカスタマイズしていないので、そちらはこれからのんびり弄りたいと思います。

いや〜、でもほんと素人がここまでつくれるなんて、アプリ凄すぎるだろ。ほんと、アプリさまさまだわ。

ごりゅご(はるぅな)式ヘッダー画像はオススメですので、ぜひやってみてくださいね(近日、作成法の別記事を書きます)。

【追記】作成方法を更新しました!
[n❁h]アプリ2つで簡単にできる!ごりゅご.com風ヘッダー画像はこう作れ! | NORY*NOTE

それでは皆さま、今後とも『NORY* NOTE』をよろしくお願いいたします^ ^

それでは今日はこの辺で。 また明後日くらいにお待ちしています。

Phoster
価格: ¥240 (記事の掲載時)

Phonto 写真文字入れ
価格: 無料 (記事の掲載時)

Moldiv コラージュフォトエディター
価格: 無料 (記事の掲載時)

Twin Collage – 2枚の写真を並べて1枚にまとめる簡単コラージュアプリ for Instagram, LINE, Twitter, Facebook
価格: 無料 (記事の掲載時)

最後までお読みいただきありがとうございます!お役に立ったエントリーはシェアいただければ嬉しいです!

定期購読にTwitter&Feedlyのご登録も併せてどうぞ!

follow us in feedly

Posted from するぷろ for iOS.

SPONSORED LINK

 - SNS, ブログ・モブログ, アプリ百撰

Message

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

  関連記事

[n❁h]イベントレポートやラクガキに大活躍!描画アプリ『Waterlogue』が超使える。

Pocket SPONSORED LINK SPONSORED LINK こんに …

[n❁h]日記が続かない人に贈る!「4行日記」専用アプリと「Due」の連携による自動起動で習慣化のハードルを限りなく低くする方法‼︎

Pocket SPONSORED LINK SPONSORED LINK コンチ …

[n❁h]ランニング中のアイデアを取り逃がすな!ボイスメモアプリ『アクティブボイス』の活用法。

Pocket SPONSORED LINK SPONSORED LINK どうも …

[n❁h]何にお金を使ってる?『zaim』で支出額ではなく支出内容を管理する。 #七ブ侍 #木曜日 *32 シュウカンアプリ*7

Pocket SPONSORED LINK SPONSORED LINK コンチ …

[n❁h]ダイエットはレコーディングがすべて。体重ログアプリ『WeightNote』 で14㎏痩せたった! #七ブ侍 #木曜日 *31 シュウカンアプリ*6

Pocket SPONSORED LINK SPONSORED LINK コンチ …

[n❁h]操作簡単!ドット絵アプリ『PixelTweet』でドット絵をつくってみた!

Pocket SPONSORED LINK SPONSORED LINK こんに …

[n❁h]感謝の気持ちが心を軽くする!『Happynote』で毎日3つのありがとうを集めよう!#七ブ侍 #木曜日 *26 シュウカンアプリ*2

Pocket SPONSORED LINK SPONSORED LINK コンチ …

[n❁h]再び使い始めたスター印のタスク管理アプリ『Wunderlist』。リスト共有機能がめちゃめちゃいい感じ! #七ブ侍 #木曜日 *63

Pocket SPONSORED LINK SPONSORED LINK どうも …

[n❁h]マンダラートが簡単につくれるアプリ『Mandal Art』の使い方。

Pocket SPONSORED LINK SPONSORED LINK こんに …

[n❁h]ブログを31日連続更新してみて感じた3つのこと。 #七ブ侍 #木曜日 *6

Pocket SPONSORED LINK SPONSORED LINK コンチ …