はてなブログ開発ブログ

はてなブログからの公式のお知らせを発信します。

スマートフォンの記事ページで、カテゴリーを記事下に表示できるようにしました

はてなブログでは、スマートフォンの記事ページ*1で、カテゴリーの表示位置を記事上または記事下のどちらかを選択できるようにしました。カテゴリーはデフォルトで記事上(タイトルと本文の間)に表示されますが、これを記事下に表示するよう変更できます。

長いカテゴリー名をつけたいときや、1つの記事にたくさんのカテゴリーを設定したいときに、記事下に置くことですっきりとしたファーストビューを実現できます。どうぞご利用ください。

※デフォルトのスマートフォン表示限定の機能です。レスポンシブデザインを有効にしているブログには適用されません。

記事下にカテゴリーを設定したブログの様子

記事下にカテゴリーを設定したブログの様子

カテゴリーの表示位置を選ぶには

カテゴリーの表示位置は、PC版のダッシュボード(ブログ管理画面)のデザイン設定画面より設定することができます。

スマートフォン」タブを開き「記事」をクリックすると、「カテゴリー」という項目が表示されます。デフォルトでは「記事上に表示」が選択されていますが、変更するには「記事下に表示」をチェックして、上部の「変更を保存する」ボタンをクリックしてください。

「デザイン」編集画面より設定することができます。デフォルトの表示位置は記事上です。

デフォルトの表示位置は記事上です

*1:パーマネントリンクの記事が1つだけ個別に表示されるページです。

自分のブログの読者を一覧できる「このブログの読者」ページを追加しました(スマートフォン対応に関する追記あり)

はてなブログでは、ブログの管理画面(ダッシュボード)に「このブログの読者」ページを追加しました。新しく自分のブログに読者登録してくれたユーザーなどを一覧で確認できます。どうぞご利用ください。

※読者一覧は、PC版のダッシュボードで確認できます。スマートフォンとアプリには用意していません。(追記・スマートフォンのブラウザで確認できるようにしました。)

ブログの読者を確認するには

はてなブログのダッシュボードのマイブログ一覧から、読者を確認したいブログをクリックして、ブログの概要を表示します。ブログの概要では、ブログごとのアクセス数や投稿数といった指標を確認できます。

ブログの概要

ブログの概要に「読者一覧を見る」リンクを追加

このブログの読者」ページを表示するには、概要の表の右上にある「読者」欄で、読者数の右側に追加した「読者一覧を見る」のリンクをクリックします。

※「読者一覧を見る」リンクは、読者がいないブログでは表示されません。

「このブログの読者」ページでは、そのブログを読者登録しているユーザーが、新しく読者になった順に表示されます。ユーザー名(はてなIDおよびニックネーム)と、読者になってどの程度が経過したかが一覧表で掲載され、ユーザー名をクリックするとそれぞれのメインブログを確認できます。

「このブログの読者」ページ

「このブログの読者」ページ

自分のブログが読者登録された際には、ヘッダーメニューの右側にある「あなたへのお知らせ」に通知がされますが、時間が経って以前の通知が消えてしまった場合でも、この「このブログの読者」ページから新規読者などをチェックすることができます。

※複数人でブログを編集できるよう設定している場合、ブログメンバーでも「読者一覧ページ」を閲覧できます。

読者機能について

はてなブログでは、先日もダッシュボードの「購読中のブログ」ページで、読者をやめることができるようにするなど読者機能を継続的に改善し、多くのブログが読者登録によってより読まれるようにしていきたいと考えています。ただし、自身のブログへの誘導等を目的として短期間に大量のブログの読者になるなどの行為は、はてなブログのガイドラインに基づきスパムとして対処することがあります。節度をもった利用を心がけてください。

なお、ブログごとのaboutページでも、読者のアイコンをサムネイルで表示しています。以前はすべてのアイコンを表示していましたが、読者数が多いブログでは大量の画像を読み込むことになり、なかなか表示されないなどの問題があるため、現在はブログによっては一部のアイコンを表示しています。

追記・スマートフォンでも「このブログの読者」を確認できるようにしました

【2016年3月25日追記】スマートフォンのブラウザで閲覧できるダッシュボードにも「このブログの読者」ページを用意しました。

スマートフォンで自分のブログの読者を確認するには、はてなブログの管理画面(ダッシュボード)をブラウザで開き、ブログの一覧から確認したいブログをタップして「このブログについて」ページを表示します。

このブログについて

「このブログについて」ページ

ブログの概要に表示されている読者数の右横に追加した「読者一覧を見る」のリンクをタップすると、「このブログの読者」ページを確認できます。どうぞご利用ください。

このブログの読者

「このブログの読者」ページ

ダッシュボードの「購読中のブログ」ページで、読者をやめることができるようにしました

はてなブログでは、ダッシュボードの 購読中のブログ ページについて、表示されているブログの読者をやめることができるようにするなどの改善を行いました。

はてなブログの「読者になる」(あるいは「読者をやめる」)ボタンは、それぞれのブログのヘッダメニューやサイドバー、あるいはスマートフォン表示のフッタ部分などに表示されます。今回の変更で、それぞれのブログを表示しなくとも、読者になっているブログの更新一覧から購読の状況を管理できるほか、読者になった後で公開範囲が変更され、内容を閲覧できなくなったブログの読者をやめることができるようになりました。どうぞご利用ください。

「購読中のブログ」から読者をやめるには

「購読中のブログ」ページで、それぞれのブログの一番上に表示されているはてなIDと更新情報の右側に、歯車のアイコンを追加しています。歯車をクリックすると「このブログの読者をやめる」メニューが表示され、そのブログの読者をやめることができます。

このブログの読者をやめる

購読中のブログの読者をやめることができます

未来の日時の記事を「購読中のブログ」に表示しないようにしました

未来の投稿日時で公開された記事*1については、「購読中のブログ」ページに表示されないようにしました。これまで「購読中のブログ」ページの上部に、未来の投稿日時の記事が最新の更新として長らく表示されることがあったことに対応したものです。

はてなブログの「読者」機能について

はてなブログでは、友達のブログや、興味のある内容について書いているブログについて、そのブログの読者になり、ダッシュボードの「購読中のブログ」ページや毎朝の「更新通知メール」で最新情報をチェックすることができます。詳細は、下記の関連ヘルプなどをご参照ください。

なお、自身のブログへの誘導等を目的として短期間に大量のブログを購読したり、一定の条件のブログを内容に関係なく購読し続けるなどの行為は、スパムとして対処することがあります。はてなブログのガイドラインをご参照いただき、節度をもった利用を心がけてください。

*1:編集オプションで「投稿日時」を未来に変更し、予約投稿ではなく、その日時になる前に手動で「公開する」をクリックした場合です。予約投稿を使用すると、実際に投稿される日時は「投稿日時」の指定と一致するため、未来の記事とはなりません。

はてなブログの記事編集画面で、スマートフォンでの表示をプレビューできるようにしました【レスポンシブデザインに関する追記あり】

はてなブログでは、PC版の記事編集画面でも、スマートフォンでどのように表示されるかをプレビューできるようにしました。これまでプレビューできた「PC」の表示に加えて「スマートフォン」を選択できます。

はてなブログ全体でもスマートフォンからの閲覧が伸びており、PCで記事を書く際にもスマートフォンでの読みやすさを考慮できるようプレビューを追加しました。どうぞご利用ください。

PCの記事編集画面でスマートフォンの表示をプレビューするには

PC版の記事編集画面で「プレビュー」タブを選択すると、さらに「PC」「スマートフォン」のタブが表示され、プレビューを切り替えることができます。

スマートフォンでの表示をプレビュー

PCの記事編集画面でスマートフォンの表示をプレビュー

スマートフォン表示のプレビューにおける注意点

スマートフォン表示のプレビューにおいては以下の注意点があります。

  • スマートフォンにはさまざまな画面解像度が存在しますが、プレビュー画面では横幅を320ピクセルで固定して表示しています
  • レスポンシブデザインには対応していません。確認できるのは、はてなブログのデフォルトのスマートフォン表示です

【2016年2月19日追記】レスポンシブデザインに対応しました。はてなブログでレスポンシブデザインを使用する際には、ヘルプ「ブログのデザインを変更する(スマートフォン)」の「レスポンシブデザイン」を参照してください。

なお、スマートフォンで記事を執筆する際、スマートフォンのブラウザで利用できる記事編集画面にはプレビューがありませんが、公式アプリではスマートフォンでの表示をプレビューできます。どうぞご利用ください。

アプリ - はてなブログ

スマートフォンから「お題スロット」を利用できるなど、ブログを書く「お題」に回答しやすくしました

はてなブログでは、10月に追加した「お題スロット」機能をスマートフォンでも利用できるようにしました。

また、同じお題で書かれた記事の一覧ページから、直接そのお題で記事を投稿することが可能になりました。気になるお題を見つけたときに、どうぞご利用ください。

スマートフォンから「お題スロット」を利用できるようにしました

これまでPC版の編集画面のお知らせ枠で提供してきた「お題スロット」を、スマートフォンのブラウザ版・iOSアプリ・Androidアプリでも利用できるようにしました。

スマートフォンで「お題スロット」を利用するには

次の手順で「今週のお題」画面を開き、「お題スロットを開く >」を選択してください。

  • iOSアプリ …… 下書き一覧の「お題」タブをタップ
  • Androidアプリ …… テキスト入力エリアの下にある「埋め込み」をタップして、ツールバー右端の「「Q(今週のお題)」ボタン今週のお題)」ボタンをタップ
  • ブラウザで開く編集画面 ……テキスト入力エリアの上にあるツールバー右端の「「Q(今週のお題)」ボタン今週のお題)」ボタンをタップ

お題スロットの画面にある「スロットを回す」ボタンをクリックするたびに、お題の内容が変わります。書きたいお題が見つかったら「お題の記事を書く」ボタンをクリックしてください。選択したお題が編集画面の本文に挿入されます。

お題スロットの画面

iOSアプリのお題スロット画面

記事一覧ページから直接お題を投稿できるようにしました

同じお題で書かれた記事の一覧ページから、そのお題で記事を投稿できるようにしました。記事の一覧ページにある「このお題で記事を書く」をクリックすると、編集画面が立ち上がり、そのお題が本文に挿入されます。投稿した記事は同じ一覧ページに追加されます。

※お題スロットで出題しているお題は不定期に入れ替えており、どんなお題があるかの一覧ページは現在提供しておりません。購読しているブログやお気に入りのブログがお題投稿に参加していたら、一期一会の機会としてぜひ同じお題に回答してみてください。

関連ヘルプ

詳細はヘルプ「お題」と「お題スロット」を参照してください。

2016年、いまブログの伝説がはじまる……! 新機能「ブログチャレンジ」で、新春特別企画に挑戦しよう!

みなさま、明けましておめでとうございます。はてなブログより謹んで新春のお慶びを申し上げます。

はてなブログでは2016年1月1日、新年の幕開けにふさわしい新機能として「ブログチャレンジ」をリリースいたしました。初春を飾る7日間の限定ミッション「新春 お正月限定チャレンジ」をクリアし、伝説のブログマスターへの一歩を踏み出してください。

ブログチャレンジ

ブログチャレンジでは、「記事を公開する」「読者になる」「はてなスターをつける」など、はてなブログをどれくらい使いこなしているかを、チェックリストの形式で確認できます。自己申告システムを採用しており、完了した(あるいはすでに完了していた)実績を、リストをチェックするだけの かんたん1クリック で解除できます。

今回のリリースでは、ブログを始めたばかりの初心者がまず挑戦したい「初級」から、応用タスクを集めた「中級」、さらに一筋縄ではいかない試練が待ちかまえる「上級」までの3つのチャレンジに加えて、1月7日まで期間限定の「新春」に挑戦できます。新年の抱負や初詣、お雑煮などお正月にちなんだタスクをクリアしてください。

今年こそブログをがんばりたい……! でも、どうやって続けたらいいの?」という方は、ぜひ初級チャレンジからタスクを1つずつクリアしてみてください。すべてのタスクを達成したとき、ブログの歴史に新たな1ページが刻まれることでしょう。

あなたも、ブログチャレンジに挑んで伝説を残してみませんか?

blog.hatena.ne.jp

ブログチャレンジの機能と特徴

はてなブログを使いこなしてタスクを達成し、実績を解除してブログマスターを目指しましょう! 新機能「ブログチャレンジ」では次のようなことができます。

  • 1つのチャレンジには、数十のタスクがあります
  • クリアしたタスクにチェックを入れて実績を解除しましょう
  • タスクの難易度に応じて、ポイントをゲットできます
  • ポイントに応じて レベルアップ します
  • クリア状況に応じて、ナイスな称号(二つ名)が付与されます
  • 同じチャレンジに取り組むブログの仲間をチェックできます

タスクのクリアは自己申告制ですが、真のブロガーならば富や権力のためでなく自らの物語を穏やかに紡いでいくものと信じます。

ブログチャレンジのユーザーページ

レベルアップしたブロガーにはナイスな称号が付与される!

はてなブログでは、本年もみなさまがブログを楽しめるよう、さまざまな機能改善、新たな取り組みを進めてまいります。

2016年も、はてなブログをどうぞご利用ください。

blog.hatena.ne.jp

スマートフォンでも、コメントを管理・承認できるようにしました。ほか1件

はてなブログでは、書き込まれたコメントをスマートフォンでも管理できるようにしました。また、Google Analytics埋め込み機能についても改善を行いました。

スマートフォンでもコメントを管理・承認できるようにしました

これまでPC版のダッシュボード(ブログ管理画面)で提供してきた「コメント」ページを、スマートフォンのブラウザ版でも利用できるようにしました。これによりスマートフォンでも迷惑コメントの非表示や、基本設定ページで設定できる「コメント承認」を利用できます。

「コメント」管理ページ

スマートフォンでもコメントを管理

あわせて「コメント拒否ユーザー」ページもスマートフォンに対応しました。「コメント」ページで、ユーザーIDの右に表示される × をタップすると、迷惑なコメントをするユーザーをはてなIDまたは接続元IPアドレスで拒否設定できます。どうぞご利用ください。

「コメント拒否ユーザー」ページ

コメント拒否ユーザーを追加

はてなブログでは本年、PCがない環境でもスマートフォンからブログを運用できるよう、スマートフォンのブラウザ版で利用できる管理画面を整備してきました。2016年も引き続きスマートフォン環境の改善を進めてまいります。

「Google Analytics埋め込み」をユニバーサル アナリティクスに対応しました

詳細設定の「Google Analytics埋め込み」による解析コードを、ユニバーサル アナリティクスのanalytics.jsに変更しました。

なお、埋め込まれる解析コードは、以前のga.jsのときと同様にシンプルにアクセスを記録するものです。カスタマイズした解析コードを利用したい場合には、詳細設定ページの「headに要素を追加」欄、またはデザイン設定のカスタマイズページにある「フッタ」欄や「タイトル下」欄に、スニペットそのものを貼り付けてください。

ユニバーサル アナリティクスについては、Googleのヘルプを参照してください。

ユニバーサル アナリティクス(UA) - アナリティクス ヘルプ

ga.jaから移行したときの変更点等については次のドキュメントを参照してください(英語)。

Reference - Complete Web Upgrade: ga.js / dc.js to analytics.js | Universal Analytics Upgrade Center | Google Developers