Minimal Green

はてなブログカスタマイズや、HTML、CSS、サイト制作などについて書いています。

はてなブログ

はてなブログのトップページを固定ページ化する方法その2

以前↓こういう記事を書きました。 design.syofuso.com 9999年の記事に直接HTMLを書き、全文表示にする方法です。

カスタマイズのお手伝いをさせていただいたはてなブログのご紹介(言及のお礼・制作実績)

今まで私が有料カスタマイズサービスでお手伝いをさせていただいたブログのご紹介をさせていただきます。 今回ご紹介するのは、SNSやブログへの言及でカスタマイズサービスのご紹介をして下さったブログです。(掲載許可を頂いていないクライアント様のブロ…

はてなブログ公式の記事下関連記事をカスタマイズ

はてなブログでは6月から記事下に「関連記事」が表示されるようになりました。 記事下に「関連記事」を表示します - はてなブログ開発ブログ今まではJSなどで表示するカスタマイズで対応していましたが、公式のパーツが出来たということで、こちらの方が軽く…

夢かわいい?配色のはてなブログテーマを作りました。

Yumekawa - テーマ ストアTwitterでちょこっと予告してたのですが、夢かわいい配色の新しいデザインテーマを作りました。新しく作ったというより以前作った「stripe」の配色を変えただけなんですけど…。手抜きですみません。あ、でもメニューとかちょっと変…

ポジティブな批判のススメ

昨日、あるはてなブログのエントリーがちょっと炎上したのですが、私はその記事に対してTwitterアカウントで批判しました。健康に関する事柄が間違った科学用語の使い方と偏ったネット記事(ビジネスジャーナル)を基に書かれていたからです。 www.tomoiku.n…

はてなブログのトップページ一覧形式表示を使ってカード型レイアウトに

ついに、はてなブログでトップページの一覧表示機能ができましたね!最近はてなブログはどんどん便利な仕様が追加されててカスタマイズ好きにとっては嬉しい限りです。 staff.hatenablog.com 今まで一覧表示にするにはCSSでなんとかそれっぽくしたり、/archi…

はてなブログのスマートフォン版をカスタマイズするとき役立つ記事

先日読んだid:codomisu さんの記事が素晴らしかったので、自分も本業ブログのリデザイン、スマホ版のカスタマイズしました。 スマホ版のデザインもPC版とあわせてリニューアルしました。 夏らしさを意識しましたがいかがでしょうか?スマホ版もPC版と同様、c…

はてなブログのタイトルテキストのみ画像に置換し、スマートフォンでも最適化する方法

はてなブログには標準のタイトル画像アップロード機能がありますが、サイズなど色々制限があり、自由に表現するには少し難しいところもあります。 タイトルまわりの調整 タイトルのみ画像でスマートフォンでも最適化する デザインCSS スマートフォンでピッタ…

はてなブログのトップページをWordPressの固定フロントページっぽくし、ホームページとして活用する方法

Twitterでちょろっと書いたのですが、はてなブログでもWordPressの固定フロントページっぽくビジネスサイト風のトップページを作ることができます。これではてなブログをビジネスサイトやホームページのように活用することができます。 まずはDEMOページをご…

はてなブログのAMP用CSSを書くときの注意点

はてなブログのAMP版のCSSを記述出来るようになりましたね。おかげで今までAMP対応を見送ってた方も見直してAMP対応始めた方も多いと思います。カスタマイズ依頼案件でもAMP対応を依頼されることが多くなりました。 基本的にはPC版のデザインCSSと同じように…

サイドバーの記事一覧モジュールで、変数を用いた高度なカスタマイズをする方法

先日はてなブログのサイドバーモジュールに新しい機能が追加されましたね。 staff.hatenablog.com 何か出来ないかなあと、カスタマイズを試してみました。色々な表現が出来ると思うのですが、今回は以下の2点を取り入れたデザインを作ります。 サイドバーの…

はてなブログのサイドバーに画像を貼り付ける方法

最近Adobe CCを導入してIllustratorを使っています。なんだかんだ言って有料のソフトウェアは使いやすいですね。解説もネットに多いですし。 印刷物を作る機会が増えて、無料の画像編集ソフトでは限界がありましたが、Adobe CC導入して良かったです。まだ全…

記事下の関連記事を2列に表示するCSS

記事下の関連記事ってカスタマイズされてますか?多くの方はMilliardなどのプラグインを使っていらっしゃいますが、関連記事を表示させる方法はいくつかあります。 はてなブログの記事下に使う関連記事プラグイン、結局どれが1番良いの?Milliardはとてもき…

Twitterとココナラ始めました。

別アカウントと区別するためこのブログ専門のTwitterアカウントを作りました。 ブログカスタマイズやサイト制作の話題、Minimal Greenの更新情報をお伝えしていきます。 よろしければフォローしてくださると嬉しいです。 @minimalgreen00さんをフォロー !fun…

はてなブログのトップページと個別記事ページの違い

はてなブログを使っていると気づくと思いますが、はてなブログのトップページと個別記事ページ(エントリーページ)では表示される要素に違いがあります。Point はてなスターと公式のソーシャルパーツ以外の記事上、記事下のカスタマイズはトップページに表…

おすすめ!1カラムのおしゃれなはてなブログテーマまとめ

たまにテレビではてなブログを使ったブログの画面がニュースなどで流れることがあります。 最近だと歌手のASKAさんのブログは有名で、ワイドショー報道とリアルタイム更新していた時ははてなのサーバーが落ちましたねw テレビで見ていてふと思ったのです、…

はてなブログ日付のデザインカスタマイズ カスタマイズ用CSSコード

はてなブログの日付のデザインを変更するカスタマイズ用のCSSコードをご紹介します。 はてなブログテーマストアでは様々なデザインのテーマがあり、とくに公式テーマでは個性的な日付のデザインが多いですから、無理してこの記事のようにカスタマイズする必…

制作したはてなブログテーマ「Minimal Green」が1000インストール超えてました

Minimal Green - テーマ ストア 制作したはてなブログテーマ「Minimal Green」が1000インストールを超えていました。 ご利用ありがとうございます。 出来の悪いところもありますが、思った以上に多くの方にご利用いただき嬉しく思っております。このブログは…

シェアボタンのFacebookアイコンが消えている方へ はてなのブログアイコンwebフォントの仕様変更【追記:アイコン復活してます】

なぜかシェアボタンのFacebookアイコンが消えたので、慌てて調べてたら、寒クマ (id:hatarakitakunaingo)さんがエントリー書いてくださってます。 【はてなブログ】Facebookアイコンが消える問題を解決する - シロクマは冬眠したいはてな独自のブログアイコ…

ページレイアウトの余計な隙間・デザイン崩れを修正する方法 Chromeのデベロッパーツールの簡単な使い方

他の方のブログを読んでいて、これは意図しないデザインの崩れ・隙間ではないかと思うことがあります。 例えばはてなブログで広く普及しているyukihyさんのドロップダウンメニューを利用されている方で背景いっぱいにタイトル画像を設定している場合、メニュ…

はてな記法を使い倒す ブログカードのリンク形式を変えてみた

はてなダイアリーユーザーにはおなじみでしたが、はてなブログ以降新規ユーザーにあまり使われていない「はてな記法モード」。ちょっとしたことですがブロガーにとっては色々便利なので「はてな記法」の使い方をご紹介したいと思います。

はてなブログのフッタに「ブログを報告する」リンクなんてあったっけ?

読者登録しているはてなブログをいくつか読んでいて、気づいたのですがフッタの「Powered by Hatena Blog 」の後に「ブログを報告する」リンクがありますね。 これって前からでしたっけ? 通報フォームがどこにあるかわかりにくいと以前から言われていたから…

【コピペでOK】はてなブログのタイトル画像の高さを変更する・上下の余白を消す【css】

以前の記事の追記です。 はてなブログのヘッダー、タイトル画像の設定について - Minimal Greenはてなブログのタイトル画像アップロード機能はてなブログでは、管理画面>デザイン>カスタマイズ>ヘッダ>タイトル画像から、画像をアップロードして簡単にタ…

はてなブログ記事編集画面の使い方② 入力補助ツールバー/はてな記法モード

入力補助ツールバー はてなブログの記事編集画面の使い方解説その②です。リンクを貼ったり、見出しをつけたり、記事を書く時に便利な入力補助ツールバーの使い方を図解したいと思います。(この記事ははてなブログを始められたばかりの初心者向けです。既に…

WordPressなら何をしても良いという話ではない はてなブログのnoindex措置

はてなブックマークで時々ホッテントリに上がっていたはてなブログが、突然検索流入が無くなったという事例がありました。 head内にnoindexメタタグを強制的に入れられる措置にあったようです。 どのブログのことか、はてブのホッテントリ見れば分かると思い…

はてなブログを始めたばかりの方に 「記事を書く」編集画面の使い方

公式ヘルプは少し初心者の方には難しいので、はてなブログを始められたばかりの方向けに、はてなブログのヘルプを書いて見ます。 見たままモードとHTML編集画面の違い 見たままモード HTML編集 編集画面サイドバー はてなブログの記事を書くときに役立つ記事…

自作テーマのススメ/はてなブログテーマ制作の流れなど

テーマ制作のきっかけ 私はid:shiromatakumiさんの記事を読んだことがきっかけで、自分のブログ用の自作テーマを作り、それからはてなブログのテーマストアで公開するテーマ作りを始めました。 CSSではてなブログをカスタマイズしてみよう - NO TITLE自作CSS…

 カスタマイズ目次

  • グローバルメニュー
  • シェアボタン
  • 囲み枠
  • ガーリーデザイン
  • ヘッダー周り
  • フッター周り

 はてなブログテーマ制作

 有料カスタマイズサービス

有料にてはてなブログ・アメブロ・WordPressカスタマイズ・制作承っております。

 最新記事