読者です 読者をやめる 読者になる 読者になる

SLview+開発日誌

「SLview+」の開発記録となります。

SLview+は、 各種ソーシャルボタン(Twitter)にて登録・カウントされた数(RT)を集計して、ブログ・サイトにランキング表示をするWebパーツです。

開発に協力していただいているアキバBlog様のRTランキング。

はてなブログにてSLview+が利用可能になりました。

本日、はてなブログのHTML文書のhead要素をカスタマイズできるようにしました。

詳細設定ページに新たに追加した「headに要素を追加」欄で、head要素に追加するHTMLやスクリプトを自由に記述できます。

はてなブログ開発ブログ

 SLview+の確認タグが設置できるようになり、SLview+が利用できるようになりました。
人気記事の表示とTwitterへの連携ツイートが可能です。

はてなブログでの利用方法

SLview+に登録後「新しく追加する」ボタンをクリックし、サイト追加ウィザードを表示します。

f:id:psne:20140219211602p:plain

利用したいブログのURLを http://~ から入力します。

 

続きを読む

デザイン設定(CSS)の仕様が変更されました

開発記録

SLview+が使用するCSSの仕様変更により、複数設置しても問題なく表示されるようになりました。

仕様変更による表示の影響について

設置方法の違いにより、サイト側CSSの修正を行っていただく場合がございます。

CSSをSLview+から送信する」設定の場合

仕様の変更に自動的に対応されます。手動にて修正をする箇所はありません。
そのままご利用ください。

独自にカスタマイズするため、CSS送信をオフにしている場合

以前のCSSに、貼り付けコードにある識別用の文字列を追加していただく事で引き継がれます。
f:id:psne:20131018092646p:plain

CSSエディタにて、修正済みのCSSを入手することが出来ますので、どうぞご利用ください。

なお、送信をオフにされていた場合、仕様変更時に表示が崩れてしまうため、近似の色設定でSLview+からCSSを送信する設定に変更させていただいております。
上記の修正を行い設定をオフにすることで、カスタマイズをした表示をすることが可能になります。

デザイン設定(CSS)の仕様が変更されます

開発記録

SLview+を複数設置しても問題なく表示されるよう、デザインの仕様が変更になります。
CSSエディタ内の「CSS(デザイン設定)をSLview+から送信する」チェックがONになっている場合は自動的に対応されますが、
独自にカスタマイズされている場合はデザインが崩れてしまうことがあります。
このため、一時的にすべてのデザイン設定を「SLview+より送信する」設定に変更いたします。

独自にカスタマイズを行っているユーザーの皆様にはお手数をお掛けしますが、
CSSの再設定を行って頂きますよう、よろしくお願いします。

記事の画像・タイトルの差し替えに対応いたしました。

開発記録
  • 記事の編集を行いタイトルを変更したが、古いタイトルのままになる
  • アイキャッチ画像を間違えた・挿入を忘れてしまった為、テキストのみになってしまった

以上の問題が解消されます。


f:id:psne:20130320223035p:plain
画像の再取得を行ったイメージ


f:id:psne:20130320223152p:plain
タイトルの再取得を行ったイメージ


なお、RSSのリストから一定の確率で更新を行うため、更新されるまでに時間がかかる場合があります。

画像の取得にはOGP(Open Graph Protocol)を利用しています。
WordPressMovable Typeなどを利用の場合は、facebook向けの対応・プラグインの導入を行うことでSLview+にも対応できるようになります。

CSSエディタにて、ランキングの縦表示が設定できるようになりました。

開発記録

f:id:psne:20130319194901p:plain
CSSエディタの機能追加を行い、ランキング表示を縦・横・縦二列表示ができるようになりました。

なお、従来通りの設定(横表示)のまま、スタイルシート

.SLview_container{
 width : (ランキング表示1つ分の幅)px;
}

と設定する事でも縦表示が可能です。
表示個数を9個、3個分の幅に設定すると 3×3表示になります。
どうぞご利用ください。

デザイン(CSS)出力の仕様を変更しました。

開発記録

f:id:psne:20130309225022p:plain
CSSエディタの仕様変更を行い、ランキング表示と併せてデザイン設定(CSS)を出力できるようになりました。
ブログ側のデザイン(CSS)を編集する箇所が少なくなり、より簡単に導入できるようになりました。

なお、「CSS(デザイン設定)をSLview+から送信する」のチェックをオフにする事で、従来通りの設定や柔軟なカスタマイズが可能です。
どうぞご利用ください。

メインページのデザインを変更、ページランク表示機能が追加されました

Ver0.85より、メインページのデザインを変更し、設定ごとの変更ボタンが追加されました。
それぞれのボタンを押すことにより、専用のウインドウが開きます。
設定内容の変更は従来通りとなります。

また、登録されているサイトのページランクを表示する機能が追加されました。(β版)
f:id:psne:20121203201741p:plain
Pagerank行にてグラフと数値で表示されます。

これからもSLview+をよろしくお願いいたします。