Blogger:記事へ挿入した画像のURLがhttpsデフォルトになっていることに気づきました

イントロダクション

このブログはGoogleのブログサービス「Blogger」にて運営しています。
さて最近、画像ファイルをアップロードして、記事に挿入してみたところ、画像へのリンクがhttpではなく、httpsになっていることに気が付きました。

Blogger:投稿の下書きに画像をドラッグ＆ドロップすると、画像を挿入できます！

イントロダクション

Google のブログサービス「Blogger」にて、久しぶりに画像を記事に挿入しようと思い、エディタの「画像を挿入」ボタンを押したところ、次のようなメッセージが表示されました。

Blogger:エディタの「画像を挿入」ボタンを押したときに
表示されたメッセージ

ご存じですか？
投稿の下書きに画像を直接ドラッグ＆ドロップできるようになりました。

なんと、「画像を挿入」ボタンを使わなくても、ファイルとして画像が保存されていれば、それをブログの編集画面にドラッグ＆ドロップすることで、その画像を記事の本文へと挿入できるようになったようです！

Blogger:Feedで取得できる記事の最大件数が500件から150件へと変更された？

イントロダクション

このブログは Google のブログサービス「Blogger」にて運用しています。

さて、久しぶりにこのブログの Search Console の画面を見てみたところ、サイトマップにて送信したURLの数が大きく減少していることに気が付きました。

Google Search Console
サイトマップ

以前は、「max-results=500」としてFeedを送信した場合には、
送信として 501 と表示されていたが、
現在は 151 としか表示されていない。

Blogger の Feed で取得できる記事数の最大値である 500 件分の記事を取得するために、max-results=500 として Atom 形式の Feed の URL を Search Console に登録していましたが、Feed のデータを調べてみると、実際には 150 件分の記事しか取得できていないようでした。

Blogger:エディタの画面がブラウザ内でずれる現象に遭遇。その時の対処

イントロダクション

Google のブログサービス「Blogger」の投稿エディタにて、まれに投稿エディタの画面がずれる現象に遭遇することがあります。

その時の様子と対処をまとめます。

Blogger:発生する可能性があるミスは、発生する。保存しようとして、うっかり公開してしまう。その対策

イントロダクション

発生する可能性のあるミスは、発生してしまうということを痛感する出来事がありました。

それは、Blogger にて、保存ボタンを押そうとして、うっかり公開ボタンを押してしまったという出来事です。

Blogger:一時的な現象？ここ最近発生している「人気の投稿」ガジェットの不具合

イントロダクション

Google のブログサービス「Blogger」にて、ここ最近発生している不可解な現象があります。

それは、「人気の投稿」ガジェットの不具合です。

Blogger:エラーが発生しました: (bX-lxlbts)に遭遇。その現象とその時の対処

イントロダクション

一昨日、Google のブログサービス「Blogger」にて、ブログの投稿を作成していたところ、作成中の投稿保存時に、エラーに遭遇しました。

その現象と、その時に行った対処について記載します。

Blogger:ガジェットのタイトルの背景に画像を設定する方法

イントロダクション

Google のブログサービス「Blogger」にて、ガジェットの背景に画像を設定する方法について記載します。

Blogger:レイアウトの画面が新しくなった？ウィジットを囲んでいるセクションのidが表示されるようになった

イントロダクション

先ほど、Google のブログサービス「Blogger」の設定画面を見たところ、レイアウトの画面に違和感を感じました。

以前は表示されていなかったセクションの id が表示されるようになっています！

Blogger:404ページを判定する方法 - テンプレートのHTML編

イントロダクション

Google のブログサービス「Blogger」にて、現在表示しているページが 404 ページなのかどうかを判定したいことがあります。

そのときには、テンプレートの HTML のレイアウトデータタグで判定する方法があります。

Blogger:テンプレートのHTMLに新しい機能が追加されました!条件式の複数条件サポートや三項演算子など。今までよりもテンプレートのHTMLをシンプルに記載できるかも!

イントロダクション

Google のブログサービス「Blogger」ですが、最近テンプレートのHTMLに新しい機能が追加されました。

Blogger テンプレートのウィジェットタグに新しい表現方法が登場 | クリボウの Blogger Tips 
http://www.kuribo.info/2015/05/blogger-widget-tag-expressions.html

Blogger:HTML/JavaScriptガジェットを、投稿ページのみに表示する方法

イントロダクション

Google のブログサービス「Blogger」にて、HTML/JavaScript ガジェットをブログの全ページではなく、投稿ページでのみ表示したいことってありますよね。

今回は、特定のガジェットをトップページでのみ表示する方法について記載します。

Blogger:モバイル表示では、指を左右にフリックすると、前後の記事へ移動します

イントロダクション

Google のブログサービス「Blogger」のブログをスマートフォンなどのモバイル端末で見た時に気が付いたことがあります。

それは、閲覧しているページにて、指を左右にフリックすると、その記事の「前の記事」や「次の記事」に移動することです。

Blogger:Bloggerでアップロードした画像なら、環境(PC/モバイル)に応じて適切なサイズを自動的に読み込んでくれる！すごい！

イントロダクション

Google のブログサービス「Blogger」にてアップロードした画像なら、環境(PC/モバイル)に応じて適切なサイズを自動的に読み込んでくれるということに気が付きました。

Blogger:HTML/JavaScriptガジェットの編集アイコンがおかしくなった!その理由

イントロダクション

これは、Google のブログサービス「Blogger」にて遭遇したトラブルについての記事です。

最近、大幅にこのブログのデザインを変更してみました。
そのときに、HTML/JavaScript ガジェットの編集アイコンの動作がおかしくなるというトラブルに遭遇しました。

Blogger:ブログ上の工具マークは、運営者本人にしか見えません - その確認方法
http://upa-pc.blogspot.com/2015/05/blogger-edit-icon.html
Dr.ウーパのコンピュータ備忘録

その原因と対処法について記載します。

Blogger:モバイル表示を初めてカスタマイズする場合、モバイルテンプレートのプレビューを確認しながら作業すると便利

イントロダクション

Google のブログサービス「Blogger」では、PCで表示した場合と、モバイル端末で表示した場合とで、表示を変えることができます。

Blogger:モバイル版のテンプレートをカスタマイズするときに、私がよく使っているもの
http://upa-pc.blogspot.com/2015/05/blogger-mobile-template-customize.html
Dr.ウーパのコンピュータ備忘録

さて、今までずっとモバイルテンプレートとしてデフォルトを使ってきた場合には、いきなりカスタム設定にするのは危ないかもしれません。

なぜならば、モバイルテンプレートとしてデフォルト設定を使ってきた場合には、いままでブログの PC 表示に行ってきたカスタマイズがほとんど反映されていないからです。

そのため、モバイルテンプレートをデフォルト設定からカスタム設定に変更する場合には、モバイル表示にて意図せぬ表示（文字が大きすぎる、要素が重なってしまう等）が行われる可能性があります。


そこで、初めてモバイル表示をカスタム設定にする場合には、モバイルテンプレートのプレビューを表示させた状態で、修正作業を実施すると便利です。

Blogger:PC表示/モバイル表示を、JavaScriptにて取得する方法 - BloggerのテンプレートのHTML方式

イントロダクション

Google のブログサービス「Blogger」では、PCで表示した場合と、モバイル端末で表示した場合とで、表示を変えることができます。

Blogger:モバイル版のテンプレートをカスタマイズするときに、私がよく使っているもの
http://upa-pc.blogspot.com/2015/05/blogger-mobile-template-customize.html
Dr.ウーパのコンピュータ備忘録

さて、今現在 Blogger ブログが、PC表示をされているのか、モバイル表示をされているのか、JavaScript として取得したい場合があります。

その時には、次の方法が考えられます。

(1) URL のクエリパラメータを見て、PC表示/モバイル表示を判別
現在表示している Blogger ブログの URL のクエリパラメータに、m パラメータが付与されているかどうかでPC表示/モバイル表示をチェックします。

m=1：モバイル表示
m=0：モバイル表示から、PC表示へ切り替えて表示
mパラメータなし：PC表示

BloggerのPC/モバイル表示の切り替え管理方法が興味深い！
http://upa-pc.blogspot.com/2015/01/blogger-mobile-page-to-pc-page.html
Dr.ウーパのコンピュータ備忘録

Bloggerユーザなら知っておきたい、BloggerブログのURL構成まとめ
http://upa-pc.blogspot.com/2015/02/blogger-url-summary.html
Dr.ウーパのコンピュータ備忘録

(2) Blogger のテンプレートの HTML のタグを使用して、PC表示/モバイル表示を判別

Blogger のテンプレートの HTML 内でのみ効果を発揮するタグを使って、PC表示/モバイル表示をチェックします。

今回は、(2) の「Blogger のテンプレートの HTML のタグを使用して、PC表示/モバイル表示を判別」の方法について記載します。

Blogger:モバイルテンプレートをカスタマイズしたときに発生した問題とその対処

イントロダクション

Google のブログサービス「Blogger」では、スマートフォンなどのモバイル端末で表示した時のブログデザインを好きにカスタマイズすることができます。

Blogger:モバイル版のテンプレートをカスタマイズするときに、私がよく使っているもの

http://upa-pc.blogspot.com/2015/05/blogger-mobile-template-customize.html

Dr.ウーパのコンピュータ備忘録

これまで、このブログのモバイル表示では、デフォルトのカスタマイズしていないデザインを使用してきました。今回、デフォルトの表示を止め、カスタマイズしたデザインに変更してみました。

その結果、いくつかの問題点が見えてきました。
その問題点と対処方法について、記載します。


なお、モバイル端末で表示した時のブログデザインをカスタマイズせず、デフォルトのままにすることも可能です。

Blogger の場合、デフォルトのデザインであっても、たいていの場合モバイル対応された見やすいデザインになっています。

そのため、ブログのデザインに手間をとられたくない場合や、各種設定の複雑化を回避する上で、あえてデフォルト設定のままにするという選択肢もあります。

Blogger:モバイル版でのみ表示するように設定したガジェットは、レイアウト画面に表示されないようです

イントロダクション

Google のブログサービス「Blogger」では、パソコンで見た時の表示と、モバイル端末で見た時の表示を変えることができます。

Blogger:モバイル版のテンプレートをカスタマイズするときに、私がよく使っているもの

http://upa-pc.blogspot.com/2015/05/blogger-mobile-template-customize.html

Dr.ウーパのコンピュータ備忘録

その１つに、ガジェットの表示/非表示を、PC版の表示とモバイル版の表示とで分ける方法があります。

さて、実際にガジェットをモバイル版でのみ表示するように設定した結果、気が付いたことがあります。

Blogger:モバイル版の表示にて、ブログアーカイブが正常に動作しない(2) - 原因を探る

イントロダクション

Google のブログサービス「Blogger」にて、モバイル版の表示にて、ブログアーカイブが正常に動作しないという現象に遭遇しました。

Blogger:モバイル版の表示にて、ブログアーカイブが正常に動作しない
http://upa-pc.blogspot.com/2015/05/blogger-mobile-blog-archive-trouble.html


その原因について、少し調べてみました。