v1.5からv1.6系への移行

category-icon

1 of 212Next»
 こんばんは。昨日、1.6.0をリリースしましたが、手元には既にv1.6.1があったりします(--) IE(インターネットエクスプローラー)の存在を忘れてまして。JavaScriptとCSS(スタイルシート)関連のデバッグには、Firefoxのエラーダイアログを活用しているのですが、とびきりモダンなFirefoxでエラーがないと、ついつい安心してしまって・・・。

 と、言い訳はそれぐらいにしておいて、簡単に1.5系から1.6系へのアップデートについて書いておきます。

  • 基本的に今回は、スタイルシートで新しいクラスを追加したりはしていないので、各テーマで修正がいるということはないと思います。
  • またログもそのままですし、キモの定義ファイルini.inc.phpもいじりません。
  • 今回のアップは、管理画面での動作や見栄えの修正が殆どなので、ほぼすべてのmudulesディレクトリのファイルは上書き更新して下さい。
  • 同様に、admin.phpやそれのCSSであるadmin.css,editor.cssなどが上書きの対象になります。
  • あと、キモのJavaScriptライブラリのlib.js/editor.jsもかなりいじりました。なので、もしこれを独自にカスタマイズをしている方は注意が必要かもしれません。
  • 具体的には、以前あった roundedStyle() という関数があって、これは角丸コーナーのための関数で、スタイルシートのクラス名 rounded を持つボックスに対して発動するのですが、これの名前が cornerPlay()に変わりました。また、クラス名としては corner-play になります。なので、もし、rounded というクラス名を付けて記事を書いていた方は(殆どいないと思いますが・・・)、対象ログでcorner-playに置換するなどの作業が必要になるかと思います。すみませんねぇ、roundedがあまりに一般的過ぎる名称なんで。。スクリプト自体も、結構、安定させたつもりです。
  • あとは、サイドバーの各ボックスは、標準で閉じたり開いたり出来てたわけですが、クッキーを使って、読み手が操作した状態を覚えるようにしました。なので、クッキーが有効なら、ボックスの開閉状態が、次にページを訪れたときに再現される寸法です。
  • 同じサイドボックスの開閉についてですが、なるべくHTMLソースとJavaScriptソースとを分離させたいという思想から、HTMLの中でonclick="・・・"というのは避けて、lib.jsで一括して指定するような挙動になっています。
  • モブログ関連は、結構強化したつもりです。管理画面を見ていただければ分かりますが、色々指定できるようになりました。カテゴリーだとか、コメントやトラックバックの受付可否だとか。
  • トップディレクトリのImagesについては、いくつか描き直したりしてるので、軒並み上書きすれば良いと思います。
  • とくにセキュリティー関連でアップデートが必要ということはないので、現状のバージョンで不満なく使えているのであれば、バージョンアップも必要ないかとは思いますが、個人的にはオススメですよ;-)

 てなとこですかねぇ。次のページにcornerPlayの実際を示します

1 of 212Next»

— posted by martin at 08:23 pm   commentComment [7]  pingTrackBack [1]

この記事に対するコメント・トラックバック [8件]

scrollUp1. BENIT Website — 2007/03/01@07:30:24

アップデートお疲れ様です。角丸ボックスはよく利用するのでバリエーションが増えて嬉しいです:)

今のところ、今回のバージョンアップによる不具合は特に出ていません。
が、以前より出ている不具合が一つあったのを思い出しました。

リスト表示かつAjax機能ONでポップアップ式に記事を閲覧できますが、「続きを読む」機能やページ機能を使ってエントリが伸び縮みしても、記事下部にあるCLOSEボタンの位置が変わりません。

理由はなんとなく分かるのですが、報告例がなかったように思えたので一応報告させていただきました。

また、今回のアップデートよりサイドボックスの開閉の仕様が変わりましたが、これだとテンプレートに直接、自分でボックスを追加することはできませんよね? 色々試したのですがどれも動かなかったので。
もしそういう仕様なら、出来ればテンプレートへ直接サイドボックス(開閉ボタン付き)を記述できる方法を残しておいていただけると嬉しいです。
というのも、自分で追加するだけならindex.phpなどに追記すればできますけれども、一応テーマを作って配布している身としましては、テンプレートファイルだけでどうにかできた方が助かるわけでしてf(--;


そういえば、この記事へのリンクをエントリ内に含んでいるのにトラックバックができませんでした。残念……。

Owner Comment martin  2007/03/02@00:34:42

こんばんは。CLOSEボタンの件は、把握してましたが忘れてましたねぇ。これは、lib.jsの527行目あたりから始まるloadArticle関数の中、567行目あたりに

addEvent(articleContent, "click", function(){
setTimeout(
function(){
var wrapperHeight = parseInt(getRuntimeStyle(articleWrapper, "height"));
setXY(closeImg2, parseInt(wrapperWidth - 100), parseInt(wrapperHeight - 35));
}, 50);
});

を追加してみてはいかがでしょうか。

 あと、サイドボックスですが、template.phpに記述する方法で、例えば、

<div id="bookmarks" ><h3 class="sidebar-cap" title="Category"><span onclick="toggleBox(this);" class="expand-icon" title="閉じる"></span> Bookmarks</h3>
<ul class="sidebar-body sidebar-bookmarks" style="display:block;">
<li>foo</li>
<li>bar</li>
</ul><div class="sidebar-foot"></div><!--#sidebar-bookmarks-->
</div><!--#bookmarks-->


みたいな感じでいけると思います。まぁ、onclickが入りますが。他にもlib.jsをちょいといじる方法もあります。そのあたりは柔軟に対処できますよ。

3. BENIT Website — 2007/03/01@15:09:31

追加で質問・要望です。
角丸ボックス使用の際、黒背景に白文字の指定をしていると文字が色の関係で文字が消えてしまいます。
div.corner-play と blockquote.corner-play に背景色および文字色を指定すれば問題ないかと思ったのですが、背景色を黒(#000)にすると枠線まで消えてしまいました。背景色と枠線の色になんらかの関係があるのだとは思いますが…。
エントリで述べられているように、インラインで直接指定すればいい話ではあるのですが、使うたびに一々指定するのはやはり面倒です。
現在、背景色の指定は外部スタイルシートより行えますが、枠線の色の指定が行えません。なので、枠線の色も外部スタイルシートより指定できるようにしていただけると便利かと思います。

ppblogユーザーの方々のブログを見て回る限り、黒背景は割と珍しいみたいですが……f(--;

Owner Comment martin  2007/03/02@00:49:31

ボーダーの色ですよね、これ、珍しくIEでは普通に取得できるんですが、Firefoxがダメなんですよねぇ。外部CSSの指定をなぜか取得できないんです。IE(Operaもかな)で見れば、色指定が効いていると思います。これはFirefoxのバグ?

5. BENIT Website — 2007/03/02@02:24:20

>CLOSEボタン
ばっちり動作しました!;-)

>toggle
こちらも動作するようになりました。お手数をおかけして申し訳ないです。自力解決したかったのですが……(++!)

>角丸ボックスのボーダーの色
たしかにIEでは正常に色が反映されてました。Firefox大好きな自分としてはショックです……。
さしあたって

.article-content div.square ,/*Firefox用、角角ボックスのみの色指定*/
.article-content div.square div ,
.article-content div.square span ,
.article-content div.square span span ,
.article-content blockquote.square ,
.article-content blockquote.square div ,
.article-content blockquote.square span ,
.article-content blockquote.square span span {
border-color: #99CC00 !important;
background-color: #000000;
color: #FFFFFF;
}

こういうとんでもない指定をすると、角角ボックスに限りFirefoxでもボーダー色を無理やり指定できました。この方法で角丸もいけるかと思ったのですが、上下の枠線に色がつきませんでした…。

以前よりエディタを改造しているので、勢い余って角丸ボックス入力時に色入力でもしてみようかとか色々考えたのですが、結局面倒なのにはかわらないので、ここは大人しく、角丸ボックスの背景色には白系を指定したいと思います(TT)

scrollUp6. 気紛れ日記 Website — 2007/03/10@17:44:44

この「気紛れ日記」で利用させていただいているppBlog。自分でいろいろ手を加えてしまっているので「同じような形にするのは面倒」ってことでずっと手を付けてなかったのですが、機能もかなり拡張されているよ...
続き »

7. ぷらむ — 2007/03/17@10:24:13

これまでのここでのコメント内容と重複する内容かも知れませんが、気になった点を1点。

角丸コーナー等三つの囲い込み枠ですが、<div class="corner-play square">と</div>の間に、
<span style="color:#0000ff;">・・・・</span>などを挿入すると、枠の下線が消えてしまいます。中にはそういうタグを入れてはいけない仕様になっていますか?
それから、角丸と3Dは見た目に違いがよくわからないので、バックの色を変えて使いたいと思いますが、色の変更箇所を教えていただけたら、ありがたいのですが。

8. ぷらむ — 2007/03/17@11:10:19

もう一つありました。
>こんばんは。CLOSEボタンの件は、把握してましたが忘れてましたねぇ。これは、lib.jsの527行目あたりから始まるloadArticle関数の中、567行目あたりに ・・・

これで、CLOSEボタンが下の方に移動してくれるようになり、たいへん喜んでいますが、移動するのは1回目だけで、続けてほかのところで、ajaxのコメント・ボタンを押すと、CLOSEボタンは下に移動せず、そのままです。
ここを直していただけると、なおうれしいのですが。

この記事に対する TrackBack URL:

設定によりTB元のページに、こちらの記事への言及(この記事へのリンク)がなければ、TB受付不可となりますのであらかじめご了承下さい。

コメントをどうぞ。 名前(ペンネーム)と画像認証のひらがな4文字は必須で、ウェブサイトURLはオプションです。

ウェブサイト (U):

タグは使えません。http://・・・ は自動的にリンク表示となります

:) :D 8-) ;-) :P :E :o :( (TT) ):T (--) (++!) ?;w) (-o-) (**!) ;v) f(--; :B l_P~

     
T: Y: ALL: Online:
Created in 0.0042 sec.
prev
2024.3
next
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31