まとまった文章を書きたくなったときに書いてます。感想はプロフィールページにある一言メッセージフォームからお願いします。
タグ「Blogger」を含む投稿[5件]
てがろぐでブログはじめます
- 2021.5.21(Fri) 16:35:16
- ひとりごと
#Blogger で開設してたブログのログを移行できたので、今日からてがろぐでブログをはじめます。旧ブログにアクセスするとこのブログのトップページにリダイレクトされるようにしたので、検索でたどり着いた人はちょっと戸惑うかもしれませんが。記事自体はちゃんと移行してますのでハッシュタグ #てがろぐ から探してみてください。
移行しようと思った第一の理由はBloggerだと記事が書きにくいからですが、第二はせっかくレンタルサーバを使ってるんだから自分で設置したほうが管理が楽なのではと思ったからです。特にてがろぐは設置が手軽で仮にサーバを変えるとしても移行が楽なのが大きいです。WordPressだとこうはいかない。以前使ってたBlosxomも移行が楽なのですが、プラグインを使わないとWebで更新できないのがネックで(素のままだと記事を書いたファイルをアップロードすることで更新される)。
ブログっぽくするにあたって「そのとき表示されている状況を示すキーワード」が出力される記法 が役立ちました。ページによって違う #CSS を割り当てられるのは良い。あまりアイデアが思い浮かばないので私は大して活用できなさそうですが、活用すればスキンのバリエーションが大幅に広がりそうです。
すでにSakko Memoというつぶやき系のページをてがろぐで作ってるので、こちらの更新は月に一度あるかないか程度になりそうですがよろしくお願いします。
#ご挨拶 #カスタマイズ
移行しようと思った第一の理由はBloggerだと記事が書きにくいからですが、第二はせっかくレンタルサーバを使ってるんだから自分で設置したほうが管理が楽なのではと思ったからです。特にてがろぐは設置が手軽で仮にサーバを変えるとしても移行が楽なのが大きいです。WordPressだとこうはいかない。以前使ってたBlosxomも移行が楽なのですが、プラグインを使わないとWebで更新できないのがネックで(素のままだと記事を書いたファイルをアップロードすることで更新される)。
ブログっぽくするにあたって「そのとき表示されている状況を示すキーワード」が出力される記法 が役立ちました。ページによって違う #CSS を割り当てられるのは良い。あまりアイデアが思い浮かばないので私は大して活用できなさそうですが、活用すればスキンのバリエーションが大幅に広がりそうです。
すでにSakko Memoというつぶやき系のページをてがろぐで作ってるので、こちらの更新は月に一度あるかないか程度になりそうですがよろしくお願いします。
#ご挨拶 #カスタマイズ
Bloggerの投稿フォーム
- 2020.12.15(Tue) 09:02:52
- Web
※この投稿はBloggerで2020.12.15に投稿したものです。
Bloggerでは作成ビューとHTMLビュー、どちらかを選んで記事を書きます。作成ビューは書式を選んで書いていくモードで、HTMLを知らない人でも書けます。HTMLピューはその名の通り、HTMLを使って書くモードです。私はHTMLビューで記事を書いてます。
パソコンで書くときはタグを定型文として登録してるクリップボード履歴ソフトClibor と、Chrome拡張機能のCreate Link を併用してます。
Create Linkは見てるページのタイトル(もしくは選択した文字列)とURLを好きなフォーマットでコピーすることができる拡張機能です。実はAndroid版のYandex Browserでも使えるので、スマホやタブレットで記事を書くときでも簡単にリンクや引用のHTMLをぺったんこできます。マジ有能。
また、スマホやタブレットではCliborの代わりにコピペリストを使ってます。日本語入力に単語登録してもいいんだけど、編集のしやすさでこちらをチョイス。
コピペリスト - クリップボード支援・定型文 / copipe(非常駐) - Google Play のアプリ
しかし、スマホやタブレットでの入力で問題が。文章が長くなると、キーボードに文章が隠れて見えなくなるのです。これでは短文しか打てません。仕方ないのでテキストエディタで書いて投稿フォームにコピペし、画像だけ投稿フォームで挿入するようにしてます。面倒だけど他に方法を思いつかない。Googleさんはこの手の不具合は放置しそうだし。

こう書いてみると投稿フォームに関しては使い勝手が快適とは言えないBloggerですが、無料で広告なし、独自ドメインまで使えるんだから文句は言えないですね…。
#Blogger
Bloggerでは作成ビューとHTMLビュー、どちらかを選んで記事を書きます。作成ビューは書式を選んで書いていくモードで、HTMLを知らない人でも書けます。HTMLピューはその名の通り、HTMLを使って書くモードです。私はHTMLビューで記事を書いてます。
パソコンで書くときはタグを定型文として登録してるクリップボード履歴ソフトClibor と、Chrome拡張機能のCreate Link を併用してます。
Create Linkは見てるページのタイトル(もしくは選択した文字列)とURLを好きなフォーマットでコピーすることができる拡張機能です。実はAndroid版のYandex Browserでも使えるので、スマホやタブレットで記事を書くときでも簡単にリンクや引用のHTMLをぺったんこできます。マジ有能。
また、スマホやタブレットではCliborの代わりにコピペリストを使ってます。日本語入力に単語登録してもいいんだけど、編集のしやすさでこちらをチョイス。
コピペリスト - クリップボード支援・定型文 / copipe(非常駐) - Google Play のアプリ
しかし、スマホやタブレットでの入力で問題が。文章が長くなると、キーボードに文章が隠れて見えなくなるのです。これでは短文しか打てません。仕方ないのでテキストエディタで書いて投稿フォームにコピペし、画像だけ投稿フォームで挿入するようにしてます。面倒だけど他に方法を思いつかない。Googleさんはこの手の不具合は放置しそうだし。

こう書いてみると投稿フォームに関しては使い勝手が快適とは言えないBloggerですが、無料で広告なし、独自ドメインまで使えるんだから文句は言えないですね…。
#Blogger
ブログをカスタマイズ その2
- 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.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