Blogger(QooQ)の記事一覧にあるサムネイルをいじってみたなど。

調べていて脱線後、記事一覧の表示に関する記述を見つけて、思い出していじってみたら、いびつな表示を直せましたｗ。どうってことないです。必要なコード「.list-item-img-def」が入っていなかっただけｗあほだなぁ。スマホの表示に関する箇所には入っていたけど、それだけだとパソコン(指定した画面サイズ以上)には効かないってことだった。直している過程で、「No image」画像のサイズも変えてみました。若干はみ出しているのも味でしょうｗ。

脱線ついでに、スニペットという面白そうな機能を見つけた。記事一覧に記事内の文章を指定した文字数だけ表示するという。試してみると、良い感じに見えたのは一瞬だけでした。「こんばんは。tanayasu99(たなやす)です。」という冒頭あいさつ文が目立つｗ際立つｗ強すぎるｗ。スニペットは断片なんだから、先頭行から拾うことなくない？開始行の設定ぐらいあっても良いんじゃないかと思って調べたけど見つからなかったので、スニペットは使わないことにした。

ついでに、Bloggerの「記事編集」画面が変わっていたことについて、グチってみたいと思う。

以前は「HTMLビュー」画面で必要最低限のimgタグとaタグが挿入出来ました。しかし、新しくなってからは「作成ビュー」からしか画像挿入できない？？全然出来ないよりはマシかと思うか。。。ドラッグアンドドロップで複数ファイルをアップロード出来る点は良いだろう。アップロードから画像表示まで時間がかかるけど、5個ぐらいの画像で1分はかかっていないと思う。...勝手に中央配置か。まぁこれぐらいは以前と同様に、後から変えられるなら...変えられない？なんだそれは？

どうやら、配置は「HTMLビュー」画面でコードをいじるしかないようだ。しかし、複数画像を挿入することが多いので、手動で全部いじるのはツラい。しかも、divタグだ...開始と終了があるし、長ったらしい画像URLのせいで余計に分り難い。代替テキスト(alt属性)やタイトルテキスト(title属性)は、決めたテキストを自動で挿入出来るようにエクセル関数を使っている。それの応用で「text-align: center;」を「text-align: left;」を一気に変えることは出来た。

しかし、そもそもcenterをleftにしたぐらいだと、ダメですねぇ...左に整列は出来るけど、以前のように横並びには出来ない。都度、ブロック要素のdivタグが入っているから改行されてしまう。divタグ消すか。

面倒くさいと思いつつも、一度作ってしまえば使い続けられるので頑張ってみた。開始divを削除、終了divを削除、複数のaタグ間に入っているbrも削除...うむ完璧に動きましたw。

んんん？！divタグが改行のためだけにbrに紛れている。classとか文章校正に使われるならまだしも...入っていると良い事あるのかな。。。よく分からないので、GoogleSearchConsoleとかが何も言ってこなければ良しとしよう。数が多すぎて対処する気にならないｗ。

HTMLビューだと画像挿入というかアップロード行為が出来なくなったので、がっつりhtmlのみでやってやるぜーみたいな人は苦痛かもしれません。改悪とまでは言わないけど、ちょっと残念なリニューアルに感じます。ぁぁ、HTMLビューで良かった点があります。HTML記述が間違っていると文字を赤くしてくれることですかね。どの程度の間違いまで反応するか分かりませんが、たまたま見かけたのは、divタグの終了はあるのに、開始のdivタグがないよ！みたいなものでした。

なんか、他にもいろいろ変わっているようなので、不便に感じたらまた記事にするかもしれません。

※追伸：画像をクリックしても、大きくなっていないような気がする！！www

※追伸(4/19)：アップロード済みの画像サイズが512x201に縮小されていた。アップロード先になっているGoogleアルバムアーカイブを確認すると、元画像どおりのサイズと同じだが、容量が2倍になっていた。いつの間にか「記事編集」画面がリニューアル前の状態に戻っていた。試しに、画像をアップロードしなおしたら、元画像どおりのサイズになっていた。この間、本ページの画像を全部入れ替えてみた。...Bloggerのリニューアル失敗したみたいですね。

おわり。