ヘッダー画像とロゴを設定して見た目を華やかにしてみた

スポンサーリンク

こんにちは。からあげです。

 

山梨の小屋から愛知の実家までやって来て、すでにしばらく経つ。
やはり平野の愛知はいい。自転車でどこへ移動するにも楽。軽くペダルを漕ぐだけで、重たいクロモリのランドナーでもスイスイ進む。

天気も安定していて、ここ最近は晴天が続いている。小屋に戻った直後のような憂鬱さは全くない。お陰で気分もすっかり良くなった。

今回、早めに実家に来たかったのは、パソコンを置きっぱなしにしていたから。日常の家計簿を付けたり、メール送受信したりすることの他に、確定申告からブログ更新まで、仕事にはなくてはならない物となっている。

パソコンを立ち上げたのは久しぶりで、北海道出発前からすでに4月半の月日が流れていた。
長旅から帰って来て、まず始めに私を悩ませるのは、パソコンのアップデートだ。Windowsやセキュリティーソフトのアップデートがかなりの量溜まっていて、パソコンの性能に関係なくそれぞれが自分勝手に一気にやろうとするので、すぐに処理能力の限界を超えてフリーズしてしまう。

去年、半年ぶりにパソコンを立ち上げてネットに繋いだら、動作がおかしくなって全く使い物にならなくなってしまった。そこでおっさんには珍しく、奮発して内臓のHDDをSSDに換装したのだった!

SSD換装の効果は歴然で、今回はパソコンを立ち上げてから3時間ほどで全てのアップデートを終えることが出来た。やったね!

おっさんだってできる!Lenovo X250 HDDをSSDに換装してみた | からあげ隊長の日記
2年前に購入したLenovo X250が遅くなってきたと感じたので、内蔵HDD 500GBをSSD 250GBに換装しました。作業は意外と簡単でした。換装した結果、Windowsの起動、シャットダウンの時間が大幅に短縮されて、バッテリーの使用時間も伸びて満足しています。SSDの価格が下がってきているので、古いPCをお持...

 

4ヶ月間のロングツーリングでブログ更新を影で支えてくれた薄型キーボード。
Bluetooth接続でスマホに繋いで使っていた。

フリック入力にいくら慣れたところで、キーボードの速さには太刀打ちできない。去年のPCTでは、途中でキーボードが壊れてしまったため、ノートのメモ書きの画像をアップしてなんとか凌いだのだった。

耐久性があり使いやすいキーボードを探していた時に、この薄型タイプを見つけたのだった。キータイプの感触はノートパソコンに比べものにはならないが、そこそこキーが大きくて程よい打鍵感もある。それに折りたたみ式ではないため、蝶番部分が壊れることもない。

4ヶ月間、酷使し続けたが、壊れることなく、最後まで使い続けることが出来たのだった!

 

現在は実家にやって来て、ようやく仕事をする環境が整った。
この新ブログ「からあげ隊長の冒険」を立ち上げたのは、北海道に出発する直前だった。
何気なくサイトのメンテナンスをしていると、サイトの表示が重たくなっていることに気がついた。いや、以前から気になっていたのだが、知らんぷりをして画像をたくさん載せた記事をアップし続けていたのだった。

そのツケが一気に噴出したようで、かなりサイトの表示が重たくなってしまった。
この時、記事数は1700を超えていた状態で、高速化のプラグインをインストールしたくらいでは、どうにもならないほど、肥大化してしまっていた。

それで急きょ、新サイトを立ち上げることにしたのだが、時間が全然なくてほぼ初期設定のまま新サイトを運営していたのだった。

非常にシンプルなトップ画面
 
やけに広告だけが目立つ状態が続いていた。
スマホで見ても、シンプル過ぎて全然物足りなかった。
 
どうにかしたいと思っていたものの、出先のモバイル環境では画像編集もままならない。デジカメに収められた大量の画像をコマ送りで一つずつチェックして素材に使えそうなものを探すだけで一日が終わってしまいそう。それで旅を終えるまで、ほぼ初期設定のまま運営していたのだった。
 
 
新サイトは、ブロガーに絶大な支持を集めたSimplicity2の後継の無料テーマ「Cocoon」を使っている。作者のわいひらさんは日夜精力的にテーマのアップデートをされていて、今でも進化し続けている。以前のブログではSimplicity、Simplicity2というテーマでお世話になっていたので、今回の新テーマも私のわがままな要求に応えてくれる素晴らしいテーマだと確信したのだった。
 
新サイトを立ち上げてから、サイトの表示スピードをGoogle PageSpeed Insightsで調べて見ると、驚愕の結果に狂喜乱舞した。
以前はスコアが60代半ばと低迷し、最適化案をいろいろ示されていた遅いサイトだったが、新サイトは見違えるほど高速表示が可能になった。
 
パソコン、モバイルともにスコアは99。
導入して何もすることはない。
 
もう一つ、GTmetrixというサイトで計測してみても、驚愕の結果となった。
 
 
旅から戻って実家にやって来ると、以前から気になっていたヘッダー画像とロゴの設定を行うことにした。
参考にしたのは、minimal 3light styleというサイトのWordPressテーマ「Cocoon」でのヘッダー画像設定方法という記事。
丁寧に解説されていて、よく分かっていないおっさんでも理解することができた。カーキーさんどうもありがとう!詳しい設定は、ここではいちいち説明しない。上記の記事に詳しく書いてある。
 
ヘッダーの背景画像に使用したのは、今年羅臼岳に登った時に羅臼平周辺で撮影したもの。
すっかり雪解けが終わっていたが、部分的にお花畑が残っていた。
これは高山植物の女王と呼ばれている「チングルマ」の花。
 
青空のもと可憐に咲くチングルマに惹かれて撮影したもの。元画像のデータの容量は1.46M。それをトリミング・圧縮加工して、サイズ1000×250Pixel・容量25kBとなった。
細かいことはテーマがやってくれるので非常に楽。
 
続いてヘッダーロゴの設定を行った。
フリーフォントで簡単ロゴ作成」というサイトにアクセスして作った。
とにかくシンプルでインパクトのあるロゴを目指した。殴り書き書体でブログ名のみ。
キャッチフレーズは省いた。
背景の透過処理に手間取ったが、なんとか作成することができた。
ロゴのサイズは629×76px、容量は22kB。
よく操作が分からないまま作成したので、中途半端なサイズになってしまった。
 
PCとスマホの両方で表示させてみると、なかなかいい感じになったではないか!
 
意図せずにチングルマがいい感じでボケてくれた。背景はあくまで引き立て役で目立ちすぎてはイケナイ。このくらいが適当でいい。
あとはロゴがいい味を出してくれている。子供が書いたような字がいい。少年の心を忘れないおっさんのイメージにピタリと合致する。
 
いやあ、久しぶりにいい仕事をしたな!イメージ通りになって気分がいい。

 
さあて、設定をイジって遊んでいないで、これから仕事をしようか。
溜まりに溜まったデータの整理から行うとしよう。
 
 
おわり