カスタマイズ : ウェビンブログ

Category : カスタマイズ

文字サイズ変更ボタンに関する補足

ちょうど一年前、小川宏高さんが考えられた「フォントサイズ変更ボタンを簡単に追加する方法」について記事を書きました。

この記事に寄せられたコメントを返しているうちに、一部の方から
「最初の一回はボタンが出るけど、そのあと表示されない」
という質問を頂くようになり、ずっと原因がわからずにいました。

…が、今日やっと原因がわかりましたので補足します。
なんかもう、あまりに単純な部分だったので普通に凹んでます　|||orz
小川さんの元記事、私の前の記事と合わせてご参照くださいませ。

Tag: WEBデザインアクセシビリティカスタマイズ Javascript

2008-02-04(Mon) 23:37
カスタマイズ
Com : 0
Tb : 0
△

お盆休みのときに作りはじめ、何度も放置の憂き目にあったこのテンプレートですが、ようやくお店に並べることができそうです。

とても単純な外観なのに、どこにそんなに苦労したのかというと
「スタイルシートだけでアイコンの色や角丸枠の背景を変えられる」
という機能を付けたためです。
各ブラウザの表示を揃えるのに随分苦心しました。

InternetExplorer6さえなければ透過PNG画像を駆使して、角丸やアイコンを滑らかにしたり、ドロップシャドウをかけたりできるのですが、敢えてチープさを残したままでもいいかなと思います。
たぶん002はグラデ使い方面になるだろうから（笑）

Tag: カスタマイズテンプレート

2007-11-18(Sun) 01:49
カスタマイズ
Com : 0
Tb : 0
△

SECONDLIFEのブログと忍者ブログの話

セカンドライフ×リアルライフ

先月から遊んだり仕事のPR活動をしている、SECONDLIFE専用のブログを開設しました。

テンプレート「gallery」のコードを忍者ブログへ移行、デザインをSL風にカスタマイズしました。
galleryを公開したときに「ネトゲ日記にも適していますよ」ということを書きましたが、それを自ら実践した格好になっています（笑）

SECONDLIFEについてのお話はあちらでするとして、こっちはWEBデザインのブログですから、忍者ブログについて追記で書いてみます。

Theme: セカンドライフ >> オンラインゲーム

Tag: カスタマイズ SECONDLIFE スクリーンショット忍者ブログ

2007-09-18(Tue) 23:48
カスタマイズ
Com : 3
Tb : 0
△

WebbingStudio製テンプレートに「はてなスター」をつける

以下は「WebbingStudioが制作したテンプレートにはてなスターを付けたいけれど、個別記事ページに☆がつかない」という方のための簡単な解説です。

基本的なご質問等には対応できませんので、HTML・テンプレートの修正方法を習得している方のみ試してみてください。

1.まえがき

ここ一年間に制作したWebbingStudioのテンプレートは、個別記事ページの記事タイトルにリンクが貼られていません。
（今見ているページへのリンクは無意味だと考えているからです）
しかし、基本のはてなスターは記事タイトルにリンクを貼っていないと上手く動作しません。
そこで、追記のようなカスタマイズをすることになります。

Tag: カスタマイズはてなテンプレート

2007-07-20(Fri) 03:10
カスタマイズ
Com : 1
Tb : 0
△

はてなスターが変な場所に出た

はてなの新サービス、はてなスターを設置してみました。
機能はさておき、☆がかわいいので付けたかったのです（´∀｀）

はてなスターは、はてなダイアリー、はてなグループでは自動的に表示されますが、それ以外のブログサービスでも、利用していただくことが可能です。ここでは、その方法と、はてなスターの仕組みについて解説します。

はてなスター日記：はてなスターをブログに設置するには

上のオフィシャルページを参考に、テンプレートにスクリプトを貼り付けて更新したのですが…個別記事ページに出てこない…
と思ったら、トラックバックのタイトルに☆がついているじゃないか（笑）

解説によると、基本のスクリプトをいじらずに☆をつけるには、記事タイトル（h3要素）にリンクを貼っていなければならないようです。
私は無意味なリンクを貼りたくないので、個別記事ページのh3要素にはa要素をつけていませんでした。それで、ページ内で唯一h3とaが入れ子になっている場所＝トラックバックのタイトルに☆がついてしまったのです。

というわけで、かわいい☆のために、テンプレートに修正を加えることになりました。

修正の内容については別エントリーにします。
WebbingStudioのテンプレートを使っているけど☆が付けられない、という方はそちらをご参照ください。

Tag: カスタマイズはてなテンプレート

2007-07-20(Fri) 02:35
カスタマイズ
Com : 0
Tb : 1
△

考察：普通のブログ記事からサムネイルリストを生成する

このブログや春木屋でも書いているように、フォトギャラリーテンプレを作るのであれば、ごく普通の書き方でフォトログを更新している人でも導入できるものにしたい、と考えてます。

FC2ブログの関連の変数はサムネイルを作らないときちんと動作しない（のかな？）ので、こちらで対処を考えなくてはなりません。

趣味のモブログのHTMLと、JavaScriptistのリファレンスを材料に、イメージしている処理を作ってみました。

う～ん…ソースが酷い（＾＾ゞ
こういうのなら、もう共有プラグインで作っている人がいそうです。

サムネイル生成の実験（ページ先頭のボタンを押してみてください）

Tag: JavaScript ライブラリ写真カスタマイズ

2007-06-21(Thu) 02:04
カスタマイズ
Com : 9
Tb : 0
△

新作共有登録予定

新版website、お披露目です。
第一弾は無駄を排した安らぎデザイン。
いかがでしょうか。

どれだけ共有テンプレートの限界・概念を壊せるかの一点にこだわりました。

FC2拍手が始まったようですので、ポチッと押してくれると励みになるってもんです。
まあ、ランキングはアダルト一色だろうけどさ（・ω・｀

2007-05-24(Thu) 19:30
カスタマイズ
Com : 2
Tb : 0
△

FC2のタグ機能をMETAに使ってみる

以前本館の方に「アフィリエイトブログにキーワード検索を付ける」カスタマイズ方法を書きました。

http://webbingstudio.com/material/template/keyword.html
※サイト改装中です。上がリンク切れになっていたら下の方からどうぞ
http://webbingstudio.com/material/appendix/keyword.html

でも、この方法だと毎回の更新の度にキーワード検査のリンクを貼らなければならず面倒です。
なので、ユーザータグ機能をキーワード代わりに使って、FC2ならテンプレートの本文下に

<!--topentry_tag--><p>キーワード：<!--tag_list--><a href="<%url>?q=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>  <!--/tag_list--></p><!--/topentry_tag-->

と書いてやればいいんじゃないのかと思ったのですが…できませんでしたorz
FC2の「サイト内検索」の対象は記事本文と追記のみなので、記事内にキーワードと同じ言葉を最低一回テキストで入力していないと、たとえユーザータグに使っていても検索結果に表示されないのです。
※まだ確認していませんが、MovableTypeであればユーザータグ機能で代用できると思います。MTの独自タグには「MTTagSearchLink＝指定したタグを付けた記事を検索するURL」というものがあるからです。

だいたい無料ブログサービスのタグ機能というのは情報交換的な要素が濃いですから、記事を書くときに「本文中のユーザータグをリンク変換する」のチェックをはずしておかないと、アフィリエイトブログの場合せっかくのお客がそのリンクから出て行ってしまいます。

というわけで、アフィリエイトブログでユーザータグを手軽に使う方法が他にないのかと、METAタグの「keywords」に利用する方法を考えてみました。