ZENO-TEAL

今日もドッタンバッタン大騒ぎ

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

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

続きを読む

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

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

続きを読む

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

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

続きを読む

トップページに見出しのかけらなどが出てしまうときの対処法

f:id:c-miya:20170315001312j:plainおかげさまで何人かの方に実際に使ってもらえているようですが、いくつか見たところ、トップページの各エントリーの文章部分に妙なものが入っていました。妙なものというか、h2やh3の見出しがちょこっとだけ出ていたり、はてなブログカードの上端だったり。

続きを読む

タイトル下のオススメ記事その2(画像サイズバラバラ対応版)

f:id:c-miya:20170314053242j:plainタイトル下にオススメ記事を表示するカスタマイズを以前の記事で紹介しましたが、画像サイズがバラバラの場合にうまく表示されません。これを解決する方法はいくつかあるのですが、面倒なのでもう1つ新しいスタイルを作ってみました。

続きを読む