(追記:元の見出し画像は何年前にDLしたものか分からないけれど、たぶんフリーだったから保存したはずなものの、今、探してみると有料で配布されているみたいなので、面倒なことになると嫌なので、変えてしまった。これは「Image by AIArtPhoto from Pixabay」です)
やっとできた…😂
今まで10~20個くらいブログを作っては放置、作っては放置を繰り返してきたけれど、いつもベースのデザインを納得できる形に仕上げるのに、もの凄く時間がかかっていた。
今回もやっぱり同じで、ここはデザインの融通があまり利かなくて、HTMLもCSSも編集できるテンプレートが殆どない。(あんまり詳しく調べてないけれど、ちょっと見た限りは無かった…)
なので、そのまま使えるテンプレートでしっくり来るものを決めるのにそこそこ時間を費やした。
クリアホワイトCL
最初は無難に「クリアホワイトCL」にしようとしたけれど、ちょっとサイドバー部分がうるさい感じで、且つ、せめてヘッダーだけでも画像入れられるかなと思ったが、やはり無理。「見出し画像」というのが代わりの役目をそれなりに果たしてくれるのかなと思ったものの、なんだかそれも違う感じ。そして、プロフィール画像の見せ方とか、何か、ちょこちょこと不満が残る感じで、恐らくそのモヤモヤが気になって、また放置の道へ突き進みそうな気がしたので諦めた。
で、次に気になった「フラットテンプレート」を試してみたら、なかなかイイ感じ。
最初からこちらが良さそうな気はしていたけれど、ちょっと天邪鬼なところがあるので、”敢えて”傍流を選ぶ、ということを普段からよくしているため、「クリアホワイトCL」から先に手を付けたと。でも、今回はやはり最初から「フラットテンプレート」にしとけば良かった😅
フラットテンプレート
で、私はちょっとパンダ好き。年や月に何回もパンダを見に行くとかグッズを沢山集めているとか、そういう熱狂さはあまりないけれど、子パンダが大好きで、写真や動画を見ているだけで癒されるので、写真やカレンダーは部屋とかに貼っているタイプ。
そんなわけで、プロフの画像はぜひともパンダにしようとフリー素材を探してみた。そして、ヘッダー画像も同じでいっかと思ったが、なんとなく面白味に欠けるのでさらに探して、可愛いのが見つかった😊 。(ちょっとクレジットを入れるのを躊躇う作者さんだけれど、義務ではないとはいえ、入れないことで何か後々問題になると嫌なので、小さ~く入れてみた。ヘッダーに関しては、時々入れ替えようと思うので、それまでの注意ということで…。)
この「フラットテンプレート」はいかにもスマホ対応のデザインとは思ったけれど、プレビューがあったので見てみたら↓こんな感じになっていた・・・😝
いやはや、可愛いパンダの顔の部分に丁度ぴったしに3匹の子パンダが覆い被さって…。
パンダには違いないけれど、ちょっと面白い状態になっていた。ま、いいとしよう😏
でも、このヘッダー画像の大きさとかパンダの位置とか、クレジットの位置を合わせるのに、画像編集と保存を20回以上繰り返して、かなり手こずった。
編集ページで塩梅を見て保存しても、その通りにブラウザに表示されず、微妙に上下が切れてしまう。そうすると隅っこに表示させたいクレジットが見えなくなって…。
最初からヘッダー画像の大きさ(ピクセル)を調べて、丁寧に画像を作れば良かったのだろうけれど、面倒臭がりなもので、カンで適当にやっていってしまうので、こんな無駄な労力と時間を使ってしまったと…。でも、できたから、ま、いいとしよう😏
画像編集と言えば20年位前に比べて今はほっんとーーーに便利で驚く。
WEBの無料画像編集サービスがたくさんあって、本当にすごい。
- Pixlr ー https://pixlr.com/jp/
- BeFunky ー https://www.befunky.com/create/photo-editor/
- 写真加工ドットコム ー https://www.photo-kako.com
他にも色々あるけれど、今回使ったのは上記3つ。
でも、有料でも1ドル弱/月を払えば無制限に保存できるので、まぁ、良心的かなと。
というわけで、とりあえず今回のブログ開設後の初投稿はこんな感じで一旦終わりにします。(時間切れ・・・😂 )