こんばんは。前回のエントリーでv1.7系からv1.8にバージョンアップする際の差分ファイルを添付していましたが、ソーシャルブックマーク関連の画像ファイルやらスタイルシート関連の説明が抜けていました。
v1.8からは、複数記事表示の際は、ソーシャルブックマークエントリーのためのボタンが表示されます。このボタンをクリックすると、その動的に作成された、各ソーシャルブックマークへのアイコンがボックス表示されるようになります(template.phpで%_ARTCL_SBM_%を有効にしている場合です。この指定は従来通り)。
この動的に作成されたボックスは、以下のようなHTMLをはき出します。
<div class="sbm-pop" id="SBM1238692993"> <p class="sbm-close"><img style="cursor: pointer;" src="Images/button-close.png" alt="close" title="閉じる" onclick="this.parentNode.parentNode.style.display='none';" /></p> <p class="sbm-intro">各種ソーシャルブックマークにこのエントリーを登録できます。</p> <ul> <li><a rel="nofollow" href="(省略)"><img src="Images/bookmarks/hatenab.png" title="この記事をはてなブックマークに追加" width="16" height="12" alt="はてなブックマーク"/> はてなブックマーク</a></li> <li><a rel="nofollow" href="(省略)"><img src="Images/bookmarks/deliciousb.png" title="この記事をdel.icio.usに追加" width="14" height="14" alt="del.icio.us"/> del.icio.us</a></li> <li><a rel="nofollow" href="(省略)"><img src="Images/bookmarks/livedoorb.png" title="この記事をlivedoorクリップに追加" width="14" height="14" alt="livedoorクリップ"/> livedoorクリップ</a></li> <li><a rel="nofollow" href="(省略)"><img src="Images/bookmarks/twitter.png" title="この記事をTwitterに追加" width="14" height="14" alt="TwitThis!"/> TwitThis!</a></li> <li><a rel="nofollow" href="(省略)"><img src="Images/bookmarks/facebook.png" title="この記事をfacebookに追加" width="14" height="14" alt="facebook"/> facebook</a></li> <li><a rel="nofollow" href="(省略)"><img src="Images/bookmarks/buzzurlb.png" title="この記事をBuzzurlに追加" width="14" height="14" alt="Buzzurl"/> Buzzurl</a></li> <li><a rel="nofollow" href="(省略)"><img src="Images/bookmarks/yahoob.png" title="この記事をYahoo!ブックマークに追加" width="16" height="16" alt="Yahoo!ブックマーク"/> Yahoo!ブックマーク</a></li> <li><a rel="nofollow" href="(省略)"><img src="Images/bookmarks/googleb.png" title="この記事をグーグル ブックマークに追加" width="14" height="14" alt="グーグル ブックマーク"/> グーグル ブックマーク</a></li> </ul> </div>
上にあるように、新しくsbm-popやsbm-intro, sbm-infoなどのクラス名が指定されています。テーマ:ベーシックでは、これに対応するCSSは以下の感じです。
div.sbm-pop { padding: 2px; font-size: 12px; width: 250px; background: ivory; border: solid 3px green; z-index: 1000;} div.sbm-pop ul { list-style: none; padding: 10px;} div.sbm-pop ul li { margin-top: 5px;} div.sbm-pop .sbm-close { text-align: right;} div.sbm-pop .sbm-intro, div.sbm-pop .sbm-info { padding: .5em 1em;}
単独記事表示の時は、今までのように、各ソーシャルブックマークへのアイコンが表示された状態となります。
このソーシャルブックマーク関連で、生成したボックスに含まれるLI要素の対応がおかしかったので、utils.phpの2000行から始まるsocialBookmark関数を少し修正しました。
このutils.phpと、ソーシャルブックマークへのエントリーアイコンを添付しておきます。これらのアイコンのうち、sbm.pngは、トップディレクトリのImagesディレクトリにアップロードして下さい。また、facebook.pngとtwitterのアイコンは、同じImagesディレクトリの中にあるbookmarksディレクトリにアップロードして下さい。
Comments