はてなブログでは、ヘッダメニューのリニューアルを進めておりました。 staff.hatenablog.com はてなブログトップページ、はてなブログ管理画面においては既に新しいヘッダメニューをリリースさせて頂きましたが、 本日ブログ表示画面にも反映させるリリースを行いました。 一時的にテキストリンクとして記事末尾へ移動していた「読者になる」については追ってブログ上部へ戻す対応をする予定です。
記事のアイキャッチ画像設定において、任意に自動生成シェア画像を選択できるようにしました。 これまでは、本文に画像が含まれていない場合のみ自動生成アイキャッチが設定される仕組みでしたが、今回の変更で本文に画像が存在していても自動生成アイキャッチが選択できるようになりました。 自動生成アイキャッチを設定したい場合、編集サイドバーの「編集オプション > アイキャッチ画像」にて「自動生成シェア画像を設定する」にチェックを入れてくださいX(旧Twitter)の仕様変更に合わせて、タイトルを含んだアイキャッチ画像を設定したい場合や、アイキャッチ画像に適さない小さな画像のみを含んでいる記事などでご活用いただければと思います。 機能補足 記事に画像を含んでいる場合に自動で設定されるアイキャッチ画像は、これまでの仕様と同様に、記事内の1つめの画像となります 編集サイドバーにて自動生成シェア画像を設定した場合
はてなブログでは、アイキャッチ画像の設定がない記事をTwitterやFacebook、はてなブックマークなどのソーシャルメディアでシェアする際に、ブログタイトル・記事タイトルなどから自動生成する画像(シェア画像)をよりわかりやすくリニューアルしました。 既にシェアされた記事についても、順次新しいデザインに変わっていきます。すぐに新しいシェア画像を反映したい場合は、シェアデバッガーを活用ください。詳しくは、ヘルプ「アイキャッチ画像(記事のサムネイル)」を参照ください。 今回のリニューアルでは、記事タイトルの表示可能文字数を増やしました。 また、タイトルをすべて読まなくても、自分に興味のある記事か読み手が判断できるよう、記事のカテゴリーを強調表示しました。 SNS上でより伝わりやすくなったシェア画像をぜひご活用ください。 シェア画像に表示される内容の変更点 シェア画像に掲載される内容を以下のよ
はてなブログでは、記事編集画面(PC版)内で、記事のアイキャッチ画像を作成・編集できるようにしました。専用ソフトや技術がなくても100種類のテンプレートから選んで編集でき、オリジナリティを出したい方は自分でゼロから作成することもできます。グラフィックデザインプラットフォーム「Canva*1」による「Canvaボタン*2」を使った機能です。 このアイキャッチ画像は「Canva」で作成しました 使い方 記事編集画面(PC版)の編集サイドバーから「アイキャッチ画像を作る」を押してください。 Canvaの編集画面がその場で開きます。まずはCanvaのアカウントを作成し、ログインしてください(GoogleやFacebookアカウントでも登録できます)。 好みのテンプレートを選択して編集するか、ゼロから画像を作成してください。画像の編集が終わったら、右上の「完了」ボタンで保存をすると、自動ではてなフォ
2020年3月26日(水)〜4月21日(火)16:39ごろまで、一部のisbn/asin記法のリンク先がAmazonの商品ページではなく、https://hatenablog.comにリダイレクトされる不具合がありました。原因はアプリケーションの設定の不備によるもので、現在は解消しています。 影響を受けた記事 はてなダイアリーで、isbn/asin記法([asin:XXXXXXXXXX]、[asin:XXXXXXXXXX:image]、[asin:XXXXXXXXXX:title]、[ISBN:XXXXXXXXXX]、[ISBN:XXXXXXXXXX:image]、[ISBN:XXXXXXXXXX:title])を書き、はてなブログ移行(インポート)後、一度もはてなブログで当該記事を更新していない場合 ※ただし、asin:XXXXXXXXXX:detailや ISBN:XXXXXXXXXX
はてなブログでは、記事一覧ページおよびトップページの一覧形式で表示しているサムネイル画像について、トリミング仕様を変更しました。サムネイルの表示領域をCSS等でカスタマイズしている場合に、元のアイキャッチ画像の印象により近い状態で表示します。 記事一覧ページのサムネイルはデフォルトで正方形で表示するため、記事アイキャッチ画像が長方形だった場合、内部的に画像両端をトリミングしていました。しかし、下記例のように、サムネイル部分のCSSを長方形に変更して運用されているブログが一定数ある実態を鑑みて、内部的なトリミングを廃止することにいたしました。 例: https://developer.hatenastaff.com/archive 本変更で、以下の記事一覧ページに表示されるサムネイルのbackground-imageを「500x500pxの正方形」から「記事アイキャッチ画像の縦横比を保持した
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く