はてなブログ開発ブログ

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

ブログをカスタマイズしよう! 記事ページのタイトルと本文の間(記事上)にもソーシャルパーツなどを配置できるようにしました

はてなブログでは、記事ページの「記事上」部分をカスタマイズできる機能を追加しました。記事タイトルと本文の間にソーシャルパーツなどを表示できます。

「記事上」設定画面と記事ページのプレビュー
「記事上」設定画面と記事ページのプレビュー

「記事上」は、これまでに提供してきた「記事下」と同様に、デザイン設定の「カスタマイズ」タブにある「記事」で設定できます。「記事上」欄に任意のHTMLコードおよびスクリプトを記述でき、はてなブログが標準で提供していないソーシャルパーツや、広告を掲載できます。どうぞご利用ください。

参考:2012-07-18 記事下部分をカスタマイズできるようにしました - はてなブログ開発ブログ

なお、広告の掲載に際しては、はてなブログ「ガイドライン」の「広告ポリシー」や「禁止事項」をご覧のうえご利用ください。

ガイドライン - ヘルプ - はてなブログ

記事上の設定に関する注意点 - 記事ページとは

記事ページ(または記事個別ページ)とは、ブログのエントリーを単体で表示したページで、記事ごとのパーマネントリンク(パーマリンク)で閲覧できます。例えば、次のようなURLのページです。

http://staff.hatenablog.com/entry/2012/07/18/163549

デザイン設定のカスタマイズの「記事」で設定できる「記事上」および「記事下」は、記事ページのみで表示されます。ブログのトップページ等では表示されません。全ページで上下部分に表示したいときは、カスタマイズの「ヘッダ」または「フッタ」をご検討ください。

また「記事」をカスタマイズする際には、記事ページを確認できるようデザイン設定のプレビューを切り替えてください。

パーツを設置する際に記事URLなどを指定する必要がある場合

ソーシャルパーツでは、表示されているページのURLやタイトル等が必要になることがあります。「記事上」および「記事下」欄では、URL等を次のような変数で指定できます。例えば、{Title}と書いておくと、表示する際に実際のタイトルで置き換えます。

変数 説明
{Title} 記事のタイトル
{Permalink} 記事のURL
{URLEncodedPermalink} URLエンコードされた記事URL