- カタチグラフィックスのBlog – Katachigfxの日記と制作メモ

「2009 10月」のかたログ

10.31

Halloween

Published 10月 31st, 2009 Posted in カタチのはなし No Comments »  

今日はハロウィンです。
いつからでしょうか。。。日本でもハロウィン、ハロウィンと言われ始めたのは。。。

今日は、マックのHDDが残り5Gbを切ってしまったので、写真の整理などしてます。

.

asagiri_shot

▲こんな写真出てきました。(朝霧JAM2009)

.

asagiri_nene

▲本人はセミになりきっていました。(朝霧JAM2009)

10.30

WordPress-記事の画像をランダム表示

Published 10月 30th, 2009 Posted in WordPress 1 Comment »  

記事内の画像をサイドバーなどに表示するRandom Imageというプラグイン。
表示する画像の数やサイズも設定できる。
イメージタグにスタイルもあてられる。

Random Image Plugin for WordPress

インストール方法

  1. ダウンロード先のページからファイルをダウンロード
  2. 解凍してrandomimage.phpをwp-content/pluginsにアップロード
  3. プラグインを有効化

使用方法

画像を表示したい場所のテンプレート(sidebar.phpなど)に以下のコードを挿入

<?php randomimage(); ?>

設定→Random Imageから表示設定を行う。

nclude images from WordPress posts? / Pages?
postsが記事でPagesがページ。記事からだけ画像を表示したいという場合はposts?にのみチェックを入れます。
Sort Images Randomly?
画像をランダムに表示するかどうか。チェックを入れるとランダム、外すと最新記事から表示します。
How many images to display?
サムネイルの表示数。
HTML Template
ここでデザインを整えます。%1が記事タイトル、%2が画像、%3がalt。タグがきくので、liで囲んでもいいしclassふってもいいです。
HTML between images
画像と画像との間に入れるタグ。特に必要ない場合は削除してもかまいません。
Optional attributes for < img> tags
画像の大きさなどを指定。例)画像の横幅を120pxにしたい場合は【style=”width:120px;”】など。テンプレートにてCSSで指定している場合は特に必要なし。
Limit by categories/tags
画像を表示するカテゴリ。全てのチェックを外すと全てのカテゴリが対象になります。
String to match in the < img> class
class指定した画像だけ表示します。例)randomimageと記入した場合、randomimageとclass指定した画像だけが表示されます。
Regex to match against the < img> src
画像のファイル名を指定して表示。例としてJPG形式のみ表示したい場合はjpgと入力しておきます。GIFやPNGを表示させたくない場合に使えます。

Include images from WordPress posts? / Pages?
postsが記事でPagesがページ。記事からだけ画像を表示したいという場合はposts?にのみチェックを入れる。

Sort Images Randomly?
画像をランダムに表示するかどうか。チェックを入れるとランダム、外すと最新記事から表示。

How many images to display?
サムネイルの表示数。

HTML Template
ここでデザインを整える。%1が記事タイトル、%2が画像、%3がalt。タグがきくので、liで囲んでもいいしclassふってもよい。

HTML between images
画像と画像との間に入れるタグ。特に必要ない場合は削除してOK。

Optional attributes for < img> tags
画像の大きさなどを指定。例)画像の横幅を120pxにしたい場合は【style=”width:120px;”】など。テンプレートにてCSSで指定している場合は特に必要なし。

Limit by categories/tags
画像を表示するカテゴリ。全てのチェックを外すと全てのカテゴリが対象になる。

String to match in the < img> class
class指定した画像だけ表示する。例)randomimageと記入した場合、randomimageとclass指定した画像だけが表示される。

Regex to match against the < img> src
画像のファイル名を指定して表示。例としてJPG形式のみ表示したい場合はjpgと入力しておく。GIFやPNGを表示させたくない場合に使える。

.

–制作メモ

10.29

最近、このブログにも登場!ウィンドウ下部から離れたくないフッター。
そんな愛嬌いっぱいのフッターを作る方法を紹介します。

CSSはこう

html,body {
height:100%;
}
html {
overflow-y:scroll;
}
div#footer {
position:fixed;
bottom:0;
width:100%;
}

/* IE6 */

* html,
* html body {
overflow-y:hidden;
}
* html div#main {
height:100%;
overflow-y:scroll;
}
* html div#footer {
position:absolute;
bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);
}

IE6対策としてハックを使用。*htmlを頭に付けるとIE6のみにスタイルを当てられる。

htmlはこう

<body>
  <div id="main">
    中身。。。。。
    <div id="footer">
      フッター部分
    </div>
  </div>
</body> 

以上

–制作メモ

10.26

ごちそうさま!MUSIC ZERO

Published 10月 26th, 2009 Posted in カタチのはなし 4 Comments »  

24,25日 行ってきました。MUSIC ZERO

24日は生憎の天気でしたが、沢山の人たちが来場し盛り上がりっぱなしでしたよ。

24日 MUSIC ZERO

▲SPECIAL OTHERS の時(↑クリックで拡大)

さすがです。盛り上げ方がうまいです。
赤いGOREーTEXのジャケットのオラさん!ナイスプレイィィィィです!!

こんな写真になりましたよ★

.

2日目は風が強い一日になりました。

空

▲この旗はCha*2さんの手作り。バティック!(↑クリックで拡大)

ゆーじさんも言ってたけど、Cha*2さんのような職人を目指していこう!

.

norioto

こちらNORIOTOさん。
おいしいワインをご馳走になりました。
ほろ酔いで撮影〜。

.

VarnaGhita

▲VarnaGhita BOBさん

素敵な笑顔ごちそうさまです。楽しく撮影できました。
CD・DVDもみんな買ってね★

それから、VarnaGhittaのBlogができました。そちらもチェック!

.

▲PAPA U-Gee いつも最高の歌をありがとうございます!

BAGDAD×ユージさんかっこよかった!
OH MAMAはやっぱいい!!!!
蓮華寺での思い出話、面白かったです★

.

ファイナル!

▲ファイナル!(↑クリックで拡大)

最後はみんな出てきてエンディング!
楽しい2日間でした。

BOOM BOOM-BASHありがとう。
他写真は、静岡新聞とBOOMBOOM-BASH  WEBSITEで近日公開します。

.

オラのきもち〜写真→(渋さの写真かなりいいです!臨場感半端ない!)
MELTIN’ HOTWAX→(Cha*2さんのWEBです)
NORIOTOさんのBlog→(ワインごちそうさま!)
VarnaGhitaのBlog→(最近作りました。CONNECTION OF LIFE)
VarnaGhita.com→(最近リニューアルしました。)
PAPA U-GeeさんのBlog→(いつも楽しく読んでます★)
BOOM BOOM-BASH Groove Porter→(主催 おつかれさまでした。)

10.23

PEACE JOINT・PJ 10/30 release

Published 10月 23rd, 2009 Posted in カタチのはなし No Comments »  

PEACE JOINT/PJ
10/30リリース決定!

PJってすげ〜人だ。。。と実感した作品です。

PJ

▲ジャケット(ロケ地:福生/ONENESS

1.太陽
2.でも大丈夫さ
3.Brand New Sunrise
4.Reach It
5.PEACE JOINT
6.太陽 [acoustic version]
7.太陽 [dub mix version]
8.PEACE JOINT [dub mix version]

1.作詞: イクマあきら  作曲: イクマあきら
2.作詞: KOHEY  作曲: KOHEY
3.作詞: PJ  作曲: PJ
4.作詞: PJ  作曲: PJ/i-Watch
5.作詞: PJ  作曲: PJ
6.作詞: イクマあきら  作曲: イクマあきら
7.dub mix by PJ & Raita
8.dub mix by PJ & Raita

太陽
でも大丈夫さ
Brand New Sunrise
Reach It
PEACE JOINT
太陽 [acoustic version]
太陽 [dub mix version]
PEACE JOINT [dub mix version]

1,6: Steel Pan-Takeshi”Tico”Toki [Little Tempo]
3: Pianica-Ras Takashi
1,2: Sax-Naomi Shibai
6: Acoustic Gtr.-Raita [BAGDAD CAFE THE trench town]
1: Thankyou Voice-Ran [BAGDAD CAFE THE trench town]
1,4: Piano&Syn-マイケル☆パンチ [BAGDAD CAFE THE trench town]

produced by PJ
mixed by  Raita

recorded at studio Bunke [Kichijoji], BAGDAD studio
recording engineer: Tahara [studio Bunke], Raita [BAGDAD studio]
mastering engineer: Tohru Kotetsu

director: Akiyoshi Ono [boom boom-bash groove porter]
assist director: Yoshiaki Shibata [boom boom-bash groove porter]
assist director: Keiichi Yamada [boom boom-bash groove porter]

design: Takashi Shiratori [katachigfx]
photography: Hitoshi Shoji

リリースフライヤー

ステッカーも作りました。
ステッカーは幅35mm程度の小さいサイズ。携帯にでも貼ってください。
アートディレクションはいつも忙しい柴田さん! イエィ!