| CARVIEW |
Select Language
HTTP/2 200
content-type: text/html; charset=utf-8
server: nginx
date: Tue, 07 Oct 2025 11:43:31 GMT
cache-control: private
x-proxy-revision: f87b3fcc70a6b669e5da33f9213ba483ebcaf946
vary: Accept-Encoding
vary: X-Epic-Device-Type,X-Epic-Flag-Variants,Accept-Encoding
access-control-allow-origin: *
content-security-policy: upgrade-insecure-requests
content-security-policy-report-only: block-all-mixed-content; report-uri https://blog.hatena.ne.jp/api/csp_report
p3p: CP="OTI CUR OUR BUS STA"
x-cache-only-varnish: 1
x-content-type-options: nosniff
x-dispatch: Hatena::Epic::Web::Blogs::Archive::Category#archive
x-frame-options: DENY
x-revision: f87b3fcc70a6b669e5da33f9213ba4
x-xss-protection: 1
x-runtime: 0.094613
content-encoding: gzip
x-varnish: 22171038
via: 1.1 ip-10-1-14-190.ap-northeast-1.compute.internal (Varnish/7.6), 1.1 99ed9c8a5c7493aadc79c846e0863ad0.cloudfront.net (CloudFront)
accept-ranges: bytes
strict-transport-security: max-age=2592000;
x-cache: Miss from cloudfront
x-amz-cf-pop: BOM78-P11
x-amz-cf-id: BHWD6gHh1tcY48_cgIdBPq86fe3RKtvlDPrxeWTwL2B_V9NPVXqlWg==
age: 0
Innocent カテゴリーの記事一覧 - MoonNote
MoonNote
はてなブログテーマ / CSS / jQuery
Innocent
はてなブログテーマ「Innocent」に「おすすめ記事リスト機能」を追加しました。ヘッダー下に数行の HTML を記述するだけで、よく読まれている記事をまとめブログ風のリスト形式で表示できます。詳細は続きを読むからご覧ください。
続きを読むボタンのデザインを変更したいとのコメントを頂いたので、いくつかのサンプルを掲載したいと思います。掲載しているサンプルは全て Innocent 用になりますが、コードを一部修正すれば Blank やその他のはてなブログテーマでも使用可能です。
photo by riklomas Innocent と Blank で、id:bulldra 氏が制作したパンくずリスト（はてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから）のカテゴリーとカテゴリーの間に挿入される > が全て最後のカテゴリーの後ろに…
はてなブログテーマ「Innocent」はナビゲーションバーを内蔵しています。面倒なCSSを記述することなく、簡単にナビゲーションバーを表示できます。
Blank をベースに更なる改良を加えたはてなブログテーマ「Innocent」をテーマストアにて公開しました。フォントの色やサイズ、余白を調整しよりレスポンシブに進化しました。デザインの詳細は続きを読むからご覧ください。
引用をストックしました
引用するにはまずログインしてください
引用をストックできませんでした。再度お試しください
限定公開記事のため引用できません。