Haruni

このブログははてなブログテーマ「Haruni」のデモブログです。読者登録しても更新はありません。

目次のカスタマイズ

id:pp_mary さんよりリクエストがありましたので目次のカスタマイズ方法を簡単にご紹介します。目次の表示例以下のCSSをコメントを参考に変更して、デザインCSSの末尾に貼りつけて下さい。 /* Haruni 目次デザイン */ .entry-content .table-of-contents { b…

スマートフォンでシェアボタンのカウント数を表示させる方法

HaruniのデフォルトではCSSでスマホのシェアボタンのカウント数を非表示にしています。 スマートフォンでシェアボタンのカウント数を表示させたい場合は以下のCSSをデザインCSSの末尾に追記して下さい。 @media only screen and (max-width: 767px){ .share-…

背景色変更でフラットデザイン風の単色カラーに

はてなブログの管理画面>デザイン>カスタマイズ>背景色からグラデーション部分の簡単に背景色は変更出来ます。但しはてなブログで用意されているのは単色カラーです。 またここで変更出来るのはbodyの背景色だけです。カテゴリーボタンや文字色は変わらな…

着せ替え用コードに修正があります。

ユーザー様からご報告があり、グラデーションの着せ替え用コードのmedia queryのサイズがテーマとズレていました。お手数ですが修正をお願いします。 media only screen and (max-width:991px) ↓ media only screen and (max-width:1139px)にして下さい。tes…

ヘッダータイトル画像の調整 コンテンツ幅を揃える・スマートフォン最適化

タイトル画像を設置したときの表示を調整出来ます。 スマートフォンで見切れないようにしたい。 1141px以下での表示でタイトル画像の縦横比を維持します。 padding-top: 20%;/* タイトル画像の高さ÷横幅% */のところは各自のタイトル画像のサイズに合わせて…

スマートフォンのタイトル画像の高さを調整する 見切れ対策など

タイトル画像を設置したとき、スマートフォンで高さを小さくしたい場合は以下のコードのように調整して下さい。(デザインCSSに追加) テキスト無しでタイトル画像のみ設置したとき @media (max-width: 480px){ .header-image-only #blog-title #blog-title-…

サムネイルが無い時の表示

サムネイル画像が無い時の表示です。一応表示されますが、ちょっと間が抜けた感じがするので、やはりアイキャッチ画像は設定されることをおすすめします。お手数ですがよろしくお願いします。