今回はちょっと気になっていたカテゴリリンクと記事リンクの位置を変更しました。

・・の前に、

カテゴリリンクをピンクにして、記事のタイトルを緑にしてしまうと

記事のタイトルが目に入りにくくなってしまうので、前回の記事を参考に

CSSで色を変更しました。

そして、このテンプレートの、個別記事へのリンクが

画像（マウスでリンク先へ飛ぶ）

カテゴリ先のリンク

記事名・記事へのリンク となっていて、

それを

画像の下に記事名・リンクにしたかったので位置の変更をしました。

今回はCSSでは無く、HTMLでの指定になります。

ブログ設定→デザイン設定PC→カスタマイズ の トップページ

※実行する前に必ず「保存」

から、変更します。

  <!-- 記事ヘッダー、記事タイトル --> の下の

↑この部分を

↓Dateの前に移動

  <header class="article-header">
    <h1 class="article-title" itemprop="name"><a href="<$ArticlePermalink$>" itemprop="url"><$ArticleTitle ESCAPE$></a></h1>     個別記事URL  エスケープ処理
    <IfArticleRating><span class="article-rating"><$ArticleRatingIcon$></span></IfArticleRating>
   

 <span class="article-date"><time datetime="<$ArticleDateISO8601$>" itemprop="datePublished"><$ArticleDate$></time></span>

      <div class="article-categories">

        <span class=article-category1">
          <a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a>
        </span>

        <IfArticleCategory2>
          <span class="article-category2">
            <a href="<$ArticleCategory2Url$>"><$ArticleCategory2$></a>
          </span>

        </IfArticleCategory2>

      </div>
  </header>

といった感じで、場所を変えるだけで表示してもらえます。

ただ、思っていた部分と違う所に空白ができたりするので、

HTMLを崩さないように移動させればよいかと。

一応なんのこっちゃなので、ちょっと調べて赤字で表記↑

なんぞやと調べたら、異なる物をまとめるタグ らしい。

比較的最近登場のタグ。

ライブドア記事では

個別記事、タグ記事に使うようだ。

と言うかけっこう乱用。

私は思った・・・

つか、プログラミングって何？書店では組み立てだけで満足できそうなキットがたくさん並んでいる。

現代人の言い方的にくそがあああああって 感じ？

ちなみに、HTML5 で、登場するそうです。2016年年頃～の話。

私もHTML5購入しようかな。

面白そう。

↓一番PCが楽しかった時代。