久々の投稿です。

現在、楽天ショップのリニューアル案件をやらせていただいています。
楽天RMSは、ちょっと癖があってやり辛いのが玉に傷です-_-;

今回は「商品ページの表示がIEだけ（かな？）幅が広がってしまう現象」のとりあえずの回避方法をメモ。

どうしても

タグが多用されている楽天RMS。
商品登録の時に「PC用説明文」などで

の幅を指定する方法もあるようですが、すでに商品登録されていて全部を修正するのは大変そう。。。

今回は「レフトナビ」と「フッター」部分に

タグをあえて挿入してみます。

●レフトナビの最初に

<table border="0" width="ショップ全体の幅">
<tr valign="top">
<td valign=top width="レフトナビの幅">

●レフトナビの最後に

</td>
<td valign="top">

●フッターの最初に

</td>
</tr>
</table>
<table>
<tr>
<td>

●フッターの最後に

</td>
</tr>
</table>

余計なタグが増えてしまうのは不本意ですが、これで楽天RMSで書き出している商品ページ全体の幅を指定することができそうです。

このような方法をとらなくてもFirefoxなどでは全然崩れないんですけどねぇ。
やっぱりIEユーザーは高齢の方も多いので今回はこの手を使わせてもらいたいと思います。

WordPress　カスタム投稿の一覧表示

2012年7月14日 : norico.d

東京は毎日暑い日が続いています。
夜も蒸し暑い熱帯夜で、クーラーをつけたい衝動にかられるのですが、
節電を気にして我慢してしまう土井です。

基本、MTのカスタマイズをすることが多いのですが、
最近WPのカスタマイズも練習しておかなきゃなぁ・・・と思っています。

というわけで、今後のカスタマイズベースにするための
WPテーマの制作をしています。

WPも3.0以降はカスタム投稿など導入され、
CMSとしてWebサイト全体の構築がしやすくなってます。
（5年くらい前は結構カスタマイズも大変だったような・・・）

今回の覚書は「カスタム投稿の一覧表示」です。
もちろんウィジェットの「カスタムメニュー」を利用することも可能ですが、
これだと毎回手作業でカスタム投稿の記事を登録しなければならないので少々面倒。

    <ul> <?php $names = get_post_types( array( 'public'
    => true, '_builtin' => false ) ); $posts = get_posts( array( 'post_type' => $names ) ); foreach( $posts as $post ) { setup_postdata( $post ); ?><li><a href="<?php the_permalink() ?>"><?php the_title() ?></a></li><?php } wp_reset_query(); ?> </ul>

これで一覧表示できました。

シンプルで使いやすい！ハイクオリティなパターン素材集HP【Subtle Patterns】

2012年6月29日 : norico.d

最近、GORI Styleの運営状況のご報告しかしてませんでした。
ほぼ復活！の土井です。現在いろいろ準備中です！！

今日はとりあえずお休みしている間に気になってた
Webサイトのメモなど。（ほとんど自分の覚書ですが…）

当サイト（GORI Style）でも取り入れていますが、
最近多い『ザラッとした質感のあるWebデザイン』を簡単に表現できる
Photoshopのパターン素材を配布しているサイト
『Subtle Patterns』をご紹介します。

http://subtlepatterns.com/

Subtle Patternsで紹介されている各パターンは、
「Preview」ボタンを押すと、サイトの背景がそのパターンに切り替わるので、
実際の見た目を確認することができます。
グレーからブラック系のモノトーンのパターンが多いですが、
紙やメタル、木調など使いやすい素材がそろっています。

パターンって何？どうやって使うの？

『パターン』は、Webページの背景やボタンなどパーツ素材の背景に
使われている、模様の素材です。
Subtle PatternsではPhotoshopでインストールして使える
.patファイルも合わせて配布されているのでおすすめです。

パターンファイルは、photoshopにそのままクリック＆ドラッグでも追加できますし、
「パターンオーバーレイ」から「パターンの読み込み」でも追加できます。

すぐに使わないとしても、このパターンセットをphotoshopに追加しておいて
損はないと思います♪

ようやくの活動再開のご案内です！

2012年6月14日 : norico.d

いつもお世話になっております。GORI Style　土井です。

昨年末に『営業活動休止』のお知らせをしてから、春が過ぎ、梅雨になりました。
あっという間に半年以上たってしまいました。

関係者の方々には多大なるご心配とご迷惑をお掛けしておりましたが、
ようやく営業活動を再開する準備が整いつつあります。

いきなりフルスロットルでばりばり働くぞ?！というわけには行かないと思うのですが。。。
体調も体力もほぼ戻りつつあるので、リハビリも兼ねて（？）
徐々に仕事をしていければよいなぁーと思っております。

育児真っ最中でもあるので、どうしても作業のペースが落ちがちです-_-;
通常期よりも少々お時間をいただくことになりますが、何卒ご了承くださいませ。

新規案件などスケジュール調整しますので、
お気軽にお問い合わせください。

今後ともGORI Styleを宜しくお願い致します。

ふたたび活動休止のお知らせ

2011年12月18日 : norico.d

いつの間にかクリスマス目前です。
こんばんは。GORI Style土井です。

2011年は妊娠、出産、育児とある意味【クリエイティブ】な生活をしており、
毎日があっという間に過ぎていました。
突然ですが、このたびGORI Styleでは活動休止をせざるを得ない事態になりました。
新規案件はもちろんのこと、継続案件の対応も通常期より時間がかかると思います。

育児疲れなどが理由ではありませんが、
3-4ヶ月の療養が必要となりました。
すでに入院生活です。。。

来年春には一皮向けて、新しいGORI Styleを再生したいと思います。
今後ともよろしくお願いいたします。

ロールオーバー時に画像のアルファ値をかえる簡単な方法

2011年8月21日 : norico.d

Webサイト制作で必ず出てくるのが
「メニュー部分のロールオーバー」「バナーのロールオーバー」などなど。
テキストで作っているか、画像で作るのかでその都度
CSSで設定したりJavascriptを使ったりしますが、
今回は「ロールオーバー時に画像を薄くみせる」だけの簡単な方法。

要は、アルファ値（不透明度）を設定しているだけですが、

    a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    }

この設定をCSSに追加してみます。
0.8や80という数値はアルファ値（不透明度）を「８０％」に設定しているので
この部分は７０％でも６０％でもお好みで。

このままだとサイト全体のリンクの貼られた画像は全て影響してしまうので、
他の設定を反映させたい場合は、

    a:hover
    img.hoverImg { ...

などとclass設定を追加して、反映させたい画像のclassに

class=”hoverImg”　を追加してみましょう。

ぼちぼちと、再開です。

2011年8月7日 : norico.d

８月に入り、東京は一日の中で暑い日差しとゲリラ豪雨がやってくるおかしな天気が続いています。
空模様を見ながらちょっとそこまで出かけようとしてもざーっと降られてしまったり^^;

さて、しばらくあいてしまいしたが、８月に入りボチボチお仕事を再開することになりました。

ご報告が遅くなりましたが、６月１日に無事に女児を出産。
慣れない育児と寝不足気味な毎日で、あっという間に２カ月が経過してました。
振り返ると怒濤のような体験をしてきた２ヶ月だなぁ、と。
もちろん「初めて」な事ばかりなので、戸惑いながらの日々でした。

諸事情により緊急帝王切開となってしまったので、
産後の傷が思ったより痛んで思うようにテキパキと用事をこなすことも出来ず、
家族や親のサポートが無ければ乗り切れなかったかもしれません。

大変だけど嬉しいことに、退院して間もない６月中旬には
以前からお世話になっているクライアントさんからご連絡を頂いたり、
仕事の打診をして頂いたり・・・本当に感謝です！
（実際にはすぐには作業できませんでしたけど）

一応公約通り、産後２ヶ月経ちましたので、
８月から【GORI Style】活動再開したいと思います。

ただ、どうしても日中の時間が十分に取れなかったり、
打合せに外出する事が出来なかったりと活動に制限があります。
ストレスなくスムーズに進行できるよう心がけておりますが、
しばらくはメールなど活用した打合せをお願いすることになりそうです。

私事で大変恐縮ですが、ご理解頂ければ幸いです。

これからも　GORI Style　を宜しくお願い致します。

GORI Style　新規受注など一時休止のお知らせ

2011年5月9日 : norico.d

今年はほどほどに長くお休みが出来たGWも終わり、東京は暑い日が続いています。
みなさまGWはどのように過ごしましたか？

本日はGORI Styleの営業一時休止のお知らせです。

☆☆☆☆　営業休止期間　☆☆☆☆☆
　
　２０１１年５月６日から７月末日まで

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

誠に勝手ながら、この期間中の新規案件の受付、制作はお断りさせて頂いております。
また継続案件（既存のクライアント様）の緊急作業については、その都度対応させて頂きます。

本当にプライベートな理由で申し訳ありません-_-;

理由は・・・当方の【産休】です。

今月中には、我が家に新しい家族が一人増える予定です。
あと２週間ちょっと（のハズ？）　もうカウントダウン状態に入っています＾＾

今は無事に生まれてきてくれることだけを祈りつつ、
しばらくの間はお仕事モードから子育てモードにシフトしたいと思っています。

様子を見つつ、仕事復帰を目指しますので、何卒宜しくお願い致します。

仕事も節電意識を持ってみる。Optimal Greenを導入してみた

2011年4月21日 : norico.d

あっという間に4月も後半に突入しました。

当方の仕事場兼自宅の付近は桜並木が続くちょっとした観光スポットですが、
今年の花見客は例年と比べて少なかったように思います。

なんとなく【自粛ムード】もあったせいもあるのでは？と思いましたが、
今年は桜の色も白っぽく、花の数も少なかったような・・・。
さらに気温が急に暖かくなったこともあって、あっという間に満開になり
あっという間に散っていきました。
気持ちが晴れやかになりきれなかったなぁ?というのが正直な感想でした。

さて、関東地方の計画停電もとりあえずは施行されなくなりましたが、
夏に向けて少しでも実行できることはやっておこうかな、と思っています。
（一般家庭でも最大20%削減！が目標ですから-_-;　結構頑張らないと・・・）

最近作業用（仕事用）PCに導入したのが
使用中のPCを手軽に節電モードにできる常駐ソフト「Optimal Green」です。

http://green.optim.co.jp/

「Optimal Green」はパソコンを省エネモードで利用できるツールです。
ただ単に省エネモード設定をするだけだったら、PC設定である程度可能ですが、
このソフトの嬉しい点は削減した電力量も一目で分かるところでしょうか。
本来は有料のソフトだそうですが、現在は東日本大震災の支援活動として
期間限定のフリー配布を行っています。

トップ

「Optimal
Green」は、インストールするとタスクトレイに常駐し、
パソコンの状態に合わせて無駄な電力消
費をカットしてくれます。
OSの休止状態への移行のタイミングなども、カスタマイズ可能なので自分の作業状況に合わせて設定することが出来ます。

削減した電力量はグラフで表示されるので、どれだけ効果があるのか一目で分かるのが一番嬉しい点ですね♪
「○○円削減」って数字をみると、ほんの数円でも「やればできるじゃないの！」と思えるから不思議です。

2011年4月末までは無料で利用できるので、電力削減に協力したい人にはぜひ導入してもらいたいですね。

月	火	水	木	金	土	日
				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

Webデザイン制作・リニューアル・運営サポート

GORI Style

WordPressのオリジナルテーマを作る＝index.phpが真っ白になったとき＝

公式Twitter（？）の活用方法とは？

スマホサイトを作るときの参考に

楽天ショップがIEでレイアウト崩れしてしまう時