はてなブログでは、2018年6月11日以降、全てのブログを対象にHTTPSで配信できる仕組みを提供しました。 staff.hatenablog.com おかげさまで、多くの方にHTTPSでの配信機能をご利用いただいています。一方で、「HTTPSって？ 何をすると良いの？」という声や「移行作業が大変そう」という意見も見掛けます。 そういった疑問を解決するために、実際にHTTPS配信を利用しているはてなブロガーの記事をピックアップしました。まだ迷っている方や、使用感が気になっている方は、ぜひ参考にしてください。 なお、2018年2月22日以降に新しく開設されたブログは、最初からHTTPSで配信されます*1。 はじめに：HTTPSとは？ ブログ全体のHTTPS配信について より安全に「はてなブログ」をご利用いただくため 新たなWeb技術に対応するため はてなブロガーのエントリーをご紹介！ おわり

はてなブログをやっている目的は人それぞれだと思いますが、自分の時間と労力を費やして記事を書くのですから、少しなりとも収益化したいですよね。 はてなブログは初心者にも使いやすいブログサービスですので、初めてのブログ運営という人も多いのかな、と思います。 そんな人にとっては、「ブログで稼ぐってどういうこと？」「ASPって何だ？」という状態の人も少なくないかもしれません。 ASPとは ASPというのは、「アフィリエイトサービスプロバイダー」の略です。アフィリエイトというのは、広告リンクをブログに貼って、そこから広告料や紹介料を受取るというビジネスです。 ブログを運営している人は、この広告リンクを取得してブログに掲載するだけで、すぐにアフィリエイトを始めることができます。 その広告リンクを取得するところが、ASPです。ASPへの登録は無料ですが、ブログ審査があるところとないところがあります。 ブロ

当ブログは「はてなブログ」を使っていて、オリジナルのテーマを利用しています。 カスタマイズ作業の中で「あ、こんな機能あったんだ」と気づくことや、Googleで探して見つけた便利なカスタマイズ方法もあります。 複数の方から同じ質問をされたこともあり、せっかくなので一度まとめてみました。 公式機能 アーカイブページに表示する本文は調整できる SNSなどでシェアされた時に表示する記事の「タイトル」を変更できる トップページと同じレイアウトのカテゴリーページが存在する aboutページは管理画面から更新できる instagramはwebから埋め込みコードを引っ張ってきた方が良い 目次記法は「見たままモード」でも使える カスタマイズ要、ちょっと難易度高い小ネタ アーカイブページをトップページに変更できる（追記あり） 画像をクリックしても拡大しないようにできる 記事下に関連記事モジュールを表示できる（

※記事更新から1年以上が経っているため情報が古い可能性があります 当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。 投稿する記事の質は当然意識してきましたが 、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。 そこで今回は、当ブログ「ひつじの雑記帳 」で実践しているカスタマイズ・コード全てを紹介していこうと思います。 当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。 デザイン完成図 使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢

「訪問者に少しでも印象を残せたら」 「自分のブログやサイトに愛着を持ちたい」 目的は様々だと思いますが、サイトのイメージを左右するヘッダー画像はやっぱり大事ですよね。 今日はこんな内容です。 超簡単にヘッダー画像を作成はてなブログに設定する簡単にヘッダーを作成してみたい方や、ヘッダーはあるけど設定の仕方が難しい。という方には参考になるかと思います。 PIXLR EDITOR(ピクサーエディター)でヘッダーを作成 ダウンロードの必要がない画像編集ソフト「PIXLR EDITOR」を紹介します。 Online Photo Editor | Pixlr Editor 無料ダウンロードなし登録の必要もなし開いたらすぐに活用できるので、すご～く手軽に使えるツールです。 今回ヘッダーを作成する上で画像はあらかじめ用意されていると想定してます。イメージとしては3ステップで完成です。 まずは簡単な説明図と

お知らせ 2023年4月2日、サーバーからのスクリプト配信を停止しました。 スクリプトファイルはGitHub上で提供しておりますので、引き続きご利用される方はこれまでの設定部分を修正してください。 詳細は当記事内の手順4,手順5を参照してください。 みなさんはカテゴリーを”階層化”しているでしょうか。 カテゴリーの階層化とは、記事のカテゴリーに親子関係を付けるものです。 これを行った上で”パンくずリスト”を作成すると、SEOに強くなるらしいです。 はてなブログにおいては少し前、公式なパンくずリスト機能が追加されました。 staff.hatenablog.com しかしながら公式パンくずリストは”カテゴリー階層化”には対応しておらず、デフォルトで一つ目のカテゴリだけが表示されます。 そこで公式パンくずリスト登場以前から、独自にパンくずリストを作成するブログパーツが提供されています。 http

大型連休の間に、新しくブログを開設した人や、更新を再開したという人も多いのではないでしょうか？ ブログを始めても、2記事目、3記事目……と継続していくのは意外と難しいもの。そこではてなブログでは、「ブログを長く続けていきたい」と思っている方のヒントになる話を、はてなブログで活躍するブロガーさんにインタビューしていこうと考えています。 今回お話を伺ったのは、勝間和代（id:kazuyomugi）さん。 勝間さんは、2017年12月にはてなブログへ“お引っ越し”。以来、オススメの調理器具などのライフハック情報を発信し、ネットユーザーの注目を集めています。 勝間和代です。ココログからはてなブログへお引っ越ししてみます。 - 勝間和代が徹底的にマニアックな話をアップするブログ ブログというWebサービスが世に生まれたころから、ブログで情報を発信することの重要性を広め、著書でもブログを書くことの大切

調べたい部分をクリックしてください。日記のテーマによってちょっと見栄えが違うと思いますが、勘で補ってください。日記画像は「はてなダイアリー日記」からです（元画像）。 （2004年9月25日作図） ※まだ作図できてませんが、とりあえずはてなダイアリーガイド「CSSセレクタ - profileモジュール」を登録します。（2004.10.9）

pタグの排除について留意しておかないと、自分でタグを書いたときに意図しない表示になるかもしれない。 山カッコで構成した「><」で始まる行があると、そこから自動的なpタグの挿入はストップし、次に「><」で終わる行を見つけるまではその設定が有効となります。自分でタグを書きたい時や、不適切な挿入が行われる際に、お使いください。 例えば、上の引用は、 ><blockquote 〜(中略)〜>< 山カッコで構成した 〜(中略)〜 お使いください。 ></blockquote><と記入したものだが、これを、 <blockquote 〜(中略)〜> 山カッコで構成した 〜(中略)〜 お使いください。 </blockquote>といったように記入してしまうと、 山カッコで構成した「><」で始まる行があると、そこから自動的なpタグの挿入はストップし、次に「><」で終わる行を見つけるまではその設定が有効となり

はてなブログのヘルプです

はてなブログのヘルプです

はてなブログのヘルプです

日記のサイドバーに、なにか（かんたんデザイン設定にあるもの以外）を入れる方法です。サイドバーの作り方はいろいろありますが、ここでは「かんたんデザイン設定」で作ることにします。「かんたんデザイン設定」でないテーマで今サイドバーが無い方は、補足を見てください。 サイドバーが日記に表示されていますか？そこに、なにか他のものを入れるには、『管理ツール > デザイン > 詳細デザイン設定』の下の方、『ページのフッタ』欄を使います。 <div class="sidebar">と </div>の間に入っているものが、日記のサイドバーに表示される仕組みです（これが基本）。文字を書いてみれば、そのまま表示されます。

エスプロダクトさまが運営されているエスプロマガジンのリニューアルで、デザインと実装（はてなブログカスタマイズ）のお手伝いをさせていただきました。制作の流れお問い合わせChatworkにてご要望を伺い、...

このページでは、はてなブログで使用することができるはてな記法の一覧を紹介しています。 入力支援記法 自動リンク はてな内自動リンク 入力支援機能 関連 入力支援記法 記法名 書式 機能 大見出し記法 *～～ 日記に大見出し（h3）をつけます 中見出し記法 **～～ 日記に中見出し（h4）をつけます 小見出し記法 ***～～ 日記に小見出し（h5）をつけます リスト記法 -～～ --～～ +～～ ++～～ リスト（li）を簡単に記述します 定義リスト記法 :～～:～～ 定義リスト（dt）を簡単に記述します 表組み記法 | ～～ | ～～ | |*～～ | ～～ | 表組み（table）を簡単に記述します 引用記法 >> ～～ << 引用ブロック（blockquote）を簡単に記述します pre記法 >| ～～ |< 整形したテキストをそのまま表示します（pre） スーパーpre記法 >||

スターページの見方が分からない - This is not here. という声が上がってる。 もっともだ。 はてなスターのユーザーページのFavarite欄は、はてなスター開設時から「これはいったいどういう仕組み？」と「？？？」だらけだった記憶がある。いちおうはてなスターのヘルプには、 ページ左側に大きく表示されるFavoritesの欄には、Favoritesのブログの中で新しく☆が付いたエントリーが、☆の付いた順番で表示されています。ここに表示されるのは自分が☆を付けたものだけではなく他の誰かが付けた☆も含まれ、エントリーの投稿日に関係なく新しく☆が付いたものが表示されるため、過去の見逃していた面白いエントリーを発掘できたり、どんなエントリーに☆が付けられて話題になっているかを知られたりとRSSやアンテナのようでもあり、ブックマークのようでもある、新しい購読ツールとしても使えます。 と

ブログを書いたりしていると、たまに叩かれる場合があります。ちょっとした有名人気分を味わえるのでけっこう楽しいものですが、そういうのがニガテという人もいるでしょう。たとえばママにもぶたれたことがない甘えっ子ちゃんとか…それ、ぼくじゃないか！ …ということで、ネットで叩かれたときの対処法について、体当たりブロガーとしておなじみのココロ社が、実際に経験した例を通じて考察します。「毎回クソツマンネー日記を書きよって…」と思っているあなた、今回こそはとっても役立ちますので最後まで読んでくださいね！ 【１】無視する １０年前には「インターネットで、いろんな地域の人とコミュニケーションできるから世界平和に役立つ」という妄想が本気で信じられていましたが、ご存じの通り、現実は「ゲーム機を何にするか」という話題ですら大げんかになってしまう始末です。つまり、「話せばわかる」というのは都市伝説なので、叩かれて本気