テーマこのサイトを適切に使用するためにはブラウザのJavaScriptの実行を許可して下さい。紹介したけど、使用したJavaScriptのコンテンツの目次の自動生成のプログラムはBloggerの他のテーマを含めて他の全てのサイトで使うことができるので、もはや著者名を付けるだけで誰でも無料で使えるように提供しようと思った。コンテンツのHTMLの見出しタグの良く使われるh2からh4までを取り込んで順序付きリストタグのolとliに見出しへのジャンプリンクを入れて階層的に仕立てた目次を最初の見出しタグの直前に挿入する。行うと上書きを避けることができる。続きを読むサイトのCLSがJavaScriptで後から挿入するコンテンツによって上昇するのを防ぐにはどうするかサイトのHTMLに最初から記載されてないコンテンツを後からJavaScriptで挿入するとそのときにページが新しいスペースを取られて動いてしまう。Shift/累積的な配置の変動)を上げて使い難くなる。あるのが押そうとしたボタンがサイトの読み込み中に動いて押せなくなってしまうことだ。ポップアップの表示を付けようとしてCSSのposition:fixedを使おうとしたら横幅が画面から突き抜けてしまって困った。調べるとposition:fixedのコンテンツの位置指定の基準が普通とは異なることに起因している。設定されている場合は例外で、その場合は祖先が包含ブロックとしてふるまいます。続きを読むアドセンスの自動広告のズレを微調整するマークアップアドセンスの自動広告は最初の頃と比べると出方が良くなってサイトのデザインを崩すことが少なくなって来た。使い辛い面がないわけではない。多いのはコンテンツとの隙間がおかしくなる。近過ぎたり、遠過ぎたりする。気にするかしないかの微妙なズレではあるだけれども個人的に止めて欲しいと思うし、そのせいで、アドセンスの自動広告を最初の頃は使わないでいた。今は相当に改善されているけれどもブログで又出たのが一つ見付かった。ページャーに寄ってこれでは誤クリックを誘発し兼ねないほどの不味い位置にある。続きを読むBloggerのmetaタグのrobotsによる検索避けのマークアップBloggerでGoogleやYahoo!などの検索エンジンにブログを表示させなくする検索避けの方法としてHTML編集でのmetaタグのrobotsのマークアップについて紹介する。これは管理画面の設定や編集画面の投稿の設定からスイッチを入れるだけだから簡単だけれども不利な点が一つだけあって別々の種類のページが幾つか混ざってしまっている。Standardに変更された。その流れで、結構、大きな違いというか、個人的にやっていたfigureタグやblockquoteタグへのfooterタグのマークアップが通用しなくなったので、どうすれば良いかを纏めておきたい。Standardへ完全に移行するわけではないから従来のままのマークアップでもサイトの表示や構成に直ちに不都合が生じるわけではない。Standardで強調と重要性の違いがあるもののどちらも使い方が似ていて分かり辛い。初期のデザインが斜体と太字なのがそれぞれにiとbと同じなので、見た目からどちらを使っても良いのかと混乱してしまう。紛らわしい四つのタグの意味をしっかり捉えて的確に使い分けができるようにしたい。HTMLのemタグのemはemphasis/強調の冒頭の二文字で、コンテンツの強調を表すために使われる。em要素は、要素のコンテンツの強調を表す。コンテンツの特定部分が持つ強調のレベルは、祖先のem要素の数によって与えられる。強調の設置は、文の意味を変更する。続きを読むBloggerブログのトップページのスニペットの数が減ってしまったらどうするかBloggerブログはトップページに表示するスニペットの数は管理画面のメニューから決めることができる。※メインページはブログのトップページ。二ヵ所から決めることができてどちらも同じで、片方を変更するともう片方が自動的に揃うようになっている。ブログのトップページに実際に表示されるスニペットの数が決めたよりも減ってしまうことがあり、正常に動作せず、不具合が生じたような結果になると分かっているから予め注意して決めなくてはならない。)で使用したクイズ形式の選択ボタンのJavaScriptによるプログラムを提供する。HTML編集が可能で、scriptタグが反映するサイトならば同じような選択ボタンのコンテンツを作成して使用できる。※どれかを押すと正解が緑に、誤解が赤に変わって表示される。<p>日本の首都はどこか。ID」からアナリティクスで設定済みのIDだけ入力すれば対応するテンプレートでアナリティクスを使うことができる。便利だけど、ところが来年の7月1日からアナリティクスの従来のUAで始まるIDのユニバーサルアナリティクスのデータが止まってしまうので、次のGで始まるIDのGoogleアナリティクス4/GA4を新しく登録しなくてはならない。ID」から登録できなくて暫く様子を見ても変わらないので、カスタマイズでアナリティクスのソースコードをブログに記載する方法について取り上げることにする。続きを読むCSSのグリッドレイアウトのfrと%の違いdisplay:gridでセルの配置を決めるgrid-template-columns(列)やgrid-template-rows(行)の値のfrと%はどちらもグリッドレイアウトの全体の中の割合(占有率)を示すから同じではないかと思うけれども少し違っていて使い方を誤るとデザインが崩れる場合もあるから注意しなくてはならない。トラックを分け合って隙間を全体に収める。続きを読む画像のimgタグのsrcset属性によるレスポンシブ配信サイトの画像をデバイス毎に振り分けてレスポンシブに表示するにはimgタグにsrcset属性でそれぞれの画像URLを設定するのが簡単だ。resolutionの警告が出たから何なのかと調べて修正した。画像を低解像度で配信しているのが良くない。画像の原寸法は表示サイズと画像を最大に明瞭化するピクセル比へ成形されなくてはならない。続きを読むBloggerブログでフォントを変更する方法Bloggerでのフォントの変更はテーマデザイナーかテンプレートのソースコードの編集で行う。何れも管理画面のテーマに入り、前者はカスタマイズ、後者はメニュー(▼)のHTMLを編集かバックアップと元に戻すで可能だ。Bloggerのテーマデザイナーの詳細設定でブログのガジェットのフォントを変えることができる。テンプレートによって項目の種類や数は変わる。続きを読むその他の投稿プロフィール結城永人Japan二十代前半から作家活動を天職に励んで来ました。当初は小説家を志望していましたが、しかし十数年を経て作詩する機会も増すほどに詩人こそ素性だと考えるに至りました。以降、個人的に永遠を歌う生き方として自分の中で最も重要な位置を占めています。