- ブログのテンプレート内に使用できる、独自タグの一覧を紹介している
- 「<$タグ名 ESCAPE$>」とタグ名の後に、"半角スペースとESCAPE"を記載するとエスケープ処理されて表示される
- ブログ全般のタグ、個別記事、コメントなどに分けて一覧を紹介している
ブログのテンプレート内に使用できる、変数として定義されている独自タグの一覧です。
<$タグ名$>このように記述するとそこに内容が出力されます。
タグによって利用できる範囲が異なります。
<$タグ名 ESCAPE$>
とタグ名の後に、"半角スペースとESCAPE"を記載すると
エスケープ処理されて表示されます。
利用例)
<$BlogTitle ESCAPE$>
なお、ブログデザインのCSS・HTML編集は、 サポートガイドライン記載の通りサポート対応の範囲外です。
お客様ご自身にてご確認・操作をお願いします。
また、ブログデザインのCSS・HTML編集はPC版のみ可能であり、スマートフォン版は編集できません。
また、ブログ崩れが発生しても弊社では対応いたしかねますので、予めご了承ください。
・[Blog PC版] カスタマイズしたデザインを保存する方法
ブログ全般のタグ
利用可能範囲:すべて
| タグ名 | 説明 | 備考 |
|---|---|---|
| BlogUrl | ブログURL | |
| BlogMobileUrl | モバイル版のブログURL | |
| MobileUrl | モバイル版のブログURL | |
| BlogTitle | ブログのタイトル | |
| BlogDescription | ブログの説明 | |
| BlogOwner | ブログ管理者のlivedoor ID | |
| AtomUrl | AtomのURL | |
| CSSUrl | CSSのURL | |
| FoafUrl | FOAFのURL | |
| RSSUrl | RSSのURL | |
| BlogRootCategoryName | ブログの親カテゴリ名 | |
| BlogRootCategoryUrl | ブログの親カテゴリURL | |
| BlogCategoryName | ブログの子カテゴリー名 | |
| BlogCategoryUrl | ブログの子カテゴリーURL | |
| BlogAuthJsUrl | コメントのID認証用JavaScript | |
| EmojiJsUrl | 絵文字用JavaScript | |
| MiscJsUrl | 各種機能用JavaScript | |
| CurrentUrl | 現在のURL | |
| BlogHeaderImageUrl | かんたんタイトル画像のURL | [Blog PC版] かんたんタイトル画像の設定方法 |
| BlogHeaderImageWidth | かんたんタイトル画像の横幅指定 | |
| BlogHeaderImageHeight | かんたんタイトル画像の高さ指定 | |
| BlogBackgroundImageUrl | かんたん背景画像のURL | [Blog PC版] かんたん背景画像の設定方法 |
| BlogBackgroundImageWidth | かんたん背景画像の横幅指定 | |
| BlogBackgroundImageHeight | かんたん背景画像の高さ指定 | |
| MessageBoard | メッセージボードを表示 | [Blog PC版] 固定情報を表示するメッセージボードの活用法 |
| PopularArticlesWithImageList | 人気記事(画像付)を表示 | [Blog PC版]『人気記事(画像付)』…画像付き記事ランキングを表示 |
| MessageForm | メッセージ入力のフォーム | [Blog PC版]『メッセージ』…閲覧者がブログ管理者へメッセージを送れる |
| MessageFormUrl | メッセージ入力フォームのURL | |
| MenuList | メニューバーのリストを表示 | [Blog PC版] メニューバーを設定する方法 |
| ArticleCoverImage | 記事の見出し画像 | [Blog PC版] 記事の見出し画像を設定する方法 |
| ArticleCoverImageThumbnail | 記事の見出し画像のサムネイル | [Blog PC版] 記事の見出し画像を設定する方法 |
個別記事
利用可能範囲:
- 個別記事ページ
- トップページ:IndexArticlesLoop内
- カテゴリアーカイブ:CategorizedArticlesLoop内
- 月別アーカイブ:MonthlyArticlesLoop内
| タグ名 | 説明 | 備考 |
|---|---|---|
| ArticleId | 記事ID | |
| ArticlePermalink | 個別記事URL | |
| ArticleMobilePermalink | 個別記事URL(モバイル) | |
| ArticleAuthor | 記事投稿者のID | |
| ArticleAuthorNickname | 記事投稿者のニックネーム | デフォルトでエスケープ処理される。<$articleauthornickname escape$="ESCAPE$">と記載する必要なし。</$articleauthornickname> |
| ArticleAuthorProfileUrl | 記事投稿者のプロフィールページのURL | |
| ArticleAuthorIcon | 記事投稿者のプロフィールアイコン | 登録情報のプロフィール画像(16x16)を表示 |
| ArticleAuthorIconUrl | 記事投稿者のプロフィールアイコンURL | (60x60ピクセル) |
| ArticleTitle | 記事タイトル | |
| ArticleDescription | 記事概要 | 記事本文の先頭部分を抜粋 |
| ArticleBody | 本文 | |
| ArticleBodyMore | 追記 | |
| ArticleRatingIcon | 評価アイコン | |
| ArticleCommentCount | コメント数 | |
| ArticleCategory1 | 記事のカテゴリ名(1) | 「ArticleCategory」と同一 |
| ArticleCategory1Url | 記事のカテゴリURL(1) | 「ArticleCategoryUrl」と同一 |
| ArticleCategory1Id | 記事のカテゴリID(1) | |
| ArticleCategory2 | 記事のカテゴリ名(2) | |
| ArticleCategory2Url | 記事のカテゴリURL(2) | |
| ArticleCategory2Id | 記事のカテゴリID(2) | |
| ArticleDate | 記事の投稿時間(年月日) | 例:2013年06月18日 |
| ArticleDateTag | 記事の投稿時間(年月日・8桁表記) | 例:20130618 |
| ArticleDateISO8601 | 記事の投稿時間(ISO8601形式) | 例:2013-06-18T10:15:17+09:00 |
| ArticleDateYear | 記事の投稿時間(年) | 例:2013 |
| ArticleDateYearShort | 記事の投稿時間(年・短縮形) | 例:13 |
| ArticleDateMonth | 記事の投稿時間(月) | 例:6 |
| ArticleDateMonthName | 記事の投稿時間(月) | 例:6月 |
| ArticleDateMonthNameLong | 記事の投稿時間(月) | 例:六月 |
| ArticleDateDay | 記事の投稿時間(日) | 例:18 |
| ArticleDateWday | 記事の投稿時間(曜日・数値) | 例:3 |
| ArticleDateWdayName | 記事の投稿時間(曜日・短縮形) | 例:火 |
| ArticleDateWdayNameLong | 記事の投稿時間(曜日) | 例:火曜日 |
| ArticleTime | 記事の投稿時間(時分) | 例:10:15 |
| ArticleTimeHMS | 記事の投稿時間(時分秒) | 例:10:15:17 |
| ArticleDateHour | 記事の投稿時間(時) | 例:10 |
| ArticleDateMinute | 記事の投稿時間(分) | 例:15 |
| ArticleDateSecond | 記事の投稿時間(秒) | 例:17 |
| ArticleCommentUrl | コメントURL | |
| ArticleEditUrl | 記事の編集用URL | [Blog PC版] 記事編集リンク追加のカスタマイズについて |
| RelatedArticles | 同じカテゴリの最新記事表示 | |
| CommonTheme | 参加している共通テーマの表示 | |
| PortalLinks | 共通テーマとタグの表示 | |
| NextArticle | 次の記事のURL | |
| PrevArticle | 前の記事のURL | |
| NextArticleTitle | 次の記事タイトル | |
| PrevArticleTitle | 前の記事タイトル | |
| ArticleNum | ループ内での記事の順番 |
記事タグ関連
記事につけるタグに関する独自タグです。通常はArticleTagListを利用してください。
利用可能範囲:
- 個別記事ページ
- トップページ:IndexArticlesLoop内
- カテゴリアーカイブ:CategorizedArticlesLoop内
- 月別アーカイブ:MonthlyArticlesLoop内
| タグ名 | 説明 | 備考 |
|---|---|---|
| ArticleTag | タグ | |
| ArticleTagNumber | タグ番号 | |
| ArticleTagAggregateUrl | タグ別ページURL | 例:http://blog.livedoor.com/t/tag |
| ArticleTagUrl | タグ別ページURL(ブログ内) | 例:http://blog.livedoor.jp/staff/tag/ |
HTMLタグセット
| タグ名 | 説明 | 備考 |
|---|---|---|
| ArticleTagsList | タグのリスト表示セット |
コメント
利用可能範囲:
- 個別記事ページ
- トップページ:IndexArticlesLoop内
- カテゴリアーカイブ:CategorizedArticlesLoop内
- 月別アーカイブ:MonthlyArticlesLoop内
| タグ名 | 説明 | 備考 |
|---|---|---|
| CommentAuthor | 名前 | |
| CommentEmail | メール | |
| CommentUrl | URL | |
| CommentBody | 本文 | |
| CommentRatingIcon | コメントの評価アイコン | |
| CommentDateTime | コメント日時 | |
| CommentStatus | コメントの公開状態(0:下書き / 1:公開 ) | |
| CommentIdString | コメント記入者のID | |
| CommentNumber | コメント番号 | |
| CommentDeleteUrl | コメントの削除用URL | |
| CommentLoginUrl | コメント認証ログインURL | |
| CommentLogoutUrl | コメント認証ログアウトURL |
HTMLタグセット
| タグ名 | 説明 | 備考 |
|---|---|---|
| CommentForm | コメント投稿フォーム | [Blog PC版] コメント表示のカスタマイズについて |
| CommentForm2 | ||
| CommentsList | コメント一覧 |
カテゴリ別アーカイブ
利用可能範囲:
- カテゴリアーカイブ:CategorizedArticlesLoop内
| タグ名 | 説明 | 備考 |
|---|---|---|
| CategoryName | カテゴリ名 | |
| NextPage | 次のページURL | |
| PrevPage | 前のページURL |
月別アーカイブ
利用可能範囲:
- 月別アーカイブ:MonthlyArticlesLoop内
| タグ名 | 説明 | 備考 |
|---|---|---|
| MonthLabel | 年月 | 例:2007年10月/October 2007 |
| NextPage | 次のページURL | |
| PrevPage | 前のページURL |
ナビゲーション
前後の記事や分割されたページへのリンクが表示されるタグセットです。
カスタム機能を使うことで表示をカスタマイズすることができます。
詳細は以下ヘルプページをご覧ください。
| タグ名 | 説明 | 備考 |
|---|---|---|
| IndexNavigator | トップページ用 | [Blog PC版] 独自タグ『ページナビゲーション』…ページナビゲーションを表示するタグ |
| ArticlePager | 個別記事用 | |
| ArchivesPager | 月別/カテゴリ別アーカイブ用 |
ギャラリーモード
ギャラリーモードは、写真やイラストを見せることに特化したブログを作るためのモードです。
詳細や表示例は以下ヘルプページをご覧下さい。
| タグ名 | 説明 | 備考 |
|---|---|---|
| UseGalleryMode | ギャラリーモードに設定するための宣言 | <$HeadSectionCommon$>よりも前に記述 |
| ArticleFirstImage | 記事の最初の画像 | |
| ArticleFirstImageThumbnail | 記事の最初の画像のサムネイル | |
| ThumbnailWidth | サムネイルの横幅を指定 | |
| ThumbnailHeight | サムネイルの縦幅を指定 |
外部サービスとソーシャルボタン
ソーシャルボタンは<$ArticleToolBox$>のタグが含まれたテンプレートの場合はマイページからの操作で簡単に設置することができます。
このタグの含まれないテンプレートに設置する場合や、個別の表示を細かく調整したい場合などには以下の独自タグを使用して設置することも可能です。
| タグ名 | 説明 | 表示される形式 |
|---|---|---|
| ArticleToolBox | ソーシャルボタンの表示 | マイページで設定したものをすべて表示します [Blog PC版] SNS共有ボタンを設置する方法 |
| HatenaBookmark | はてなブックマークボタン | |
| HatenaBookmarkVertical | はてなブックマークボタン | |
| HatenaBookmarkSimple | はてなブックマークボタン | |
| 「ツイートする」ボタン | ||
| TwitterHorizontal | 「ツイートする」ボタン | |
| TwitterVertical | 「ツイートする」ボタン | |
| TwitterEn | 「Tweet」ボタン(英語) | |
| TwitterHorizontalEn | 「Tweet」ボタン(英語) | |
| TwitterVerticalEn | 「Tweet」ボタン(英語) | |
| Tumblr1 | 「Tumblr」ボタン | |
| Tumblr2 | 「Tumblr」ボタン | |
| Tumblr3 | 「Tumblr」ボタン | |
| Tumblr4 | 「Tumblr」ボタン | |
| Tumblr1t | 「Tumblr」ボタン | |
| Tumblr2t | 「Tumblr」ボタン | |
| Tumblr3t | 「Tumblr」ボタン | |
| Tumblr4t | 「Tumblr」ボタン |
特殊タグ
特殊タグはまとまったHTMLのセットで出力され、内容を変更することはできません。また、ご利用のプランによって削除できないタグがありますのでご注意ください。
| タグ名 | 説明 | 備考 |
|---|---|---|
| PluginList_A | 「A」設定のプラグイン表示 | |
| PluginList_B | 「B」設定のプラグイン表示 | |
| LDServices | ブログのロゴ表示 | |
| BlogHeader | 共通ヘッダー表示 | |
| BlogFooter | 共通フッター表示 | |
| HeadSectionCommon | 共通head内タグ | head内に記述すべきHTMLタグセット |
| OGP | OGP対応用のタグ | [Blog PC版] OGPでFacebookとXの表示内容設定について |
| Advertise | 広告表示 |
独自タグのタグセットで書き出されるソースコードの内容を例示します。
表示するページや機能修正によって内容が異なる場合があります。
HeadSectionCommon
- HTML
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="https://parts.blog.livedoor.jp/css/template.css?v=20130404" type="text/css" />
<link rel="stylesheet" href="http://blog.livedoor.jp/staff/site.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://blog.livedoor.jp/staff/index.rdf" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="http://blog.livedoor.jp/staff/atom.xml" />
<link rel="openid.server" href="http://auth.livedoor.com/openid/server" />
<link rel="openid.delegate" href="http://profile.livedoor.com/staff/" />
<link rel="next" href="http://blog.livedoor.jp/staff/?p=2" />
OGP
- HTML
<meta property="og:type" content="blog" />
<meta property="og:title" content="livedoor Blog 開発日誌" />
<meta property="og:description" content="新機能、新サービス、キャンペーン、障害などの最新情報をお伝えします。" />
<meta property="og:url" content="http://blog.livedoor.jp/staff/" />
<meta property="og:image" content="https://livedoor.blogimg.jp/staff/imgs/d/c/dc860df9.png" />
<meta property="og:site_name" content="livedoor Blog 開発日誌" />
<meta property="og:locale" content="ja_JP" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@livedoorblog" />