Re: 画像ブロックのカスタマイズ
2012年4月10日 at 23:53
tomoyaさん、そうなんです、画像ブロックのカスタマイズって、
そうとう難しいですよね。
PHPもっと勉強しようと思いました。
それから、ブロックを作っていただきありがとうございます。
私もそれを参考に、そして、今回知ったノウハウで、ブロックを作ってみました。
CSS付きです（笑）
２通りのタイトルスタイルです。
・画像リンク付きタイトルa
・テキストリンク付きタイトルb
です。
動作は確認済みです。
テキストが入る部分については、テキストの大きさが大小変わっても、ある程度は伸び縮みするようになっています。
私は、会社のサイトを作る事が多いので、ユーザビリティの点が問われる事が多くて・・・
そういった訳で、デザインとユーザビリティを考え、今回はリンク部分は画像にしたかったのです。私が何をしたかったか、添付したファイルをみてもらえば分かると思います。
（tomoyaさんのように、リンク部分に画像の背景を持ってくるのもありだと思います。）
画像は、できるだけ、変更して使っていただければと思います。
htmlもバンバン変更しちゃってください。
index.htmlファイルは、アップする時は削除してくださいね。
tomoya
Re: 画像ブロックのカスタマイズ
午前中ちょっと確認しました。
とりあえず、テスト用の c552 でもちゃんと稼動しております。
（導入するサイトのテーマにも依存しそうですが）
今回は、いちおうここまで・・・なんだけど、これって応用が利きますね。
１、kukuさん版をさらに改造して、「h1/h2/h3/h4」の選択が出来るようにする。
２、「画像ブロック」から、「外部リンク or 内部リンクの選択」の部分をもらう。
（ついでに画像のサイズの変更とかも出来るようにするとか。）
３、純粋に「ボタン」ブロックでもＯＫ！（以前 sexy-button 作ったので）
id / class を選択出来るようにして、わざわざファイル数を増やさないように、カスタム
テンプレートの代わりにするとか・・・etc..
実は、以前 jQuery sexy-button をブロック化した事があり、それが今回の元ネタということになっていて、それで css の <a タグに画像をのせていたのでした。
今度のチャレンジは、「バナーボックス」かな。（jQuery付がちょっと問題かも）
アイデア次第で、色々と応用が利きそうです。なんでもござれですね。
作って動いている時が割りと楽しかったりします（笑）