Loading...

やっとブログをレスポンシブに対応しました

こんにちはnasustです。 ブログ開設して2年、やっと自分のブログをレスポンシブに対応させました。 2年もレスポンシブ対応していなかったのは、PC表示のデザインを集中していたことです。スマートフォンの表示は後でいいや、という感じで、ずるずると対応を…

読みやすいようにブログのデザインを見直しました

こんにちはnasustです。 普段から自分のブログのデザインを見ていると、なんか堅苦しいなあーという雰囲気を感じていました。 ある日、色々なウェブサイトを見ていると、モノトーンな色調ならクリエイティブで明るい印象になるんじゃねとアイデアが浮かんで…

はてなブログカスタマイズが全て分かるまとめ

こんにちは、nasustです。 はてなブログのカスタマイズなどの記事を毎回ググっていたので、まとめを作りました。 今後、新しいカスタマイズやテクニックを発見したら順次追加していきます。 ソーシャルボタン コピペで簡単!はてなブログのSNSシェアボタンを…

UX MILKを参考にして、ブログを少しカスタマイズしてみた。

こんにちはnasustです。 UK MILKのサイトを眺めていたら、ブログのUIの改善を思い付きましたので、いくつかカスタマイズしてみました。 不要であると思われるUI要素を削除 サイドバーの関連記事のリンクを削除しました。これは、 uxmilk.jp に記述されている…

はてなブログのMarkdownが脚注対応しました。

こんにちはnasustです。 題名の通り、はてなブログの編集モードのMarkdownの機能に脚注に対応しました。 サイドバーの記事一覧モジュールで、記事タイトルの表示文字数を指定できるようにしました(ほか1件) - はてなブログ開発ブログ はてな開発ブログで、…

はてなブログのMarkdownの書式まとめ

見出し h1見出し h2見出し h3見出し h4見出し h5見出し h6見出し 段落と改行 テキストのスタイリング 引用 リスト プレ要素とソースコード 表 区切り線 脚注 Markdownと合わせてよく使用する、はてな記法 embed リンク 最後に 関連記事 こんにちはnasustです…

ビジュアルな記事のタイトルを実現する、はてなブログカスタマイズ

対応するブログに編集形式 技術的な解説 JQuery JavaScript CSS 最後に 関連記事 こんにちはnasustです。 アイキャッチ画像とタイトルを組み合わせて、ビジュアルなタイトルを表現するカスタマイズです。 癖が強いカスタマイズですので自分のブログに採用す…

無料のはてなブログでスマホ版の表示でメニューバーを追加する - はてなブログカスタマイズ

こんにちはnasustです。 相変わらず無料版のはてなブログを利用しています。 無料版でもメニューバーを追加するカスタマイズしました。 はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム - Yukihy Life…

はてなブログのカテゴリを階層化するカスタマイズ

JQuery JavaScript CSS 設定方法 top categoryURLPrefix categories 二つ以上一致する場合 ルールに一致しない場合 記事修正 最後に 関連記事 こんにちはnasustです。 今回は、はてなブログのカテゴリを階層化するカスタマイズを紹介します。 既に雑記-社会…

アーカイブページにはてなブックマーク数を表示するようにするカスタマイズ - はてなブログカスタマイズ

JQuery CSS JavaScript 最後に 関連記事 こんにちはnasustです。 今回は、アーカイブページに、はてなブックマーク数を表示するカスタマイズです。 はてなブックマーク数が付くことで記事の注目度がアップします。 JQuery JQueryが必要です。JQueryを導入し…

サイドバーの注目記事をビジュアル的デザインにカスタマイズする - はてなブログカスタマイズ

サイドバーのデザインの設定 CSS 最後に 関連記事 こんにちはnasustです。 今回は、はてなブログのサイドバーの注目記事のデザインをカスタマイズを紹介します。 また、このカスタマイズはサイドバーの最新記事と関連記事にも適応されます。 上記のスクリー…

はてなブログのテーマ「 foodey 」を作成しました

こんにちはnasustです。 foodeyというはてなブログのテーマを作成しました。 何となく最近、食事をアップするブログが多いな〜と感じて、 じゃあ食事と相性が良さそうなデザインのテーマを作りたい気持ちになって作成しました。 今度はレスポンシブ対応です…

はてなブログテーマ 「 foodey 」を制作しています

こんにちはnasustです。 また、はてなブログのテーマ 「 foodey 」というのを制作しています。 温かみがあって、食事の写真と雰囲気が合うデザインのテーマを作成したくなりました。 ですから、オレンジ中心で、某パッドっぽい色使いのデザインです。 特徴は…

目次の記号のカスタマイズ - はてなブログカスタマイズ

こんにちはnasustです。 はてなブログは[:contents]で見出しを自動的に目次にする機能があります。 殆どのテーマでは、ブラウザのデフォルトのデザインのまま表示されます。 僕が作成したテーマの「 monolithic - テーマ ストア 」では目次のデザインをカス…

はてなブログ カスタマイズ

このブログでは、はてなブログのカスタマイズの記事を書いています。このページでは他のブログでも出来るカスタマイズの記事をまとめています。 はてなブログカスタマイズが全て分かるまとめ - nasust life blog はてなブログのカスタマイズのまとめです。 …

モジュールのタイトルにアイコンを追加する - はてなブログカスタマイズ

こんにちは、nasustです。 はてなブログのテーマを作成しましたが、その中のテクニックで他のブログでも、 汎用的に使用できそうなものがありましたので紹介します。 モジュールのタイトルにアイコンを追加する はてなブログの設定でサイドバーのモジュール…

はてなブログのテーマの作成手順

自分のブログのデザインのカスタマイズをテーマで行うことのメリット テーマ作成の基本的な知識 テーマの作成手順 ブログのHTMLを用意する ブログのHTMLを作成用に編集する CSSの編集 テーマストアへの投稿 テーマ作成は難しく無い オススメの本 関連記事 こ…

はてなブログのテーマ『 monolithic 』を公開しました。

こんにちは、nasustです。 題名の通り公開しました。 テーマ monolithic - テーマ ストア サンプルブログ sample blog 特徴 特徴としましては以下の通りです。 流行りのマテリアルデザインを採用 モノートーンカラーでモダンなデザイン 文章を読みやすい様に…

はてなブログのテーマ『 monolithic 』を作成しています。

明けましておめでとうございます。nasustです。 はてなブログのPV数報告と来年の目標 - nasust life blog 上記の記事の今年の目標の一つに「はてなブログのテーマを作成する」を挙げました。 それでお年玉という訳では無いですが、『 monolithic 』という名…

無料版のはてなブログでスマホの表示をカスタマイズする方法

こんにちはnasustです。 僕のはてなブログは気合を入れている割には、まだ無料版のはてなブログなんですよね。 もう少しアクセス数が増えたらProに移行しようかと思っています。 それで無料版の困ったところは、スマホの表示がカスタマイズできないことです…

アーカイブページに「続きを読む」のリンクを追加する。- はてなブログカスタマイズ

こんにちはnasustです。 何か改善できないかなと悩んでいたら、 アーカイブページに分かりやすいリンクが無いことに気付きました。 アーカイブページのリンクはタイトルまたはアイキャッチ画像です。 これだと一見してリンクだと分からないです。 それで解決…

記事の関連性のある内部リンクを色々な所で表示するようにしました. - はてなブログカスタマイズ

こんにちはnasustです。 自分のブログを見ると、どうにか直帰率を下げられないか悩んでしまいます。 今回は直帰率を下げるようにブログをカスタマイズしました。 読者の役に立つブログカスタマイズとは?クリック率から見えた原則 | ブログ実験室naelab この…

Aboutページ編集したけど、このページはブロガーの間で知名度低い? ブログのカスタマイズしました。

こんにちはnasustです。 今回はAboutページのカスタマイズを行いました。 と言いましても単純に元々ある基本的な機能範囲で行いましたので、 カスタマイズ自体は目新しいモノでは無いと思います。 ただ、このAboutページははてなブロガーの間で知名度が物凄…

はてなブログのカスタマイズ。ヘッダーメニューを追加しました。今まで行ってきた全てのカスタマイズも解説します。

こんにちはnasustです。 本日は仕事の片手間に、はてなブログをカスタマイズしていました。訪問者はもしかしたら作業途中の変な表示になっていたかもしれません。 今回カスタマイズしたのは、ヘッダメニュー(グローバルナビゲーション)とインデックスページ…

はてなブログカスタマイズ. サイトマップを追加しました。サイトマップのUXを解説。

こんにちはnasustです。 タイトルの通り記事の一番下、ページ送りのボタンの下にサイトマップを追加しました。 サイトマップを追加したのは、ブログの全部の記事へとナビゲーションしたかったからです。 一応サイドバーにカテゴリやメインコンテンツのリンク…

はてなブログカスタマイズ。はてなブログの関連記事を外部サーバーで生成して本文に追加するようにした。

自分のブログの記事下に関連記事を表示するようにした。 ちょっと違うのがブログの本文の一部として表示していることだ。 はてなブログのカスタマイズで記事下に関連記事を表示する場合は、 JavaScriptで頑張って動的に表示するか、外部サービスを使用して表…

はてなブログをマテリアルデザイン風にカスタマイズしました。デザインのノウハウからCSSの編集迄詳しく解説!!

こんにちはnasustです。このブログをGoogleのマテリアルデザイン風にカスタマイズしました。 今回の記事では、何故マテリアルデザインを採用したのか、デザインのポイント、そして実現する為のCSSの編集内容を詳しく解説します。 ちなみに、メインプログラマ…