はい、制作しました。
京都の金物屋さんです。
金物って何？と思われる方もいらっしゃるでしょうけど、
僕がどうのこうの言うよりも、まずは行って見て下さい。
サイト上には店主の思いがつまっています。
言葉足らずなところも多々ありますが、ちょっとでも興味を持ってもらい、
着地としては、「金物」という１つの概念的なものを分かってもらいたい。
もちろん「売れる」ってことは必要ですが、
店主の「金物をもっと知って欲しい」という気持ちの強い方です。
元々、Pacific Furniture Serviceで販売から設計まで多岐に活躍されていた方なので、
金物以外でも内装やらインテリアやらのことも詳しい。
きさく。
是非、京都に行く際、立ち寄ってみたい場所の１つにしてもらえると嬉しいです。
コンテンツ量が少なく、footerが上にきてしまっている
というときjQueryを使ってきちんと下部に表示するようなスクリプトを書いてみた。
htmlはdiv#header、div#main、div#footerという構成を前提にします。
これら3つの高さがウィンドウサイズより小さかった時に、#mainの大きさを指定するっていうこと。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <script type="text/javascript"> jQuery(document).ready(function(){ var winHeight = jQuery(window).height(); var headHeight = jQuery('#header').height(); var mainHeight = jQuery('#main').height(); var footHeight = jQuery('#footer').height(); var fullHeight=mainHeight+headHeight+footHeight; if (fullHeight <= winHeight) { var wrapHeight = winHeight-headHeight-footHeight; jQuery(function() { jQuery('#main').height(wrapHeight); }); } }); </script> |
うむ。
どうして「$」じゃないかって？
それは、「エラーになった」からです。
コンフリクトっていうんでしょうか。
他のプラグインではいけてるっぽいんですが。
でも、まー、うまくいってるから良しとします。
１つの手段として、有効であれば・・・
自サイトの整理とかしていて、新しくしようとしていて、
作ったサイトとかブログとかツイッターとか、全部１つのページにしちゃおうと、
このブログと同じグリッドで行こうと、何やかんやしていて、形にはなった。
ほんで、twitterの「about….ago」をつけたいなぁ、と思いつけてみる。
PEARのXML_RSSを使用（ってかこれしか使えない）。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | //TWITTERの呟きを取得 $tweet_url="(RSSのURL)"; $tweet=&new XML_RSS($tweet_url); $tweet->parse(); foreach($tweet->getItems() as $key=>$item02){ //つぶやきからどれくらいの時間が経ったのか表示する $past=$item02['pubdate']; $past=time()-strtotime($past); if($past<60){ $item02['pubdate']="about 1 minite ago"; }else if($past<3600){ $item02['pubdate']="about ".round($past/60) ." minites ago"; }else if($past<7200){ $item02['pubdate']="about 1 hour ago"; }else if($past<86400){ $item02['pubdate']="about ".round($past/3600) ." hours ago"; }else if($past<172800){ $item02['pubdate']="about 1 day ago"; }else{ $item02['pubdate']="about ".round($past/86400)."days ago"; } } |
タイムスタンプを力技で「分」「時間」「日」にするっていう。
もっとスマートなやり方があるんだろうけど、まだわからないし、表示が出来たっていう達成感。
私のサイトで確認してみて下さい
twitterでは「half a minute」とか「less than a minute」とかあるけど省略。
必要ないですからね。
京阪電車
実家から帰る電車に
GOOD DESIGNマークが
そういや、GOOD DESIGN AWARD YEAR BOOKを
集めていたのに、気がついたらもう買わなくなっていた
余裕が出たら、また買うとしよう
スクリーンショット
せっかく楽しいWPテンプレートを手に入れたのだから、
何か、面白いこと出来ないだろうか・・・等と考える
今、トップページには最新投稿が10件表示される設定
このグリッドが、違う色だったら・・・しかも毎回。
ふと思い立ったのでやってみましたよ。
・array_rand()関数を使って、ランダムにCSSをセットする
function.phpのどこか安全な場所に関数セット
1 2 3 4 5 6 | function random_css(){ $random_style = array("css01","css02","css03","css04","css05","css06","css07","css08","css09","css10" ); $random_key=array_rand($random_style); $random_css=$random_style[$random_key]; return $random_css; } |
ほんでもって、index.phpのなかの好きな場所に
1 | <?php $the_style=random_css(); ?> |
を置いて、
1 | <div <?php post_class("grid-item $the_style " .$col_class); ?> id="post-<?php the_ID(); ?>"> |
と置いてやると、まぁ全部（ってわけじゃないけど・・・）、だいたい違う色になったわいな。
リロードする度にかわります。
ちなみに、index.phpの
1 | <?php get_header(); ?> |
のすぐしたにrandom_css()を置いてやると、エントリーが全て同じ色で出てきます。
何行目とかは、見たらわかるので割愛。
ブロックが個々に違う色、って気持ち悪いかもしれませんね。
あと、同じ色がかぶることも多々あるので、ここも含め考えて行きたいと思います。
です。
またもやテーマを変えてみましたよ。
TRIPLESHIPS.Incさんのテンプレート”tanzaku”
流行のやつです。
CSS3の角丸も実装してます。
IEの方にはわからんかもしれませんが、firefox,chrome,safariなら見える。
このテーマを入れた時、きちんとグリッドも何もうまく働いてなかった・・・
色々調べてみたら、lightbox2のプラグインと相性が良くなかったようです。
vgridのjsに悪さをしていて、機能してませんでしたよ。
ばっさりと、このプラグインを、切りました。
同じようなものを、また探して、いれたいと思います。
ただ、このテーマにして、すごい、読み込みが遅くなった・・・アクセシビリティー。
あれから、どのくらい経ったのか・・・
を「見る」スクリプトです。
trick7というブログの作者さんが作った、とてもユニークなブログパーツ。
さて、何を計ろう・・・
ちなみに、このパーツがはられているところ（自分だろうが他人のブログだろうが・・・）
クリックしてからの経過時間が見れるそうですよ。
うーむ。面白い。
変更したのですが、なかったので追加したもの
favicon ・・・header.phpに
1 | <link rel="shortcut icon"..../ > |
links・・・sidebar.phpに
1 | <?php wp_list_bookmarks('title=li&categorize=0&category_name=リンクカテゴリー名') ; ?> |
そして、Amazonのアフィルエイトプログラムに参加して、
twitterの投稿を表示するようにしてみました。
Amazonもtwitterも、選んでスクリプトをsidebar.phpに貼っただけ。
簡単。
テーマによってhtmlは違うやろうけど、ぱっと見ればどう貼れば他と同じレイアウトになるかわかるはず。
このテーマの場合は<dt><dd>で。
中央表示にしたかったので、<div>つくって、クラス充てて、CSSで横マージautoでOK。
テーマを変更
ちゃんとした人が作ったテーマは、やっぱ見やすい
自作のだったけど、全然、今のほうが見やすくていい
ちなみに、WPtouch入れてiPhoneでみやすくなった
なにわともあれ、見やすい、ってのは良い！
11月だす
今月は
友人の結婚式ために
何かしようと、友人たちと何だかんだしなくてはいけません
でも、進んでませんわ
進めてませんわ
さっさとやらなくては・・・
ライブハウスに置く、自社のチラシを製作
主に東京のライブハウス、って話ですが、
これで注文や問い合わせが増えればなぁ・・・嬉しいです。
チラシやDMがたくさんあるなかで、中々目に付くことが難しい
（だって、ごちゃごちゃしているものがごちゃごちゃしている空間にあるんだもの）
こちらで製作した物は、文字でシンプルに
ライブハウスのごちゃごちゃした空間に、映えるといいなぁ、
という願望