はてなブログ

はてなブックマークのエントリーに表示されるアイキャッチの仕様が変わってた

いつの間にか、はてなブックマークの人気エントリーとかのページに表示されている各エントリーのアイキャッチ画像の仕様が微妙に変わっていました。

はてなブログでサイドバーの見出しを1つだけ違うスタイルにする方法

はてなブログのサイドバーにある「注目記事」や「プロフィール」などのモジュール、通常はここの見出しは全て同じスタイルのものが使われますが、これをcssで個別に設定することもできます。

はてなブログのhttps化に向けてユーザーが準備しておくこと

はてなブログのhttps化に向けた案内が出ましたが、その文章に対して具体的にどういった準備をしたらいいのかわからないというような方がチラホラいるようなので、準備(修正)しておいた方がいいことを書いてみます。 とは言え、私も専門的な知識を持ってい…

https化に向けて準備(あまり変更するところなかった)

はてなブログのhttps化に向けてのお知らせがついに来ました。一斉にというわけではなく3段階でやっていくようです。よかったね。

はてなブログで未だにaa記法が使えないことに気づいてる人はどれだけいるのだろうか

はてなブログの編集モードの1つ「はてな記法」では、その名の通りはてなダイアリーなどで使われている「はてな記法」を使うことができます。Markdownとも似ていますが、それのはてな版のようなものです。

はてなブログの小技:ログインしていないときだけ見えるメッセージ

はてなブログでの使い道がわからない小技です。タイトル通り、はてなユーザーがはてなでログインしているときには見えないようにするものです。

サイドバーにある現在位置追尾型の目次をアップデート

このブログの個別記事内サイドバーにある目次(INDEX)部分をアップデートしました。とは言っても、ここは自分で作ったものではなく単にコピペしただけです。

はてなブログでソースコードの表示をわかりやすくするカスタマイズ

このブログでもcssやhtmlのソースコードを掲載することがあるので、それの見た目も少し整えてみようと思います。

はてなブログをはじめよう!の表示の仕方がちょっとひどいな、と

今日はじめて知ったのですが、9月からはてなブログの個別記事の一番下に「はてなブログをはじめよう!」という項目が強制表示されているようです。これの表示の仕方というか、コードがちょっとひどいなと思いました。

はてなブログのテーマにそんな力は無い

仕方ないと思うこともあるのですが、はてなブログでテーマに対して誤解と言うか過大評価している人をそれなりに見かけます。

はてなブログの日付表示(月名)をcssで英語表記にしてみる

以前、似たようなネタで日付表示をいろいろカスタマイズする方法を紹介したのですが、よくよく考えてみれば月名を英語にするだけだったらcssだけでできることに気づきました。

目次を書籍で見かけるような画面端に縦に並ぶようなのにしてみる

なんかうまい言葉が見つかりませんが、なんとなく伝わって!

吹き出し会話のスタイルを作ってみる

あまり自分で使うこともないのですが、cssで作る吹き出し会話について考えてみました。

自分にとって最適なアイキャッチ画像のサイズや縦横比を考えてみる

先日はてなブログのサムネイルが500×500pxに大きくなりました。今後、テーマを作るときなんかにもこのサイズがポイントになるかもしれないので、改めてサムネイル(アイキャッチ)のサイズについて考えてみました。あんまりまとまってないです。

Google検索結果での星表示にも対応させたレビューのまとめ表示カスタマイズ

先日、レビューブログに使ってほしいカスタマイズとして「良い点・悪い点のリスト」と「星による自分の評価」を紹介しました。その後、自分なりにこれらをまとめ、さらにGoogleの検索結果に星表示が反映されるようにしてみました。

レビューブログに使ってほしい はてなブログカスタマイズ その2:自分の評価を星で表示

前回の「良い点悪い点リスト」に続き、もう1つ紹介します。今回は色んな人が集まるサイトでよくある「星で表示する5段階評価」です。ただしあくまで自分の評価を表示するだけであり、読者に評価してもらうものではないです。

レビューブログに使ってほしい はてなブログカスタマイズ その1:良い点・悪い点のリスト

私のこのブログはレビュー系ではありませんが、メインサイトの方ではスマホや周辺機器のレビューをやっています。そこで使っていたり、ほかのレビューブログでもこういうのがあるといいな、というカスタマイズを残しておきます。まず今回の「あるといいな」…

はてなブログのコメント欄で自分の名前に「ブログ主」と付けて目立たせるカスタマイズ

はてなブログでは「コメント」っていまいち活用されいない気もしますが、今回はそこのカスタマイズです。

Google AdSenseのダブルレクタングルをスマホ表示の時に片方だけ消す方法

ブログの記事下にアドセンス広告を横に2つ並べて表示している人は多いですよね。いわゆるダブルレクタングルというものです。これ、スマホ表示の時にどうしてますか? スマホ表示の時も無理やり横に並べることはできますが、それでおかしな横スクロールが発…

プロフィール部分をマテリアルデザインのアレっぽくしてみる

前回の記事でサイドバーにあるプロフィール画像を丸くしてみたので、ついでにその部分をもう少しカスタマイズしてみました。なんかマテリアルデザインによくあるっぽい感じです。

はてなブログのプロフィールアイコン表示を丸くする

Twitterのアイコンが丸くなってしまって、少しの間私のタイムラインが騒がしくなっていました。Twitterが丸くなったのなら、はてなブログのアイコンも丸くしたいな、という人のためのカスタマイズです。

関連記事と記事下の順番を変えたり、いろいろカスタマイズ

はてなブログに自動で「関連記事」が表示され始めたので、前回サラッと見てみました。それで、その時は「関連記事が記事本文の直下にあって使いにくい、カスタマイズした記事下と入れ替えたい」みたいに書きましたが、あっさりできたので共有します。

はてなブログの記事下に「関連記事」が表示されるようになりました。が…

2017年6月13日から、はてなブログの記事下に「関連記事」がデフォルトで表示されるようになりました。これまでサイドバーに表示できたものとは、場所だけでなく仕様が少し異なります。

アイキャッチを記事全体の背景にしてなんかいい感じにするカスタマイズ

前回の記事で記事タイトルの背景にアイキャッチ画像を敷いてみました。同じように、記事全体の背景としてアイキャッチを使ってみます。記事ごとに背景が変わるので、なかなかカッコイイですよ。

アイキャッチをタイトルの背景にしてなんかいい感じにするカスタマイズ

アイキャッチ画像を暗くしてタイトルの下に置き、なんかカッコいい感じにカスタマイズします。

はてなブログProでトップページを一覧表示にして更にカード型にするカスタマイズ

はてなブログProでトップページを一覧表示できるようになったので、それを使ってカード型のレイアウトにするカスタマイズを考えてみました。残念ながらcssだけでは思うようになりませんが、いくつかのコピペだけでできます。

はてなブログProでトップページを「一覧表示」にできるようになった…けど

6月1日に、はてなブログProにおいて、トップページを「一覧表示」にできるようになりました。これまでもjavascriptでarchiveページに飛ばしている人がいましたが、それをやらないでも良くなったということです。

ブログにアップしたはてなフォトライフの画像は削除しても残ってる?

はてなブログで画像のアップロード先にもなっている「はてなフォトライフ」ですが、ここにアップロードした写真がフォトライフ上から削除しても実際には削除されていないのではないか?と思い始めました。

カテゴリごとの新着記事一覧をトップページに出す(メモ)

前に書いた「別記事内に書いたテンプレートを呼び出して記事内に表示する」を使えば、トップページにカテゴリごよの新着記事一覧を表示できるのでは?と考えたのでメモ。

源界明朝フォントをブログのタイトルに使ってみよう!

先日、フロップデザインさんからまた魅力的なフォントが公開されました。今回のフォントは源ノ明朝の派生フォントで個人利用・商用利用にかかわらず、無償で使用することができます。