gram demo

はてなブログテーマの"gram"のデモブログです

設定・カスタマイズ【追記】2019/05/05.

f:id:gorislog:20190425195747p:plain



 

gramのカスタマイズノートです。

 

テーマ投稿者のカスタマイズをはじめ、gramに関する面白いカスタマイズがありましたらこちらで紹介します。

 

 

テーマ作者の記事

"gram"基本設定

スマホ・タブレットをレスポンシブデザインにする【gram】 - iiie

フルスクリーンメニューを設置する【gram】 - iiie

ページ背景(画像・色)を簡単に設定する【gram】 - iiie

 

カスタマイズ

全体

”シームレス画像”を使って背景にこだわる【gram】 - iiie

背景色が徐々に変化するモーションを追加する【gram】 - iiie

ヘッダー

ヘッダーの『ブログタイトル』をカスタマイズする【gram】 - iiie

記事・記事一覧表示

カード型レイアウトの『記事カード』にモーションを追加する【gram】 - iiie

記事一覧ページのアイキャッチ画像サイズを変更する【gram】 - iiie

サイドバー・フッター

影付き白ボックスをヘッダーorサイドバーで使う方法【gram】 - iiie

サイドバーのカテゴリー背景色を変更する【gram】 - iiie

 

gramに使える設定・カスタマイズ記事紹介

(bug fix)はてなブログ「一覧形式」の画像をオリジナルのものに変える - IMUZA.com

はてなブログ「Archiveページ」の画像もオリジナルのものに変える - IMUZA.com