『Seesaa』ブログで『記事のコンテンツHTML』を新しいソーシャルボタンの仕様に対応させた

【カテゴリ：パソコン　ブログカスタマイズの記録】

今年の１月くらいだと思うのですが、『Seesaa』ブログで記事の中に表示している『ソーシャルボタン』の仕様が変わりました。

それに伴って『記事のコンテンツHTML』の内容も一部変更されたのですが、自分の場合はカスタマイズしていたため、その変更箇所は自分で直接ソースコードに反映させる必要がありました。

しかし『ソーシャルボタン』についてはあまり関心が無く、何がどう変わったのかもよく分からなかったのでずっとほったらかしていたのですが、先々週くらいに『ソーシャルボタン』の設定を変更したらボタンが表示されなくなったりしたため、今更ですが『記事のコンテンツHTML』への変更をフォローしました。

よって、今回はその記録です。

スポンサーリンク

参考までに、以下はヘルプや『Seesaaからのお知らせ』ブログの中で『ソーシャルボタン』に関連するページです。

設定＞ 詳細設定＞ ソーシャルボタン: ブログ・ヘルプ:
http://faq.seesaa.net/article/261492416.html

【Seesaaブログ】ソーシャルボタンの表示不具合について:Seesaaからのお知らせ:
http://info.seesaa.net/article/369615386.html

【Seesaaブログ】ソーシャルボタン機能改修のお知らせ:Seesaaからのお知らせ:
http://info.seesaa.net/article/317225630.html

【Seesaaブログ】ソーシャルボタン機能一部改修のお知らせ:Seesaaからのお知らせ:
http://info.seesaa.net/article/303902096.html

．．．

以下は自分の場合の例ですが、『記事のコンテンツHTML』への変更は２箇所でした。

・１つ目の変更箇所

　以下は変更前の該当箇所です。

<% if:blog.bookmark_service %>
<script type="text/javascript" language="javascript" charset="utf-8">
//<![CDATA[
seesaa_bookmark_services = "<% blog.bookmark_service %>";
seesaa_article_page_url = "<% article.page_url %>";
seesaa_article_subject = "<% article.subject | remove_emoji | jsescape | tag_strip %>";
seesaa_blog_url = "<% site_info.blog_url %>";
seesaa_bookmark_info = <% blog.bookmark_info | to_json %>;
seesaa_article_first =<% if:__first__ %>1<% else %>0<% /if %>;
seesaa_article_last = <% if:__last__ %>1<% else %>0<% /if %>;
//]]></script>
<script type="text/javascript" language="JavaScript" charset="utf-8" src="<% site_info.blog_url %>/js/bookmark.js"></script>
<% /if %>

　以下は変更後です。

<% if:blog.bookmark_service %>
<div class="bookmark" data-url="<% article.page_url %>" data-subject="<% article.subject | remove_emoji | nl2br | tag_strip | html %>"></div>
<% /if %>

　【変更内容】変更前の青い行の部分を変更後の赤い行に変えました。

・２つ目の変更箇所

　以下は変更前の該当箇所です。

<% /if -%>
<!-- /Content -->
<% content.footer -%>

　以下は変更後です。

<% /if -%>
<div id="balloonBox"></div>
<script type="text/javascript" charset="utf-8" src="<% site_info.blog_url %>/js/bl-bookmarks.js?20130723"></script>
<script type="text/javascript" charset="utf-8">
var bookmark_services = "<% blog.bookmark_service %>".split('-').join('').split(",");
var seesaaBookmarks = new blBookmarks({bookmark_services:bookmark_services, blog_url:"<% site_info.blog_url %>"});
seesaaBookmarks.exe();
</script>
<!-- /Content -->
<% content.footer -%>

　【変更内容】赤い行の部分を追加しました。

．．．

ちなみに『コンテンツHTML』を編集する際の手順については、以下の記事の中で書いています。

※ 参考記事：2013年09月03日
『Seesaa』ブログでCSS（スタイルシート）やHTMLを編集する際の手順
２．コンテンツHTMLの編集

以下は参考用として、『設定＞ 詳細設定＞ ソーシャルボタン』の画面で今現在自分が設定している内容をキャプチャした画像です。

以上です。

スポンサーリンク