ワードプレスのテーマを自作しよう！

＜テーマチェックに合格するぞシリーズ＞
チェック実施の際の警告の中にこんなのがあります。

REQUIRED: .sticky css class is needed in your theme css.

　stickyというのは何なのかと思って調べて見ると、「記事を先頭固定した際に出力されるCSSのクラス」だということが判りました。調べた結果わかったこと及びやったことを箇条書きにすると以下の様になります。
　

・先頭固定記事とは

　ワードプレスのTOP頁で一番上に表示される記事。例えば告知とか来訪者に特別な伝達事項がある場合などに使うらしいです。
　

・記事の先頭固定の指定方法

　投稿画面で「公開状態」の右にある「編集」をクリックし、「先頭に固定表示」にチェックを入れてＯＫを押し、投稿を更新・保存する。
　

・HTMLソースでの変化

　下の様に、ブログ記事が始まる部分でstickyがクラスに追加され、先頭固定記事が表示されます。先頭固定されるのはTOP頁だけで他のカテゴリ頁等は通常どおりの表示です。

<div class="post-191 post type-post status-publish
 format-standard sticky hentry category-kowaza">

・CSSの表記

　とりあえず下のような感じにしてみました。背景の色が変わると他の記事と差別化できて目立つと思います。

#honbun .sticky {
    background: steelblue;
    border-top: 4px solid red;
    margin-left: -20px;
    margin-right: -20px;
    padding: 18px 20px;
}

上のような設定をstyle.cssに追加すればテーマチェックエラーが消えます。