スポンサーリンク

賢威は元々は、絶対配置のテンプレート。

また、前はキーワードがhtmlの始めの方に書かれていると
良いと言われていたのでその名残で現在もあの位置にh1タグが
あるのだと思います。

でも、現在では意味があまり無く賢威と同じウェブライダーが運営に関わっている
ナースが教える仕事術~医療と看護の現場から学んだノウハウ
薬剤師マキの調剤なる日々~漢方薬剤師系ラブコメディノベル
ではタイトル付近にH1タグはありません。

トップページだと画像がH1タグ
記事だと記事タイトルがH1タグ
アーカイブはアーカイブタイトルがH1タグとなっています。

この2つのサイト、ソースを見れば分かりますがCSSのファイルから見ても
元は賢威だと思います。

なので、タイトル回りのH1タグを移動させました。

賢威6のH1タグの移動

いじって楽しむブログではカスタマイズしてタイトルでは無く一番上に表示
していました。

beaxjp_h1move

この配置は一昔の賢威と同じだと思います。
しかし、モバイルではh1、パンくず、記事タイトルと3箇所も同じテキストが
表示されてしまい、邪魔です。

賢威では、個別にH1タグを設定出来ますが、
@eaxjpはそんなにマメではないのでいつもH1=記事タイトルです。

テーマファイルの編集

個別記事(single.php)、アーカイブ(archive.php)、固定ページ(page.php)の
h2タグをh1に変更します。

次にヘッダー(header.php)
ヘッダー内にあるH1タグとタグに囲まれている部分を削除します。

このままだとトップページでH1タグは表示されないので
こんな風にしました。

<?php if ( is_front_page() ) :?>
<h1 class="header-logo"><a href="https://b.eax.jp/"><img src="ロゴ" width="300" height="37" alt="いじって楽しむブログ" /></a></h1>
<?php else: ?>
<p class="header-logo"><a href="https://b.eax.jp/"><img src="ロゴ" width="300" height="37" alt="いじって楽しむブログ" /></a></p>
<?php endif; ?>

スタイルシートの編集

スタイルシートのデザイン部分のdesign.cssを編集します。

元々のH1の記述を削除。

後はH2→H1の様に繰り上げていきます。

今までH5タグまでしか使ってないのでH4タグまで繰り上げます。

見出しタグの置き換え

これでテーマの編集は完了ですが、今までに書いた記事は
今まではH1記事タイトル・H2記事タイトル・H3見出しですが、この変更で
H1記事タイトル・H3見出しとH2が飛んでしまいます。

見出しタグが飛んだ状態はSEOにも良くないので
Search Regexなどを使って置き換えます。

見出しタグの繰り上げ・置き換え

この様に置き換えをおこないました。
大事な事は手で書いた方が分かりやすいです。

あとがき

テーマの編集が終わってやれやれとおもったらこんなツィート


今まで、6.xでしたが今年の夏には7になるそう。
公開されてからしばらくはバグ・不具合なども出ると思うので
秋ぐらいから賢威7への移行をしようと考えています。