はてなブログでは、記事編集画面(PC版)の編集サイドバーにある「写真を投稿」タブで複数の写真を選んだ際に、選択した順番にあわせて写真に番号が表示されるよう変更しました。これにより、選択した番号順に写真を記事に貼り付けることができます。 これまでは、選択した順番ではなく、アップロードした日付が過去のものから順番に写真を貼り付けられる仕組みでした。今回の改善により、自分が意図した通りの順番に写真を並べやすくなっています。どうぞご利用ください。
![複数の写真を貼り付ける際に、編集サイドバーから選択した順番に貼り付けるようにしました - はてなブログ開発ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/bcfb149b6ec64ad393d4c2d5f8ce94867e6649ca/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhatenablog%2F20170830%2F20170830114726.png)
年末も近づいてきたのでデザインをいろいろ変えてみました。 サイドバーのコンテンツはあまり見られないのではないかという仮説があって、1カラムのテーマに変えてみたいと思っていた所なので、公式のWideboardのテーマをベースに、白背景のシンプルなデザインにしてみました。また文字サイズは大きめのほうが読者にとって見やすいと思ったので、かなり大きめの文字サイズにしてみています。 以下、テーマのCSSです。 /* <system section="theme" selected="wideboard"> */ @import "/css/theme/wideboard/wideboard.css"; /* </system> */ /* <system section="background" selected="fff"> */ body{background:#fff;} /* </syste
リンク先を画像なしの文章で紹介するよりも、サムネイル画像を一緒に表示した方が直感的に伝えやすい。シンプルなHTMLとCSSで可能。jQueryやJavaScriptは不要。 概要 次の「サムネイル付きリンク」のHTMLとCSSの構造や設定を解説する。このページではthumbnail-boxと呼称する。 持ち物の多さで海外旅行初心者だと分かり、中身を見れば不要品が詰まっている - はぴらき合理化幻想 ↑サンプルのthumbnail-box。 以前に、次のページでchrome拡張機能を紹介した。それに追加したコードの説明も兼ねている。 ブログ記事作成を効率化!サムネイル画像付きのリンクを2クリックで作成 - はぴらき合理化幻想 特長 サムネイルと記事タイトルを1つのaタグでリンク可能。サムネイルと記事タイトルで別々のaタグを使用しているコードが多いが、当ページで紹介するコードの方がシンプル。サ
HTMLやCSSに慣れていない人でも、簡単にサムネイル画像付きのリンクを2クリックで作成できる。効率化できるところは効率化して、もっと重要な部分に時間を使おう。 概要 Google Chromeの拡張機能「Create Link」を少しカスタムして使う方法を述べる。 Create Linkって何? Google Chromeの拡張機能。Chromeで現在表示されているページのタイトルとURLをクリップボードにコピーできる。また、ページタイトルやURLにあらかじめ設定したHTMLを追加できる。 つまり、下のようなリンクを2クリックで作成可能。 Chrome ウェブストア - Create Link サムネイル画像なしのリンクならすぐ作れる 上記リンク先から拡張機能を追加したら、右クリックのメニューにCreate Linkという項目が増えている。その下層にあるHTMLをクリックすればコピー完了
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
「http://www.hatena.ne.jp/」 →「http://www.hatena.ne.jp/」のように、URLへのリンクとして表示される 「[http://www.hatena.ne.jp/:title]」 →「はてな」のように、URLが示すWebページのタイトルを取得し、URLへのリンクとして表示される 「[http://www.hatena.ne.jp/:barcode]」 →「」のように、URLが示すWebページのQRコードが表示される。また表示されたQRコードは、URLへのリンクになる 「[http://www.hatena.ne.jp/:title=文字列]」 →「文字列」のように、任意の文字列がURLのリンクとして表示される 「[http://www.hatena.ne.jp/images/hatena_80.gif:image]」(画像表示モード) →「」のよう
当初,自分で何かを書く気はなかったのですが,ブックマークコメントを見ていると「はてな的にはやっぱりこれか,これなのか・・・?」と言う気がしたので書きました.Wiki 記法をある程度知っている人は,これを読めばはてな記法の基礎をマスターしてはてなー?になることができるようになっています.また,簡易リファレンスとしても利用できます. 目次 基礎 プレーンテキスト コメント 文字列装飾 数式 脚注 スクリプトの実行 見出し リンク Web ページへのリンク はてなサービス内へのリンク トラックバック 自動リンク停止 マルチメディア 画像の表示 動画の表示 音楽の再生プレーヤーの表示 整形済みテキストブロック 引用ブロック 表組み リスト 続きを読む記法 ウクレレ記法 おわりに References 1. 基礎 プレーンテキスト 特別な記号(後述)で始まる文字列以外の文字列は全てそのまま出力されま
※このドキュメントは2008年に社内のサポートスタッフ研修用に書いたものです。公開しても問題なさそうな内容だったので細かいところを修正しつつ公開します。主にはてなダイアリー、はてなグループでの利用を想定しています。はてなブログで使えるかは検証してません。(記法を意識しなくても書けるのがはてなブログです!!!) はじめに はてなには「はてな記法」と呼ばれる、テキストを整形するための独特の記法があります。これを使うとテキストをすっきりと記述することができ、さらに使いこなすとパワーポイントのように自分の思考をまとめるのにも役に立つので、最初はとっつきにくいかもしれませんが、ぜひ覚えて活用してみてください。 目次 基本の記法 id記法 小見出し記法 リスト記法 引用記法 スーパーpre記法 表組み記法 続きを読む記法 応用 はてな記法を回避する 「*」や「-」をそのまま行頭に表示する 編集画面の裏
本日、はてなブログに「メール投稿機能」を追加しました。 ブログごとに設定された「投稿メールアドレス」にメールを送信すると、内容を記事として投稿できます。投稿メールアドレスは各ブログの詳細設定ページで確認できます。 メールのタイトルが記事のタイトルに、メールの本文が記事の本文になります 画像を添付すると、記事の冒頭に張り付けることができます 画像は、はてなフォトライフの「Hatena Blog」フォルダ(非公開)にアップロードされます 「見たままモード」の場合、HTMLメールが記事としてそのまま投稿されます 「はてな記法モード」の場合、メール本文内のはてな記法が展開されます メールアドレスの「@」の前に「.hatena」をつけると、見たままモードでもはてな記法が展開されます 投稿メールアドレスとは別に、下書きとして保存できる「下書き投稿メールアドレス」も発行しています はてなに登録しているメ
はてなブログのデザインカスタマイズ方法です。といっても今回は手の込んだものではなくて少し表示を変えるくらいの方法になります。 初めに はてなブログのデザインには様々なテーマがあります。全体的なデザインはこれがいいけど他のフォントとか見出しはこっちがいいなとか、何かちょっとずつ違ってて悩みますよね。カスタマイズといってもHTMLをいじる訳ではなくCSSを修正(上書き)する作業になるのですが、HTMLとCSSの知識がまったく無いと難しいかもしれません。 デザインテーマを選ぶ まず管理画面のデザインに移動して公式テーマを選びます。 私はReachというテーマにしました。大きく変更する訳ではないので全体的に好きなデザインを選ぶといいでしょう。 CSSを編集する デザイン画面のカスタマイズにある「デザインCSS」を編集していきます。 サイドバーの位置を変える 今回選んだテーマはサイドバーが左にあり、
2014-08-28 はてなブログを更新する時に気をつけたい、カスタムURL設定の注意点(後から設定しようとする人へ) Googleさんとはてなさん。 区切りで書くまとめ的な。 独自ドメイン取得して考えた事 みなさん、さっき記事を更新していて、本当に焦ったので、はてなーのみなさんと共有したくて、お伝えしますね。あっ、先に結論を言うと、とりあえず問題解決済みなので、ボクの経験談で、みなさんが事前に気をつけられると嬉しいです。では共有してみます。 photo by Norio.NAKAYAMA みなさん、カスタムURLって、いつも設定してますか? はてなブログは更新する時にメニューの中でカスタムURLが自分で設定できます。ボクはいままでこれを使っていませんでした。例えばSEOとテーマにした記事だとアドレスの後ろに「〜SEO」と付けて検索に少しでもかかりやすくする事が可能なのです。 上のスクリー
はてなブログが記事のエクスポートに対応 はてなブログが、2014年8月22日から記事のエクスポートに対応しました。無料で使用できます。 記事データをエクスポートできるようにしました。ブログのバックアップ等にご利用ください - はてなブログ開発ブログ これまで、インポートには対応していましたが、エクスポートには対応していませんでした。 これで、記事をエクスポートして、バックアップとしても使えますし、他のブログに移転することも容易になりました。 はてなさん、ある意味、「太っ腹」です。エクスポートができると、他のブログに移転してしまう可能性が高まるわけですから。 はてなブログの記事のエクスポート・バックアップの手順 簡単に手順も紹介しておきます。 1 管理画面の「設定」→「詳細設定」 管理画面の「設定」から「詳細設定」をクリック。 2 「詳細設定」の下のほうの「記事をバックアップ(エクスポート)
記事が長くなりがちな人にオススメな「自動目次」の設定を紹介します。 機能 記事内の大見出し(h3)を探して目次に表示する。 実装前に投稿した記事にも有効。 「◯個以上大見出し(h3)があったら目次を表示する」という設定が可能。 目次のリンクをクリックすると該当箇所までスクロール。 実装方法 以下のコードを指定した箇所へ追加して下さい。 CSS(設定→デザイン→カスタマイズ→デザインCSS) article .entry-content .sectionList { background: #F8F8F8; margin: 50px 0 0; padding: 15px; border: 1px solid #CCC; } article .entry-content .sectionList h3 { font-size: 110%; margin: 0; } article .entry
はてなブログの行間の設定方法がいまいち分かりません。 どうも、単なる行間と、段落の間が違く設定してあるらしく(違ったらすいません) ズラーッと書いて二行に渡った場合の行間と、 はてなブログの行間の設定方法がいまいち分かりません。 どうも、単なる行間と、段落の間が違く設定してあるらしく(違ったらすいません) ズラーッと書いて二行に渡った場合の行間と、 エンターを押してできた行間の広さが違くなります。 これを、一緒にしたいんです。 色々調べて、 div.section p { line-height: 1.2em; margin-top: 0.1em; margin-bottom: 0.1em; } ↑これをCSSのとこに貼ればいいと言うのは分かったんですが、 CSSのなかの具体的にどこに貼ればいいのかとか、 このタグをどう編集すれば行間の広さを一緒にできるのかが分かりません。 また、このタグ
【追記】 僕自身はこんな記事を書いておきながらのちのちMarkdown記法に移行しましたので、行間を狭くする設定を削除しています。 改行の問題 はてなダイアリーからはてなブログに移転したわけだけど、投稿フォームで書いていると改行でやたらと行間が空いてしまう問題に直面した。 別に大した問題ではないのだが、なんだか気軽に改行しづらくなってしまった。そして改行したらしたで、そのまとまりがいかにも「一つの段落ですよ」という感じになってしまい、書いていて窮屈な感じもした。 確かに義務教育内での国語における段落の扱いはそんな感じで、そんなにバンバン改行するもんでもなかった。 しかし書籍・ネット問わず、現代的な書き方だと結構バンバン改行するのが普通だ。それはそうしたほうが読み手にとって読みやすいからであり、僕を含め書き手は当然ながら読まれやすい文章を書こうとする。 だから改行しづらいというのは非常に困る
本日、自分のブログを表す「ブログアイコン」を設定できるようにしました。Webブラウザのお気に入りや、スマートフォンのホーム画面などで表示されます。 これまでは、はてなブログ全体で同一のブログアイコン を使用してきました。今回の機能追加により、自分のブログを表す独自のアイコンが表示できるようになりました。 表示されるシーンは現在のところ以下の通りで、登録された画像をそれぞれ最適なサイズ・形式に変換して表示します。表示される場所や見え方は、Webブラウザやスマートフォンの機種などによって異なります。 お気に入りアイコン(favicon) Webブラウザのアドレス表示欄やタブなど 「お気に入り(ブックマーク)」に登録したとき スマートフォン(iPhoneやAndroid)用のアイコン ホーム画面にWebクリップ(ショートカット)を作成したとき スマートフォンのブラウザでお気に入りに登録したとき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く