記事一覧

WebDiaryProスキン「BB」 ver4.22~4.31用

ファイル 92-3.jpg

skin_bb(lzh)
skin_bb(zip)

 【サンプルページはこちら】

1カラムっぽいスキン「BB」を配布開始。
スキンやテンプレートを公開するのはこれが始めてでして、
まだXHTMLやCSSで不勉強な部分があるかもしれません。
ビシバシと変なところをご指摘いただけますと嬉しいです。

 ×「ナビゲーションを常に表示」に未対応(かろうじてエラーは出ませんが)
 ×「.today」が反映されない(スクリプト同士の相性の問題)

以上の問題点があります。

これらの問題点を解消した別スキンも作成しようかと試みていますが、
この「BB」と比べるとかなり複雑で
メニュー表示ON・OFFをする場合やカスタマイズが難しくなると思われます。
一番カスタマイズが自由に効くものをまず先に、と思っていたので、
こちらの別バージョンは気長に作っていく予定です。

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +

※…と思っていたのですが、ver4.32から
 ナビゲーションと本文スキンの入れ替え設定が可能になりました。
 このスキンは旧バージョン対応ということでそのままにしますが、
 作り直した新バージョン対応のもの(BB II)も作成しました
 こちらは常にナビゲーションが表示されます。

CSSをRSSに適用する

■1カラムスキンに使うプルダウンメニューの方法を求めて
色々なCSS解説サイトやスクリプト配布サイトを放浪していました。
テンプレートとして配布しても大丈夫なものをきちんと
探せたので、もう少しかかりますが配布に取り掛かろうとおもいます。

ちなみに「こんなプルダウンメニューは?」と教えていただいた
ものがあったのですが、それは書籍付録のスクリプトを利用しており、
出版元に問い合わせたところ「再配布になるから止めてね」と
お返事をいただいたので、使用はとりやめました。
せっかく情報をいただいたのに申し訳ありません。
お心遣い、ありがとうございました!

■で、配布可能そうなCSSプルダウンメニューを紹介している
WEB公房きくちゃん」さんより、
RSSを人間にも見れる状態にするCSSのご紹介。

実はもともとこれ、Web Diary Pro ver3用に作られていたらしく、
そのままver4にも利用できます。
CSSを適用するとどうなるか、実際にこのサイトのRSSでやって
おりますので「RSS」をクリックしてみてくださいませ。

■ Web Diary Pro4 でのやり方 ■

1.「webliberty>RSS.pm」を開き、45行目あたりにある
  XMLの記述の2行目に次のように書き加える。

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="スタイルシートのアドレス" type="text/css"?>

2.「weblibery>App>RSS.pm」を開き、203行目あたりにある
  XML宣言の直下に、上記と同じようになるようコードを記述。

 ※スタイルシートのアドレスは、好きな場所に置いて決めて下さい。
  絶対値パスでやると一番問題ないかと。

3.スタイルシートを書く。
  これは参照ページそのままのものを、最初の行だけ
 「@charset 'utf-8';」に書き換えます。

4.スタイルシートと書き換えたRSS.pmをそれぞれアップロード。

ちなみにこれはRSSを押した人がびっくりしないようにしたい人や、
ソース丸見えのRSSが格好悪いと感じる人以外には
あまり意味のないカスタマイズですので、無理にやる必要性はありません。

Web Diary ProでRSSが配信されない場合

■実は、このサイトのRSSは今まで配信できない状態でした。
まさかーと思って自分のリーダーに読み込もうとしたところ、
ものの見事に読み込んでくれず、こりゃ大変だとサポート掲示板のログを
あさってきました。すると同様の質問が多く過去にも出ていました。

どうも無料レンタルサーバーによくある
自動広告挿入スクリプトがXMLにも入れられてしまうため、
一番最初に空白の行ができてしまい、うまく配信されない状態に
なってしまうようです。このサーバーも無料レンタルなので、
ほっとくと最初の行に広告タグをいられれてしまいます。

で、この問題はWeb Diary Pro側では対処できません。
サーバー側の仕様なのですから仕方ないわけです。
同様の問題にお嘆きの方は、自身のレンタルサーバーの質問掲示板や
「広告を非表示にするには?」などのQ&Aを参照なさると
解決策が見つかると思われます。

■ちなみに無料Xreaの場合、「x」フォルダ内にWDPを設置するか
広告非表示用の.htaccessをWDPと同じフォルダ内に入れるかすれば
この問題は回避できます。(このサイトでは.htaccessを使用)
どちらにせよちゃんと手動で広告を入れないといけないわけですが。

参考≫
・XREA SUPPORT BOARD - rss表示について
・はやわかり XREA - .htaccess を使って広告自動挿入を無効にする

■オマケ。RSSって何ぞや?という方にも分かりやすい解説ページ付きで
簡単に主要リーダーへの登録ボタンも作ってくれるサイト。
・RSS アイコン 2.0 - 説明ページつきRSSアイコンを無料作成
ナビゲーション下部、Operaバナーと一緒に貼ってありますので
興味のある方はどうぞ。

Re:WEB拍手 7/04版

■web拍手、実は今だオマケがない状態なのですが
ポチポチと押していただきありがとうございます。励みになります!

≫Web Diary Proのスクリプトを使わせて頂いてます……

拍手ありがとうございます!
分かりやすい説明といっていただけて嬉しいです。
一時ソースが見れなくなったりと皆様にご迷惑をおかけしてしまった
こともあるので、喜びもひとしおです。
この間、自分でもエディタの付け方を忘れ、自分の解説に世話になるという
おバカなことをやってしまいました(笑)
元々使いやすいプログラムですが、より楽しく使うことができましたらなによりです。
コメントまでいただき、ありがとうございました!

■スキン「BB」のナビゲーションについて、
「position:absolute」を使った配置の方法とサンプルを教えて
いただきました。ありがとうございます!
確かにこの方法ですとnavigation.htmlに内容をのこしたまま
ナビバーを上のほうに持ってこれますし、「常に表示」にも対応できます。

やったーこれで解決!! と 思ったの で す が

WDPは色々なメニューの表示・非表示ができるという特性があり。
人によっては使わないメニューもあるわけでして。
絶対値で配置してしまうと、使用者の側で位置を再設定しなおしてもらわねばならないという問題が出てきました。
この位置を設定するというのが結構ややこしい作業で、スタイルシートに慣れた方でないと難しいスキンになってしまうんではと思います。

実際そうした「メニューの位置などのカスタマイズはCSS等に詳しい方でないと難しいけど、配布しちゃうネ★」というテンプレートも他のプログラム用ですがありましたし、大丈夫かなという考えも頭をよぎるのですが。
いやはやどうしたものか。いっそ二つ作ってしまえということか。(無謀)

教えていただいた方法が非常に便利かつスクリプトも少なくて済むので
非常に悩みどころです。
やっぱりいっそ2つ(略)。

スキン「BB」作成中。

ブラウザをOpera8→Opera9にしたついでに自分のサイトの見栄えを確認していたのですが、気がつくと1カラムっぽいスキンを作っていました。

他の無料ブログで良く見かける「ポップアップでメニューがでる」を再現すべく、タグエディタの時にもお世話になったMugiさんのサイトより「ポップアップ2」のスクリプトをお借りしてきました。
だいたいイメージどおりのものができたのですが、

 ×アイコンの一覧画面が変(スキンのダブリ)
 ×「ナビゲーションを常に表示」に未対応(かろうじてエラーは出ませんが)
 ×「.today」が反映されない(スクリプトの相性の問題らしい)

という問題があるので、もう少し調整してからスキンのベースとなった鳥居さんにご報告して、Mugiさんのスクリプトは配布自由とのことですので問題ないとして、とにかくもうちょっとでなんとかなりそうです。

サンプルページ。

1カラムだと大きな画像もバーンと乗せられるので便利ですよね。
サイトのトップページにも使いやすくなりますし。
ミニ画像の表示も大きくても問題なし、むしろ大きいの上等!という
どこらへんがミニよという使い方も想定しています。
どなたか技術のある方が、フィルムっぽく見えるようデザインしてくだされば……。(他力本願)
むしろこれを叩き台にどなたか作ってくださいませぃと……!(本音)

ページ移動