はい、制作しました。
京都の金物屋さんです。
金物って何？と思われる方もいらっしゃるでしょうけど、
僕がどうのこうの言うよりも、まずは行って見て下さい。
サイト上には店主の思いがつまっています。
言葉足らずなところも多々ありますが、ちょっとでも興味を持ってもらい、
着地としては、「金物」という１つの概念的なものを分かってもらいたい。
もちろん「売れる」ってことは必要ですが、
店主の「金物をもっと知って欲しい」という気持ちの強い方です。
元々、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」とかあるけど省略。
必要ないですからね。
久しぶりにIEでブログを見たら、
ありえんことになっていた。
「jQueyの引数が無効です」
？？
検索するも、有効な手立ては見つからず。
で、現状をローカルにダウンロードし、テンプレートを入れなおしてみて、
一寸ずつ戻していってみる。
header,footer,index,sidebar,function…
でcss
うん、cssだ。
ではどこだ？
text-shadowか？border-radiusか？
とやっていると・・・
div.grid-itemとdiv.single-itemを元々一緒の記述だったのを2つにわけ、
gridにはボーダーなし、singleにはボーダーありで設定していた。
おそらく、そこ。
ってか、ここ。
解決したけど、えらい時間を食ってしまった。
もう少し、がんばろう。
自分のブログの記事を、まぁどこぞに出力するものを書いてみようということで、pearのXML_RSSをどどーんと使ってみる。
まずはレンタルサーバーにXML_RSSが入っているか、phpinfo()で調べてみると、まぁ入ってない。
なおかつ、プラグインをアップすることさえ出来ない（っぽい）
漁ってみると、「PEARのディレクトリ作って、.htaccessでパスをとおしてやる」ことにたどりつく。ありがとうございます。
ftpで好きなディレクトリ（パスがとおるところね）にPEARディレクトリを作るか、ローカルからそのままぶち込む
.htaccessで
1 2 3 | <IfModule mod_php5.c> php_value include_path ".;/(フルパス)/PEAR" </IfModule> |
で好きなプラグインをぶち込む。
1 2 3 4 5 6 7 8 9 10 | <?php require_once("XML/RSS.php"); $blog=&new XML_RSS("http://www.takasumi-nagai.com/blog/feed/rss2"); $blog->parse(); foreach($blog->getItems() as $item){ $time_s=strtotime($item['pubdate']); $time=date(Y年m月d日,$time_s); echo "<p>".$time." <a href=\"".$item['link']."\">".$item['title']."</a><br/>".$item['description']."</p>"; } ?> |
でpostした日時・タイトル・リンク・ディスクリプションを。
twitterのRSSでも使えるんだろうな。
忘れないようにしようっと。
京阪電車
実家から帰る電車に
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に悪さをしていて、機能してませんでしたよ。
ばっさりと、このプラグインを、切りました。
同じようなものを、また探して、いれたいと思います。
ただ、このテーマにして、すごい、読み込みが遅くなった・・・アクセシビリティー。
まだまだ色々とコミュニケーションツールはあるのだろう
「…なう」みたいなやつ。
とりあえず、上記２つはおさえたよ。
google waveの使い方、まったくわからんけどね！！
いや、まいった。
って初心者には、ややこしいよね。
っていまさらながらに思う。
だけども、フレームワークっていうのは、必要だものね。楽だもの。
progressionとかcakePHPとか、wordpressとか、CMSとか、
ある程度の知識はあったほうがいい（ないと出来ないってことたくさんあるなぁ）。
「簡単にできる」ようになることは、とてもいいことだけども、
「誰でもできる」ってなると、食いっぱぐれてしまう方もいらっしゃるのだろう。
WEBだけに限らず、どの分野でも同じか。
さて、どうしたものか。