もやぶろ

moyashidaisukeのブログだからもやぶろ。フリーランスのエンジニアのダイスケです。プログラム関連とかギター関連とか旅行関連とか色々。

エンジニアリング-クライアントサイド-css

【はてなブログ】Minimalismで更新日を表示する(トップページのエラー対策付き

概要 たまに過去記事を修正したり追加したりした時に、更新日が表示されないのはもったいな〜という事で、カスタマイズして表示するようにしました。 こんな感じです。 概要 やり方 フッタ デザインCSS 所感 やり方 www.tomomore.com ほとんどこのままです。…

はてなブログのシェアボタンをいい感じにカスタマイズ

概要 はてなブログのテーマ「Minimalism」のソーシャルボタン(シェアボタン)ですが、目立たないかなぁ、、と思ったので(シンプルでかっこいいのですが)を色付きのもので目立つようにしてみました。 あわせて、はてブとFacebookはシェア数がのカウントも…

【はてなブログ】【Minimalism】ナビゲーションメニューのスクロールバーを常に表示する

概要 はてなブログのテーマ「Minimalism」のナビゲーションメニューですが、スマホ等の画面幅が小さい環境だと横スクロールできるようになっています。 が、そもそも横スクロールできる事に気が付かないのでは・・・という対策で、常に横スクロールバーを表…

はてなブログのテンプレート「Minimalism」をカスタマイズした②

概要 safariで見た時にフォントが違う before after ブログタイトル部分の縦の余白を小さくしたい before after 行間を全体的に調整する before after 画像にいい感じの枠をつけたい after twitterのシェアボタンでタイトルしか連携されない after まとめ 概…

はてなブログのテンプレート「Minimalism」をカスタマイズした

概要 なぜ「Minimalism」? pro関係ないけど変えた とりあえずテンプレ適用 before after 「Minimalism」をカスタマイズ(公式記事参考に) レスポンシブデザインに設定する トップページを一覧形式にする ブログ名が全角(日本語)の場合 ナビゲーションメ…

ブログをGatsby+Netlifyからはてなブログに戻しました & はてなブログproにしました

あらまし 戻すにあたってやったこと はてなブログ -> 新環境(Gatsby.jsとNetlify)への転送処理の削除 新環境にしか書いてない記事のimport せっかくはてなブログに戻ってきたのでやったこと proへの変更 独自ドメイン設定 広告切る トップページの表示形式…

はてなブログ「Material」テーマのカスタマイズ

前回はMaterialテーマを設定しました。 moyashidaisuke.hatenablog.com 数ヶ月たっていくつか気になるところが出てきたので、色々カスタマイズします。 headingタグ(h1、h2とか。見出しタグ) before h1とh2とh3がほぼ同じ見た目なので、記事のブロックがわ…

wordpressのビジュアルエディタを本物に見た目あわせる

bge.jp ぐぐるといくつか記事が出てくるのだけど、この方法が一番良いと思う。 基本、どれも専用のcssを用意して、functions.phpで読み込ませよう、なんだけど、 次の工程が元のcssをコピペしよう、となっているのがwordpress界隈の闇。 元のcss変える度にコ…