サンクマblog | DIY

Living with my favorites

はてなブログのテーマを【Brooklyn】に変更してやったこと。

こんにちはサンクマです。

はてなブログのテーマを【minimalism】から【Blooklyn】に変更いたしました。

 

CSSなどカスタマイズした部分を、備忘録的に描いていきます。

基本は他の方々の紹介記事などをコードをコピペしただけです。 

 

この記事は、私がはてなブログのテーマ【Blooklyn】のテーマを導入するにあたりやったことを、書いています。

 

SHIROMAさんが作られているテーマです。

www.notitle-weblog.com

 

私がブログに求めるデザインは【シンプル】で【モノトーン】な物です。

 

【Blooklyn】はまさにピッタリ!!です。

 

テーマのカスタマイズはSHIROMAさんのページに詳しく書かれていますので参考にしてみてください。

 

はてなブログを始めたての方や、初心者の方は【minimalism】から【Blooklyn】などの人気のテーマを使うと、参考記事がたくさんあるのでわかりやすいと思います。

 

ブログのヘッダー画像を作成。

使ったもの

adobe spark post】

 

その中の【adobe spark post】でヘッダーを制作いたしました。

 

adobe spark post】は直感的に操作できるので、初心者の方でも気軽にお洒落なデザインが制作できると思います。

 

私は【Adobe creative cloud】に加入しています。

Adobe creative cloud】には【Photoshop】や【Illustrator】の他、動画編集ソフトの【Premier Pro】、【After Effects】 など沢山のソフトがバンドルされています。

 

私はYouTubeのために【Premier Pro】【Photoshop】が欲しかったのですが、単体購入するよりも、【Adobe creative cloud】を全部購入した方が安かったので、全部入りのAdobe creative cloud】を購入しました。

 

購入元は【ヒューマンアカデミー通信講座「たのまな」】経由で購入しました。

裏技的な方法ですが【ヒューマンアカデミー通信講座「たのまな」】の通信講座経由で購入することにより、学生価格で購入するすることができます。

 

また、ソフトだけでなく。ストリーミングの動画講座がついているので、初心者の方にはお得だと思います。

www.tanomana.com

 

 

  

 

グローバルナビゲーションバーを設置

▼ヘッダー画像下にあるカテゴリにジャンプできるバーです。

f:id:sunkuma:20200707122955p:plain

www.notitle-weblog.com

FontAwsomeでアイコンを追加

 

▼家の形をしたアイコンです。

f:id:sunkuma:20200707123117p:plain

 

saruwakakun.com

 

記事内のデザインCSSの変更

蛍光ペンで文字を強調する。

こんな感じです。

gekkolog.com

 

 枠線のCSSを追加

▼例えばこんな感じです。

こんなのとか。

こんなのです。

 

saruwakakun.com

 

 

文字の大きさの変更

 

記事内の文字の大きさを変更しています。私は現在17pxにしています。

 

nukio0803.hatenablog.com

 

サイドバーにツイッターのタイムラインを埋め込む

mamazakki.hatenablog.com

 

この記事は現在進行形です。

今テーマを切り替えて、デザインを試している最中ですので。

新しい内容が出たら、また追記していきたいと思います。

この記事は随時変更していきます!

風の谷のナウシカ【映画】は序章に過ぎない..... 原作漫画レビュー!

どうもこんにちはサンクマです。

 

先日スタジオジブリ風の谷のナウシカの映画を久しぶりにみました。

 

小さい頃、金曜ロードショーでやっていたのをビデオ(昭和!)に録画して、何十回と見ているのですが。

 

 定期的に見たくなります。

 

ジブリ作品あるある.....だと思います。

 

良い作品は、何回みてもイイです。

 

続きを読む

【リメイク】100円で買った、錆びだらけのオフィス家具をリメイクする。

f:id:sunkuma:20200630072646p:plain


どうもこんにちはサンクマです。

 

今回は書類整理の為に購入した。

こちらの古いオフィス家具の書庫をリメイクしていきたいと思います。

f:id:sunkuma:20200617155600j:plain

続きを読む