CINXE.COM
固定ページを作成・編集する - はてなブログ ヘルプ
<!DOCTYPE html><html lang="ja" data-admin-domain="//blog.hatena.ne.jp" data-admin-origin="https://blog.hatena.ne.jp" data-author="hatenablog" data-avail-langs="ja en" data-blog="help.hatenablog.com" data-blog-host="help.hatenablog.com" data-blog-is-public="1" data-blog-name="はてなブログ ヘルプ" data-blog-owner="hatenablog" data-blog-show-ads="" data-blog-show-sleeping-ads="" data-blog-uri="https://help.hatenablog.com/" data-blog-uuid="13208647353034080391" data-blogs-uri-base="https://help.hatenablog.com" data-brand="regular_plan" data-data-layer="{"hatenablog":{"admin":{},"analytics":{"brand_property_id":"UA-69076420-1","measurement_id":"","non_sampling_property_id":"","property_id":"UA-29716941-11","separated_property_id":"UA-29716941-17"},"blog":{"blog_id":"13208647353034080391","content_seems_japanese":"true","disable_ads":"brand","enable_ads":"false","enable_keyword_link":"false","entry_show_footer_related_entries":"false","force_pc_view":"true","is_public":"true","is_responsive_view":"true","is_sleeping":"false","lang":"ja","name":"\u306f\u3066\u306a\u30d6\u30ed\u30b0 \u30d8\u30eb\u30d7","owner_name":"hatenablog","uri":"https://help.hatenablog.com/"},"brand":"regular_plan","page_id":"entry","permalink_entry":{"author_name":"hatenablog","categories":"","character_count":2267,"date":"2017-06-27","entry_id":"8599973812274490178","first_category":"","hour":"15","title":"\u56fa\u5b9a\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u30fb\u7de8\u96c6\u3059\u308b","uri":"https://help.hatenablog.com/entry/pages"},"pro":"pro","router_type":"blogs"}}" data-device="pc" data-dont-recommend-pro="false" data-global-domain="https://hatena.blog" data-globalheader-color="b" data-globalheader-type="pc" data-has-touch-view="1" data-help-url="https://help.hatenablog.com" data-hide-header="1" data-no-suggest-touch-view="1" data-page="entry" data-parts-domain="https://hatenablog-parts.com" data-plus-available="1" data-pro="true" data-router-type="blogs" data-sentry-dsn="https://03a33e4781a24cf2885099fed222b56d@sentry.io/1195218" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-static-domain="https://cdn.blog.st-hatena.com" data-version="add51ddc2d3c0599e98ea1239ac012" data-initial-state="{}"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="max-image-preview:large"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9; IE=10; IE=11"> <title>固定ページを作成・編集する - はてなブログ ヘルプ</title> <link rel="canonical" href="https://help.hatenablog.com/entry/pages"> <meta itemprop="name" content="固定ページを作成・編集する - はてなブログ ヘルプ"> <meta itemprop="image" content="https://cdn.image.st-hatena.com/image/scale/3e1f75c3597dda34f1696a84fff17a1b059d746a/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhatenablog%2F20190205%2F20190205145133.png"> <meta property="og:title" content="固定ページを作成・編集する - はてなブログ ヘルプ"> <meta property="og:type" content="article"> <meta property="og:url" content="https://help.hatenablog.com/entry/pages"> <meta property="og:image" content="https://cdn.image.st-hatena.com/image/scale/3e1f75c3597dda34f1696a84fff17a1b059d746a/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhatenablog%2F20190205%2F20190205145133.png"> <meta property="og:image:alt" content="固定ページを作成・編集する - はてなブログ ヘルプ"> <meta property="og:description" content="固定ページ機能を利用すると、投稿した順に時系列で扱われる通常の記事とは別に、固定URLのみで閲覧できる独立した特別なページを作成・更新できます。"> <meta property="og:site_name" content="はてなブログ ヘルプ"> <meta property="article:published_time" content="1498544183"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://cdn.image.st-hatena.com/image/scale/3e1f75c3597dda34f1696a84fff17a1b059d746a/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhatenablog%2F20190205%2F20190205145133.png"> <meta name="twitter:title" content="固定ページを作成・編集する - はてなブログ ヘルプ"> <meta name="twitter:description" content="固定ページ機能を利用すると、投稿した順に時系列で扱われる通常の記事とは別に、固定URLのみで閲覧できる独立した特別なページを作成・更新できます。"> <meta name="twitter:app:name:iphone" content="はてなブログアプリ"> <meta name="twitter:app:id:iphone" content="583299321"> <meta name="twitter:app:url:iphone" content="hatenablog:///open?uri=https%3A%2F%2Fhelp.hatenablog.com%2Fentry%2Fpages"> <meta name="twitter:site" content="@hatenablog"> <meta name="description" content="固定ページ機能を利用すると、投稿した順に時系列で扱われる通常の記事とは別に、固定URLのみで閲覧できる独立した特別なページを作成・更新できます。"> <meta name="keywords" content="はてな,ブログ,ヘルプ"> <script id="embed-gtm-data-layer-loader" data-data-layer-page-specific="{"hatenablog":{"blogs_permalink":{"blog_afc_issued":"false","is_blog_sleeping":"false","entry_afc_issued":"false","has_related_entries_with_elasticsearch":"false","is_author_pro":"true"}}}"> (function() { function loadDataLayer(elem, attrName) { if (!elem) { return {}; } var json = elem.getAttribute(attrName); if (!json) { return {}; } return JSON.parse(json); } var globalVariables = loadDataLayer( document.documentElement, 'data-data-layer' ); var pageSpecificVariables = loadDataLayer( document.getElementById('embed-gtm-data-layer-loader'), 'data-data-layer-page-specific' ); var variables = [globalVariables, pageSpecificVariables]; if (!window.dataLayer) { window.dataLayer = []; } for (var i = 0; i < variables.length; i++) { window.dataLayer.push(variables[i]); } })(); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P4CXTW');</script> <!-- End Google Tag Manager --> <link rel="shortcut icon" href="https://help.hatenablog.com/icon/favicon"> <link rel="apple-touch-icon" href="https://help.hatenablog.com/icon/touch"> <link rel="icon" sizes="192x192" href="https://help.hatenablog.com/icon/link"> <link rel="alternate" type="application/atom+xml" title="Atom" href="https://help.hatenablog.com/feed"> <link rel="alternate" type="application/rss+xml" title="RSS2.0" href="https://help.hatenablog.com/rss"> <link rel="alternate" type="application/json+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Fhelp.hatenablog.com%2Fentry%2Fpages&format=json" title="oEmbed Profile of 固定ページを作成・編集する"> <link rel="alternate" type="text/xml+oembed" href="https://hatena.blog/oembed?url=https%3A%2F%2Fhelp.hatenablog.com%2Fentry%2Fpages&format=xml" title="oEmbed Profile of 固定ページを作成・編集する"> <link rel="author" href="http://www.hatena.ne.jp/hatenablog/"> <link rel="preload" href="https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenablog/20190205/20190205145133.png" as="image"> <link rel="stylesheet" type="text/css" href="https://cdn.blog.st-hatena.com/css/blog.css?version=add51ddc2d3c0599e98ea1239ac012"> <link rel="stylesheet" type="text/css" href="https://usercss.blog.st-hatena.com/blog_style/13208647353034080391/722a44294c89ae37814ccb135d6262295aa5f27c"> <script> </script> <style> div#google_afc_user, div.google-afc-user-container, div.google_afc_image, div.google_afc_blocklink { display: block !important; } </style> <script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","dateModified":"2024-06-18T12:19:14+09:00","datePublished":"2017-06-27T15:16:23+09:00","headline":"固定ページを作成・編集する","image":["https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenablog/20190205/20190205145133.png"]}</script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KJZ3HS9');</script> <!-- End Google Tag Manager --> <meta name="viewport" content="width=device-width"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-29716941-31', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "5cw1jc89ui"); </script> <!-- Global site tag (gtag.js) - Google Analytics cs@--> <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-189387219-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-189387219-1'); </script> </head> <body class="page-entry enable-top-editarea enable-bottom-editarea globalheader-off globalheader-ng-enabled"> <div id="globalheader-container" data-brand="hatenablog" style="display: none"> <iframe id="globalheader" height="37" frameborder="0" allowtransparency="true"></iframe> </div> <div id="container"> <div id="container-inner"> <div id="top-editarea"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJZ3HS9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="header-wrapper"> <div class="header-wrapper-inner"> <nav class="header-logo-hatenablog"><a href="http://hatenablog.com/"> <img src="https://cdn.blog.st-hatena.com/css/theme/help/images/logo-hatenablog.svg" alt="Hatena Blog" class="header-logo-hatenablog-img"></a> </nav> <header class="blog-title"> <div id="blog-title-inner"> <div id="blog-title-content"> <h1 id="title"><a href="/">はてなブログ ヘルプ</a></h1> </div> </div> </header> <div class="header-search"> <form class="search-form" role="search" action="/search" method="get"> <input type="text" name="q" class="search-module-input" value="" placeholder="ヘルプを検索" required=""> <input type="submit" value="検索" class="search-module-button"> </form> </div> </div> </div> </div> <div id="content" class="hfeed"> <div id="content-inner"> <div id="wrapper"> <div id="main"> <div id="main-inner"> <!-- google_ad_section_start --> <!-- rakuten_ad_target_begin --> <article class="entry hentry test-hentry js-entry-article date-first autopagerize_page_element chars-2400 words-100 mode-hatena entry-odd" id="entry-8599973812274490178" data-keyword-campaign="" data-uuid="8599973812274490178" data-publication-type="entry"> <div class="entry-inner"> <header class="entry-header"> <div class="date entry-date first"> <a href="https://help.hatenablog.com/archive/2017/06/27" rel="nofollow"> <time datetime="2017-06-27T06:16:23Z" title="2017-06-27T06:16:23Z"> <span class="date-year">2017</span><span class="hyphen">-</span><span class="date-month">06</span><span class="hyphen">-</span><span class="date-day">27</span> </time> </a> </div> <h1 class="entry-title"> <a href="https://help.hatenablog.com/entry/pages" class="entry-title-link bookmark">固定ページを作成・編集する</a> </h1> </header> <div class="entry-content hatenablog-entry"> <p><strong>固定ページ</strong>機能を利用すると、投稿した順に時系列で扱われる通常の記事とは別に、固定URLのみで閲覧できる独立した特別なページを作成・更新できます。</p><p>「お問い合わせ」や「自己紹介」「注意事項」「リンク集」といった静的なコンテンツを用意したいときに便利です。</p> <div class="callout-info"> 固定ページは、有料プラン「はてなブログPro」に加入しているユーザーが運営するブログで利用できます。 </div> <div class="section"> <h3 id="固定ページの作成">固定ページの作成</h3> <p>固定ページは、ブログの<a href="https://blog.hatena.ne.jp/">ダッシュボード</a>の左側にある「固定ページ」メニューから「<a href="https://blog.hatena.ne.jp/my/pages">ページの管理</a>」画面を開いて、作成・管理できます。</p><p>ページを作成するには、まずその「URL」を指定します。URLは、はてなブログの通常の記事のカスタムURLと同じように指定できますが、記事の配信ディレクトリー<small>（デフォルトでは<code>entry</code>）</small>を含まないパスを自由に作成できます。</p> <div class="callout-warning"> はてなブログのシステムで使用している<code>about</code>や<code>archive</code>といったパス名の固定ページを作成することもできますが、表示する際にはシステムのパスが優先されます。また、<code>entry/</code>から始まる固定ページは作成することができません。 </div> <div class="section"> <h4 id="ページの編集更新">ページの編集・更新</h4> <p>「URL」を入力して「ページを作る」ボタンをクリックすると、ページ編集画面が開きます。</p><p>ページ編集画面では、通常の記事編集画面と同じようにページを作成・更新できます。編集サイドバーや入力補助ツールバーも使用でき、編集モードも切り替えられます。ページ編集画面の左下にある公開・更新ボタンを押すと、ページが公開されます。下書き保存もできます。</p><p>作成した固定ページは、トップページや記事一覧ページ、サイドバーの新着記事モジュールなどにも掲載されず、フィード<small>（ATOMおよびRSS）</small>でも配信されません。どこからも動線のないページとなるため、サイドバーの「リンク」モジュールなどで明示的にリンクしてください。</p> <div class="section"> <h5 id="固定ページへのリンクを記載する">固定ページへのリンクを記載する</h5> <p>サイドバーの「リンク」モジュールは下記の手順で編集できます。</p> <ol> <li>ブログのダッシュボードから<b><a href="https://blog.hatena.ne.jp/my/config/design/detail">デザイン設定</a></b>画面に移動します</li> <li>画面の左上にあるスパナアイコン（<a href="https://help.hatenablog.com/entry/design/customize">カスタマイズ</a>）をクリックします<br><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenablog/20190205/20190205145133.png" alt="f:id:hatenablog:20190205145133p:plain:w300" title="f:id:hatenablog:20190205145133p:plain:w300" class="hatena-fotolife" style="width:300px" itemprop="image"></li> <li>「サイドバー」をクリックします</li> <li>「リンク」という項目の横にある「編集」をクリックします</li> <li>こちらに、固定ページへのリンクを記入します</li> <li>「変更を保存する」ボタンを押します</li> </ol><p>詳細は「<a href="https://help.hatenablog.com/entry/sidebarmodules">サイドバーにモジュールを設置する</a>」を参照してください。</p> </div> </div> <div class="section"> <h4 id="ページの管理と注意点">ページの管理と注意点</h4> <p>公開または下書き保存した固定ページは、ページの管理画面の下部に一覧表示されます。「編集」ボタンをクリックして、ページを再編集・更新・下書きに戻すなどができます。通常の記事と同じように編集履歴を確認することもできます。</p><p>ページを削除するには、ページ編集画面を開いて、右下にある削除ボタンをクリックしてください。</p><p>そのほか、以下の点に注意してください。</p> <ul> <li>ページのURLは、編集オプションの「カスタムURL」で変更できます。</li> <li>ブログメンバーもページを作成・編集できます<small>（寄稿者権限のメンバーは下書き保存のみ可能です）</small></li> <li>作成できるページ数に制限はありません</li> <li>下書き共有URLが取得できます</li> </ul><p>また、次のような制限があります。</p> <ul> <li>カテゴリーを設定することはできません</li> <li>ページの公開日時は指定できず、予約投稿もできません</li> <li>IDコールは通知されません</li> <li>ブログ内検索で検索結果に表示されません</li> <li>ブログトップや記事一覧ページに表示されません</li> </ul> </div> </div> <div class="section"> <h3 id="ページのレイアウト">ページのレイアウト</h3> <p>固定ページは、通常の記事ページから、時系列の記事に特有の要素を除いたレイアウトになっています。</p><p>具体的には、公開日時、執筆者、コメント欄、ソーシャルパーツ、「記事上」「記事下」のカスタマイズ<small>（HTMLの自由記述欄）</small>、関連記事、はてなによる広告<small>（非表示にしていない場合）</small>、本文上の日付、カテゴリー、パンくずリスト<small>（詳細設定で設定できるもの）</small>などを表示しません。</p><p>さらに「編集オプション」の「レイアウト」欄で、サイドバーの有無を選択できます。</p> <div class="help-table"> <table> <tbody><tr> <th>レイアウト</th> <th>説明</th> </tr> <tr> <td>記事レイアウト</td> <td>通常の記事と同様のレイアウトで、サイドバーを表示します。</td> </tr> <tr> <td>ヘッダ・フッタレイアウト</td> <td>サイドバーを表示せず、タイトルと本文のほか、ヘッダ・フッタが表示要素になります<a href="#f-33e764fb" id="fn-33e764fb" name="fn-33e764fb" title="詳細編集でヘッダとフッタを非表示にしていれば、タイトルと本文だけになります">*1</a>。</td> </tr> </tbody></table></div> <div class="section"> <h4 id="スマートフォンでのレイアウト">スマートフォンでのレイアウト</h4> <p>スマートフォンのデフォルト表示では、固定ページはPC版に準じたレイアウトになります。本文下の「プロフィール」「注目記事」などスマートフォン版に特有の要素は「記事レイアウト」では表示し、「ヘッダ・フッタレイアウト」では表示されません。</p><p>デザイン設定で「レスポンシブデザイン」を有効にしている場合には、スマートフォンでもPCと同じレイアウト、同じデザインテーマで表示されます。</p> </div> <div class="section"> <h4 id="ページのデザイン">ページのデザイン</h4> <p>固定ページに特有のデザインを施したい場合は、デザイン設定の「デザインCSS」で、ページごとの<code>body</code>に付与される次のクラスを使ってスタイルを記述できます。<code><i>XXXX</i></code>部分は、ページのURLになります。</p> <pre>static-page-<i>XXXX</i> </pre> </div> </div> <div class="section"> <h3 id="関連リンク">関連リンク</h3> <ul> <li><a href="/entry/editor">はてなブログの記事編集画面</a></li> <li><a href="/entry/pro">はてなブログPro（有料プラン）</a></li> <li><a href="/entry/import/directory">記事を配信するディレクトリを変更する</a></li> <li><a href="/entry/dashboard">ブログを管理する（ダッシュボード）</a></li> <li><a href="/entry/editor/revisions">編集履歴</a></li> </ul> </div> <div class="section"> <h3 id="関連記事はてなブログ開発ブログ">関連記事（はてなブログ開発ブログ）</h3> <ul> <li>2021-01-19 <a href="https://staff.hatenablog.com/entry/2021/01/19/122500"><img src="https://cdn-ak.favicon.st-hatena.com/?url=https%3A%2F%2Fstaff.hatenablog.com%2Fentry%2F2021%2F01%2F19%2F122500" alt="" class="http-favicon"></a><a href="https://staff.hatenablog.com/entry/2021/01/19/122500"> 固定ページでも、下書きのプレビューを他のユーザーと共有できる機能を追加しました</a></li> </ul> </div><div class="footnote"> <p class="footnote"><a href="#fn-33e764fb" id="f-33e764fb" name="f-33e764fb" class="footnote-number">*1</a><span class="footnote-delimiter">:</span><span class="footnote-text">詳細編集でヘッダとフッタを非表示にしていれば、タイトルと本文だけになります</span></p> </div> </div> <footer class="entry-footer"> <div class="entry-tags-wrapper"> <div class="entry-tags"> </div> </div> <p class="entry-footer-section track-inview-by-gtm" data-gtm-track-json="{"area": "finish_reading"}"> <span class="author vcard"><span class="fn" data-load-nickname="1" data-user-name="hatenablog">hatenablog</span></span> <span class="entry-footer-time"><a href="https://help.hatenablog.com/entry/pages"><time data-relative="" datetime="2017-06-27T06:16:23Z" title="2017-06-27T06:16:23Z" class="updated">2017-06-27 15:16</time></a></span> </p> <div class="social-buttons"> </div> <div class="customized-footer"> <div class="entry-footer-html"><div class="js-gtm-related-entries"></div></div> </div> </footer> </div> </article> <!-- rakuten_ad_target_end --> <!-- google_ad_section_end --> <div class="pager pager-permalink permalink"> <span class="pager-prev"> <a href="https://help.hatenablog.com/entry/app/iphone/faq" rel="prev"> <span class="pager-arrow">« </span> ［iOSアプリ］はてなブログにログインでき… </a> </span> <span class="pager-next"> <a href="https://help.hatenablog.com/entry/sidebarmodules/advanced" rel="next"> サイドバーに表示する記事一覧モジュール… <span class="pager-arrow"> »</span> </a> </span> </div> </div> </div> <aside id="box1"> <div id="box1-inner"> </div> </aside> </div><!-- #wrapper --> <aside id="box2"> <div id="box2-inner"> <div class="hatena-module hatena-module-html"> <div class="hatena-module-title">基本操作</div> <div class="hatena-module-body"> <ul class="hatena-urllist"> <li><a href="/entry/register">はてなブログを始める</a></li> <li><a href="/entry/config">ブログを設定する</a></li> <li><a href="/entry/design">デザインを変更する</a></li> <li><a href="/entry/writing">記事を書く</a></li> <li><a href="/entry/reading">ブログを読む</a> </li></ul> </div> </div> <div class="hatena-module hatena-module-html"> <div class="hatena-module-title">使いこなす</div> <div class="hatena-module-body"> <ul class="hatena-urllist"> <li><a href="/entry/pro">はてなブログPro（有料プラン）</a></li> <li><a href="/entry/blog-group">ブログ グループ</a></li> <li><a href="/entry/theme/custom-theme">テーマ制作の手引き</a></li> <li><a href="/entry/app/android">Androidアプリ</a></li> <li><a href="/entry/app/iphone">iPhoneアプリ</a></li> <li><a href="/entry/guideline">ガイドライン</a></li> </ul> </div> </div> <div class="hatena-module hatena-module-entries-access-ranking" data-count="10" data-source="access" data-enable_customize_format="0" data-display_entry_image_size_width="100" data-display_entry_image_size_height="100" data-display_entry_category="0" data-display_entry_image="0" data-display_entry_image_size_width="100" data-display_entry_image_size_height="100" data-display_entry_body_length="0" data-display_entry_date="0" data-display_entry_title_length="20" data-restrict_entry_title_length="0" data-display_bookmark_count="0"> <div class="hatena-module-title"> よく読まれているヘルプ </div> <div class="hatena-module-body"> </div> </div> <div class="hatena-module hatena-module-links"> <div class="hatena-module-title"> 関連リンク </div> <div class="hatena-module-body"> <ul class="hatena-urllist"> <li> <a href="http://staff.hatenablog.com/">はてなブログ開発ブログ（機能変更・お知らせ）</a> </li> <li> <a href="/entry/guideline">ガイドライン</a> </li> <li> <a href="http://htn.to/blogfaq">FAQとお問い合わせ</a> </li> </ul> </div> </div> </div> </aside> </div> </div> <div id="bottom-editarea"> <footer class="footer"> <address> Powered by <a href="http://hatenablog.com/">Hatena Blog</a> </address> </footer> </div> </div> </div> <div class="quote-box"> <div class="tooltip-quote tooltip-quote-stock"> <i class="blogicon-quote" title="引用をストック"></i> </div> <div class="tooltip-quote tooltip-quote-tweet js-tooltip-quote-tweet"> <a class="js-tweet-quote" target="_blank" data-track-name="quote-tweet" data-track-once=""> <img src="https://cdn.blog.st-hatena.com/images/admin/quote/quote-x-icon.svg?version=add51ddc2d3c0599e98ea1239ac012" title="引用して投稿する"> </a> </div> </div> <div class="quote-stock-panel" id="quote-stock-message-box" style="position: absolute; z-index: 3000"> <div class="message-box" id="quote-stock-succeeded-message" style="display: none"> <p>引用をストックしました</p> <button class="btn btn-primary" id="quote-stock-show-editor-button" data-track-name="curation-quote-edit-button">ストック一覧を見る</button> <button class="btn quote-stock-close-message-button">閉じる</button> </div> <div class="message-box" id="quote-login-required-message" style="display: none"> <p>引用するにはまずログインしてください</p> <button class="btn btn-primary" id="quote-login-button">ログイン</button> <button class="btn quote-stock-close-message-button">閉じる</button> </div> <div class="error-box" id="quote-stock-failed-message" style="display: none"> <p>引用をストックできませんでした。再度お試しください</p> <button class="btn quote-stock-close-message-button">閉じる</button> </div> <div class="error-box" id="unstockable-quote-message-box" style="display: none; position: absolute; z-index: 3000;"> <p>限定公開記事のため引用できません。</p> </div> </div> <script type="x-underscore-template" id="js-requote-button-template"> <div class="requote-button js-requote-button"> <button class="requote-button-btn tipsy-top" title="引用する"><i class="blogicon-quote"></i></button> </div> </script> <div id="hidden-subscribe-button" style="display: none;"> <div class="hatena-follow-button-box btn-subscribe js-hatena-follow-button-box"> <a href="#" class="hatena-follow-button js-hatena-follow-button"> <span class="subscribing"> <span class="foreground">読者です</span> <span class="background">読者をやめる</span> </span> <span class="unsubscribing" data-track-name="profile-widget-subscribe-button" data-track-once=""> <span class="foreground">読者になる</span> <span class="background">読者になる</span> </span> </a> <div class="subscription-count-box js-subscription-count-box"> <i></i> <u></u> <span class="subscription-count js-subscription-count"> </span> </div> </div> </div> <script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?v=1.12.4&version=add51ddc2d3c0599e98ea1239ac012"></script> <script src="https://cdn.blog.st-hatena.com/js/texts-ja.js?version=add51ddc2d3c0599e98ea1239ac012"></script> <script id="vendors-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/vendors.js?version=add51ddc2d3c0599e98ea1239ac012" crossorigin="anonymous"></script> <script id="hatenablog-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/hatenablog.js?version=add51ddc2d3c0599e98ea1239ac012" crossorigin="anonymous" data-page-id="entry"></script> <script>Hatena.Diary.GlobalHeader.init()</script> </body></html>