(土)Bloggerの2017年の公式テーマのContempoとSohoとEmporioとNotableで記事/追加ページの固有タイトルの見出しタグを変更する方法と併せて使える各々のブログ名の見出しタグのh1を外す方法が見付かった。前者だけだと記事/追加ページで見出しタグをh1にしてもデフォルトでh1が付いたブログ名と二つになってしまってHTML構文としてもSEO対策としても万全とはいえなかった。後者を取り入れると記事/追加ページで見出しタグのh1が固有タイトルの一つだけになるからかりにデザインは変わらないとしてもブログのマークアップは分かり易く整えられる。記事/追加ページのブログ名のh1を外す方法自体は固有タイトルの見出しタグを変更して間もなく思い付いたけど、しかしデザインを他のトップやアーカイブなどのブログ名にh1を残すページと振り分けるのが煩雑で、HTMLとCSSを二倍にして割り当てなくてはならないのが大変だからどうにも気が向かなくてやってなかったんだ。今回、もう少し楽な仕方で、要するにCSSの内容を当初の一つに保って指定先だけを変更しながらHTMLを振り分ければ可能だと分かってBloggerのブログの些細な日常に取り入れた。2017年の公式テーマで記事/追加ページのブログ名の見出しタグのh1を外すためのソースコードBloggerの「テーマ」のHTML編集やバックアップ/復元から行う。テンプレートのHTMLとCSSの二つを書き換えて記事/追加ページのブログ名から見出しタグのh1を外すと共に他のページは以前のままに保っておく。name='super.title'/>を三種類のページに振り分ける内容に編集する。</b:if></div>※太文字が書き換え済みの部分だ。name='super.title'/>しか入ってない。デザインは全ページで見出しタグのh1が付いたブログ名が表示されてトップページだけはトップページへのリンクがない。Bloggerの2017年の公式テーマはHeaderウィジェットのブログ名が最上段のフローティングバーのデザインにも影響する。CSSの内容を変えるとページ毎に調整するのが物凄く大変になるので、デフォルトのデザインを完全に引き継いだ形で、記事/追加ページのブログ名のh1だけを外すのが最も簡単だから気に入ってやっている。サンプルのソースコードは三種類のページのブログ名の出力を振り分けてそれぞれにCSSの指定先をセレクターの属性と番号で個別に割り当てている。見出しh1の「blog-title='3'」でトップページへのリンクありページ毎に共通のデザインを割り当てるためにはCSSのセレクターに「blog-title」などの属性を指定するだけでも大丈夫で、さらに番号は付けなくて構わないけど、しかしソースコードでそれぞれが見分け易かったり、後からデザインを個別に振り分けられるのも便利だから属性だけではなくて番号も付けている。サンプルのソースコードでは記事/追加ページの見出しタグからh1を外す代わりにh2を付けている。h3や他の見出しタグに置き換えても共通のデザインが引き継がれるから大丈夫なんだ。見出し以外のタグを使うとデザインが崩れてしまう。段落タグのpでは説明文のデザインと干渉する。pの他は中寄せが効かず、周りの余白もずれる。どちらもCSSをさらに追加して修正するのが手間取らずにいない。記事/追加ページでブログ名の見出しタグのh1を外す代わりにはh2などの他の見出しタグを使うのが良いと思う。CSSの変更:style内の使用しない指定先のh1を書き換えるデフォルトのデザインでは全ページで共通のCSSがブログ名の見出しタグのh1に指定されている。記事/追加ページで見出しタグのh1を外すとデフォルトのデザインも反映しなくなってしまう。修正するには新しいCSSを記述しても可能だけど、同じように反映させるのがもっと手早いんだ。CSSの指定先を元々のh1ではなくてセレクターの属性を使って一つに纏め直す。ソースコードのCSS、すなわち<style></style>で囲まれた部分に含まれるHeaderウィジェットのh1からHTMLの変更で新しく使用するセレクターの属性に置き換える。a:visited{color:$(blog.title.color)}ブログ名のデザインを指定するHeaderウィジェットのh1はBloggerのContempoとSohoとEmporioとNotableのバージョン1.3.0(htmlタグの「templateVersion」で確認できる)だと「.Header」や「.blog-name」が付いているか、何も付いてない「h1」が該当してNotableテーマ以外はCSSの全てのh1をセレクターの属性で置き換えて構わない。Notableテーマにかぎって「.post-body」が付いているh1は記事内のデザインだから除外しなくてはならない。Contempoテーマだと合計十七ヵ所だったり、何れも数が多くて手間取るけど、しかしデザインを崩さないために一つ残らず、該当するh1を新しく使用するセレクターの属性に書き換えて行く。CSSのstyle内ではセレクターの属性は半角の大括弧([])で文字列を囲って記載する。カスタマイズでHeaderウィジェットのブログ名のh1に対してCSSを指定している場合には併せて書き換えないとデザインが反映しなくなるし、次からはセレクターの属性に対してデザインを付けるように変わるのを注意しておきたい。記事/追加ページの固有タイトルの見出しタグだけをh1にするHTML構文とSEO対策の利点Bloggerの全てのブログが記事/追加ページのブログ名から見出しタグのh1を外して固有タイトルだけをh1にする必要はないだろう。纏まっていれば記事/追加ページの固有タイトルの見出しタグはh2が合っているように感じる。ブログ名から順繰りに各記事が速やかに理解できるマークアップだし、HTML構文としてもSEO対策としても相応しい印象を与える。Bloggerの公式テーマのデフォルトのデザインで全記事のブログ名に見出しタグのh1が付けられているのは専門型のブログに使われるのを想定して設計されているか、少なくとも向いているのは間違いないと考える。雑記型のブログだとブログ名と全記事のタイトルがテーマで必ずしも緊密に一致するわけではないし、記事は記事でブログ全体と切り放すようにもうちょっと独立的に扱っても良いと思う。ブログ名の見出しタグはh2などにしてメインコンテンツの記事の固有タイトルをh1にして個別のテーマから理解できるようにするのは望ましい。始まらなかったり、途中で止まったりもしていたPlayストアでのAndroidアプリのダウンロードは安定して来ていると思うし、喜ばしいかぎりの昨今だけれども速度自体はいつも同じではないから何だろうと訝られる。続きを読むスノーボードのジャンプ中のグラブには幾つもの種類があるスノーボードでジャンプして板を掴む動作をグラブ、またはグラブトリック(掴み技)としてエアー(空中)に組み込まれる。幾つもの種類があって空中での姿勢を安定させたり、ハーフパイプやスロープスタイルやビッグエアーなどの演技を競う試合では得点を左右する要因にもなっている。自分でアップロードした画像については画像URL/直リンクを取得して他のサイトにHTMLのimgタグで表示させられる。自分と他の人たちも含めて画像の埋め込みコードを取得して他のサイトのHTMLに、そのまま、記載して表示させられもする。使うのは初めてではなかったものの本格的には未経験だったので、どうなるかと不安が心に過った。使っている間に慣れて来て特に支障はないと感じた。続きを読むJavaScriptの繰り返しボタン:押した回数を数えて実行結果を元に戻すプログラムサイトのボタンはHTMLのinputやbuttonとJavaScriptのonclickを組み合わせて実装できる。後者のプログラムが前者を押して発動するようになる。使い易くて良いと思った。2015プロフィール結城永人Japan二十代前半から作家活動を天職に励んで来ました。当初は小説家を志望していましたが、しかし十数年を経て作詩する機会も増すほどに詩人こそ素性だと考えるに至りました。以降、個人的に永遠を歌う生き方として自分の中で最も重要な位置を占めています。