まとまった文章を書きたくなったときに書いてます。感想はプロフィールページにある一言メッセージフォームからお願いします。
No.26, No.25, No.24, No.23, No.22, No.21, No.20［7件］
ブログをカスタマイズ その２
- 2020.12.5(Sat) 20:03:50
- Web
※この投稿はBloggerで2020.12.5に投稿したものです。
以前、ブログをカスタマイズしたことを書きましたが、あれからかなり手を入れたのでまとめておこうと思います。
- Googleフォントの導入 -
Googleフォントのさわらびゴシックを導入しました。そのままコードを貼り付けるとエラーが出てしまったのですが、下記の記事を参考にして解決しました。
BloggerでのGoogle Fonts(日本語Webフォント)の使い方
- Font Awesomeの導入 -
アイコンフォントを使いたくて、Font Awesomeを導入しました。アニメーション用のスタイルシートもありますが、多分使わないので導入は見送りました。
- タイトルロゴ作成 -
ロゴメーカー を利用してタイトルロゴを作成しました。最初は自作しようと思ってたんですが、フォントをあれこれインストールするよりもこちらのほうが楽なので。作成したらヘッダーガジェットからロゴをアップロードして終了です。
- サムネイルのサイズ変更 -
サムネイルが小さすぎると思ったのでサイズを変更しました。
- 文字のデザイン -
見出し、リスト、引用、太字の見た目をCSSで整えました。細かいところはちょこちょこ変えるかも。
- 目次自動生成 -
そんなに見出しつきの文章は書かないと思うので悩んだのですが、この記事のように全く書かないわけでもないので目次を自動生成するスクリプトを導入しました。参考にしたのは下記の記事です。
自動目次とスムーススクロール | ふじろじっく
- SNSシェアボタン -
利用させて頂いてるテーマQooQ では、記事の上下にSNSシェアボタンがあります。そのうち上のシェアボタンを外して下だけにしました。また、シェアボタンのデザインもちょこっといじってます。
- プロフィール -
Bloggerには基本情報というプロフィール的なガジェットがあるのですが、そのままでは情報を追加できないのでHTML/JavaScriptガジェットを追加して、プロフィール用のHTMLを書きました。
- アーカイブ -
アーカイブをプルダウンメニューにしてCSSで見た目を整えました。階層やフラットリストだと、長くブログを続ければ続けるほどだらだら長いリストになってしまうので。
実はラベルもプルダウンにしようかどうか迷ったのですが、こちらはすべてのラベルが見えているほうが視認性が良いと思ったのでクラウド表示のままにしてます。
- ブログ内検索 -
ブログ検索ガジェットを追加すれば簡単にブログ内検索フォームを追加できるのですが、CSSで見た目を整えようとしたら面倒くさかったのでHTML/JavaScriptガジェットに検索フォーム用のHTMLを書いて設置することにしました。一応検索は問題なくできているようなのでこれでいきます。
- その他 -
ソースコードを書くときに見栄えを良くしてくれるhighlight.jsを導入するかどうかで迷ったのですが、書く機会ができたときでいいやということで今回は見送りました。これで大体カスタマイズは終わったかな。年内に終わって良かった…。実は某所で今年中にカスタマイズを終わらせる宣言してたので(汗)
- 追記 -
記事一覧があれば便利かなということで、自動で記事一覧を生成してくれるウィジェットを使ってサイトマップの固定ページを作成しました。下記の記事にあるウィジェットをお借りして、見た目はCSSでちょこっといじってます。(2020.12.7追記)
HTML サイトマップウィジェット (2020/08/07 お知らせを追記しました) | ふじろじっく
#カスタマイズ #Blogger
以前、ブログをカスタマイズしたことを書きましたが、あれからかなり手を入れたのでまとめておこうと思います。
- Googleフォントの導入 -
Googleフォントのさわらびゴシックを導入しました。そのままコードを貼り付けるとエラーが出てしまったのですが、下記の記事を参考にして解決しました。
BloggerでのGoogle Fonts(日本語Webフォント)の使い方
- Font Awesomeの導入 -
アイコンフォントを使いたくて、Font Awesomeを導入しました。アニメーション用のスタイルシートもありますが、多分使わないので導入は見送りました。
- タイトルロゴ作成 -
ロゴメーカー を利用してタイトルロゴを作成しました。最初は自作しようと思ってたんですが、フォントをあれこれインストールするよりもこちらのほうが楽なので。作成したらヘッダーガジェットからロゴをアップロードして終了です。
- サムネイルのサイズ変更 -
サムネイルが小さすぎると思ったのでサイズを変更しました。
- 文字のデザイン -
見出し、リスト、引用、太字の見た目をCSSで整えました。細かいところはちょこちょこ変えるかも。
- 目次自動生成 -
そんなに見出しつきの文章は書かないと思うので悩んだのですが、この記事のように全く書かないわけでもないので目次を自動生成するスクリプトを導入しました。参考にしたのは下記の記事です。
自動目次とスムーススクロール | ふじろじっく
- SNSシェアボタン -
利用させて頂いてるテーマQooQ では、記事の上下にSNSシェアボタンがあります。そのうち上のシェアボタンを外して下だけにしました。また、シェアボタンのデザインもちょこっといじってます。
- プロフィール -
Bloggerには基本情報というプロフィール的なガジェットがあるのですが、そのままでは情報を追加できないのでHTML/JavaScriptガジェットを追加して、プロフィール用のHTMLを書きました。
- アーカイブ -
アーカイブをプルダウンメニューにしてCSSで見た目を整えました。階層やフラットリストだと、長くブログを続ければ続けるほどだらだら長いリストになってしまうので。
実はラベルもプルダウンにしようかどうか迷ったのですが、こちらはすべてのラベルが見えているほうが視認性が良いと思ったのでクラウド表示のままにしてます。
- ブログ内検索 -
ブログ検索ガジェットを追加すれば簡単にブログ内検索フォームを追加できるのですが、CSSで見た目を整えようとしたら面倒くさかったのでHTML/JavaScriptガジェットに検索フォーム用のHTMLを書いて設置することにしました。一応検索は問題なくできているようなのでこれでいきます。
- その他 -
ソースコードを書くときに見栄えを良くしてくれるhighlight.jsを導入するかどうかで迷ったのですが、書く機会ができたときでいいやということで今回は見送りました。これで大体カスタマイズは終わったかな。年内に終わって良かった…。実は某所で今年中にカスタマイズを終わらせる宣言してたので(汗)
- 追記 -
記事一覧があれば便利かなということで、自動で記事一覧を生成してくれるウィジェットを使ってサイトマップの固定ページを作成しました。下記の記事にあるウィジェットをお借りして、見た目はCSSでちょこっといじってます。(2020.12.7追記)
HTML サイトマップウィジェット (2020/08/07 お知らせを追記しました) | ふじろじっく
#カスタマイズ #Blogger
カードケース購入
- 2020.11.24(Tue) 19:40:33
- 感想
※この投稿はBloggerで2020.11.24に投稿したものです。
以前からクレジットカード＆プリペイドカード用にカードケースを利用してました。小銭とお札少々が入るので、現金が必要なときも安心。
今回、キャッシュカードもカードケースにまとめたくて、カードだけが入るカードケースを購入しました。ロゴが入ってるので、カードの裏表がわかりやすいのがGood。
これでキャッシュカードを取り出すのも楽になりました。まあクレジットカードはそのうちカードレスになる流れなんだろうけど、キャッシュカードはどうなるんだろう。今でもATMでの入出金がスマホアプリで可能な銀行もあるし、こちらもカードレスになるのかな。となると、カードケースもそのうち過去の遺物になるのかもしれません。
#買い物
以前からクレジットカード＆プリペイドカード用にカードケースを利用してました。小銭とお札少々が入るので、現金が必要なときも安心。
今回、キャッシュカードもカードケースにまとめたくて、カードだけが入るカードケースを購入しました。ロゴが入ってるので、カードの裏表がわかりやすいのがGood。これでキャッシュカードを取り出すのも楽になりました。まあクレジットカードはそのうちカードレスになる流れなんだろうけど、キャッシュカードはどうなるんだろう。今でもATMでの入出金がスマホアプリで可能な銀行もあるし、こちらもカードレスになるのかな。となると、カードケースもそのうち過去の遺物になるのかもしれません。#買い物
中学生のあだ名
- 2020.11.18(Wed) 19:38:00
- 生活
※この投稿はBloggerで2020.11.18に投稿したものです。
先日放送されたネプリーグで「川を英語で言うと？」という出題がありました。
それを聞いた #四男 が「川と言えば同級生に『ブラック・リバー・ドラゴン』ってあだ名の男子がいる」と言い出しました。何だその厨二そのもののあだ名は…。すると #次男 「そいつの名前は黒川竜とかそんな感じなんやろ？」と応えました。「その通り！」と四男。黒→ブラック、川→リバー、竜→ドラゴン…それがあまりにもツボってめちゃくちゃ笑いました。親御さんも子供が名前のせいでこんなあだ名をつけられるとは思ってないだろうなあ。
そしてさらに次男が「俺が中学生の頃は『ブリジストン』ってあだ名のやつがいた」と言い出しました。ブリジストン？車でも好きなのか？と思ったけど違った。「『石橋』って苗字やねんそいつ」。石橋→石と橋→ブリッジ・ストーン→ブリジストン…。これまたツボにハマるネーミングすぎる。中学生、覚えたての英語を使えるのがそんなに嬉しいのかw
「俺の名前は(英語の)あだ名にするのが難しいって友達に言われたわ」と次男が続けました。確かに…。それを喜んでいいのか悪いのか。でも次男、確か #長男 のあだ名にジュニアをつける形で呼ばれてたのが「ジュニア」で定着したよね？やっぱり英語のあだ名やん…。
先日放送されたネプリーグで「川を英語で言うと？」という出題がありました。
それを聞いた #四男 が「川と言えば同級生に『ブラック・リバー・ドラゴン』ってあだ名の男子がいる」と言い出しました。何だその厨二そのもののあだ名は…。すると #次男 「そいつの名前は黒川竜とかそんな感じなんやろ？」と応えました。「その通り！」と四男。黒→ブラック、川→リバー、竜→ドラゴン…それがあまりにもツボってめちゃくちゃ笑いました。親御さんも子供が名前のせいでこんなあだ名をつけられるとは思ってないだろうなあ。
そしてさらに次男が「俺が中学生の頃は『ブリジストン』ってあだ名のやつがいた」と言い出しました。ブリジストン？車でも好きなのか？と思ったけど違った。「『石橋』って苗字やねんそいつ」。石橋→石と橋→ブリッジ・ストーン→ブリジストン…。これまたツボにハマるネーミングすぎる。中学生、覚えたての英語を使えるのがそんなに嬉しいのかw
「俺の名前は(英語の)あだ名にするのが難しいって友達に言われたわ」と次男が続けました。確かに…。それを喜んでいいのか悪いのか。でも次男、確か #長男 のあだ名にジュニアをつける形で呼ばれてたのが「ジュニア」で定着したよね？やっぱり英語のあだ名やん…。
ブログをカスタマイズ
- 2020.11.17(Tue) 19:35:13
- Web
※この投稿はBloggerで2020.11.17に投稿したものです。
ほぼほほほったらかしだったブログをカスタマイズしました。背景画像をレスポンシブ対応するの、やりたかったんだよなあ。細かいところはまだ弄ってないけど、大体体裁は整えられて満足です。
参考にしたサイトは下記の通りです。
記事中に画像がない場合のサムネイルを設定する【Blogger/QooQカスタマイズ】 - あさいてむ
【QooQ 他】コメント欄のデザインカスタマイズ | ふじろじっく
【QooQ】ナビゲーションバーを上部に固定する方法 | ふじろじっく
#カスタマイズ #Blogger
ほぼほほほったらかしだったブログをカスタマイズしました。背景画像をレスポンシブ対応するの、やりたかったんだよなあ。細かいところはまだ弄ってないけど、大体体裁は整えられて満足です。
参考にしたサイトは下記の通りです。
記事中に画像がない場合のサムネイルを設定する【Blogger/QooQカスタマイズ】 - あさいてむ
【QooQ 他】コメント欄のデザインカスタマイズ | ふじろじっく
【QooQ】ナビゲーションバーを上部に固定する方法 | ふじろじっく
#カスタマイズ #Blogger
OGP画像を設定してみた
- 2020.11.11(Wed) 14:22:55
- Web
子供の成長
- 2020.11.8(Sun) 14:19:19
- 生活
※この投稿はBloggerで2020.11.8に投稿したものです。
ほんのちょっと前まで頭ひとつ分は身長差があった #三男 と #四男 。しかし今ではほとんど肩を並べるほど身長差がなくなってます。
中学校に入学する前は大きすぎるんじゃないかと思った通学用自転車も、今ではちょうどいい大きさになり、だぶだぶだった制服は折り返した袖口とズボンの裾をほどいても短いぐらい。後半年もしないうちに卒業なので買い替えなくてもいいと四男も言ってることだし、破れない限りはこのまま我慢してもらうつもりです。
それにしてもこの時期の子供の身体的成長には毎度驚かされます。よその子なんて、しばらく顔を見ない間に別人のように大きくなって「誰？」となってしまいます。
もうすぐ高校受験、今年度はコロナのために修学旅行がなくなったりと残念なこともありましたが、有終の美を飾れますように。
ほんのちょっと前まで頭ひとつ分は身長差があった #三男 と #四男 。しかし今ではほとんど肩を並べるほど身長差がなくなってます。
中学校に入学する前は大きすぎるんじゃないかと思った通学用自転車も、今ではちょうどいい大きさになり、だぶだぶだった制服は折り返した袖口とズボンの裾をほどいても短いぐらい。後半年もしないうちに卒業なので買い替えなくてもいいと四男も言ってることだし、破れない限りはこのまま我慢してもらうつもりです。
それにしてもこの時期の子供の身体的成長には毎度驚かされます。よその子なんて、しばらく顔を見ない間に別人のように大きくなって「誰？」となってしまいます。
もうすぐ高校受験、今年度はコロナのために修学旅行がなくなったりと残念なこともありましたが、有終の美を飾れますように。
コロナショック後の生活とこれから
- 2020.6.11(Thu) 14:16:21
- ひとりごと
※この投稿はBloggerで2020.6.11に投稿したものです。
コロナショックですっかり様変わりした日常生活ですが、まだまだ混乱はあるものの、3月4月の頃を思えばかなり落ち着きを取り戻してきました。
しかし、収入面での打撃は我が家でもそこそこあるかなという感じ。 #長男 と #次男 の会社では冬のボーナスはなくなるのではないかと囁かれています。長男も次男も独身で実家暮らしだからまだなんとでもなるけど、住宅ローンが残ってたりお子さんが大学生くらいの家庭はかなりしんどいことになりそう。
私のほうはあちこち回って取材したり研修を受けたりしていたのが今はどれも難しくてがくんと仕事量が減りました。昨年から準備していたものも、ほぼお蔵入りに。勿体ないので何らかの形で世に出そうと皆で話し合い中です。
少なくとも有効なワクチンが広まるまでは予断を許さないので、制約がある中でどう動けばいいのかを形にしなければならないなあと思ってます。
#コロナ
コロナショックですっかり様変わりした日常生活ですが、まだまだ混乱はあるものの、3月4月の頃を思えばかなり落ち着きを取り戻してきました。
しかし、収入面での打撃は我が家でもそこそこあるかなという感じ。 #長男 と #次男 の会社では冬のボーナスはなくなるのではないかと囁かれています。長男も次男も独身で実家暮らしだからまだなんとでもなるけど、住宅ローンが残ってたりお子さんが大学生くらいの家庭はかなりしんどいことになりそう。
私のほうはあちこち回って取材したり研修を受けたりしていたのが今はどれも難しくてがくんと仕事量が減りました。昨年から準備していたものも、ほぼお蔵入りに。勿体ないので何らかの形で世に出そうと皆で話し合い中です。
少なくとも有効なワクチンが広まるまでは予断を許さないので、制約がある中でどう動けばいいのかを形にしなければならないなあと思ってます。
#コロナ