サポート終了と当サンプルサイト実質終了のお知らせ

はてなブログProを今期限りで終了することにしました。

タイトル下のグローバルナビゲーションバーを多段形式にする

ZENO-TEALでは簡易的なナビゲーションメニューを設置できるようにしています。あくまで最低限のつもりでしたが、それなりに使っている方もいらっしゃるようです。今回はこれを少しだけカスタマイズしてみます。

ヘッダー部分の背景画像を横幅いっぱいに広げる方法

このZENO-TEALを使っている方で、わりと多くの質問をいただいたり躓いているポイントの1つにヘッダーの画像表示が上手くいかないというものがあります。今回はここの設定例をいくつか出してみます。

タイトル下のオススメ記事その3（スマホ表示でスクロールできるようにする）

Freepikによるデザイン タイトル下にオススメ記事を挿入する方法をこれまで2種類紹介しました。しかしどちらの場合も、画面サイズによって表示数が決まっており、スマホ表示の時は2つしか表示できませんでした。（しかも通常記事と同じようなスタイルなので紛らわしい。）これを少し改造してスクロールできるようにします。

記事に画像がない時に表示されるデフォルト画像を変更する方法

この記事もそうですが、「続きを読む」までの間に画像が1つもないとトップページではデフォルトの画像が表示されます。これもcssで設定しているので自分で好きな画像に変更することができます。

バージョンアップと軽量版ZENO-LITE公開

前回の記事で予告したとおり、ZENO-TEALの更新を行いました。主な変更内容は前回の記事のとおりです。

バージョンアップ（仕様変更）のお知らせ（予告）

おかげさまでZENO-TEALはたくさんの方に使っていただいているようです。フィードバックも多く頂いております。ありがとうございます。

h2見出しが画面最上部に固定されるのを解除する方法

このテーマでは、見出しにh2タグを使うと、そのセクションの終わりまでその見出しが画面最上部に固定されます。テーマを作成しているときにこのcssを知って採用したのですが、使っているうちに若干ウザくも感じられるようになりました。なので、今回はそれを解除する方法です。