HTML/CSSなどコードのメモ。
Source: http://d.hatena.ne.jp/fujimori1981/
WPをインストールしたパス基準のテーマファイルのパスを出力するテンプレートタグってないのかな。。 bloginfo(’template_directory’) だと、「http://〜/wp-content/themes/〜」 になるのだけど、 WPインストールディレクトリ基準(/wp-content/themes/〜)で取得したい。 テーマファイル内の、function.phpに、 function theme_url () { echo str_replace(get_bloginfo(’ur ...
テーマのindex.phpに <?php // /?xml=onでアクセスすると以下の処理。 if ( isset( $_GET["xml"]) == "on" ) { header(’Content-Type: text/xml; charset=’.get_option(’blog_charset’), true); echo "<?xml version=¥"1.0¥" encoding=¥"UTF-8 ...
WPってアップロードした時に、管理画面の設定>メディアで指定したサイズで ・サムネイル ・中サイズ ・大サイズ それぞれの画像が自動的に生成される。 それを利用してカスタムフィールドで登録した画像の生成されたリサイズ画像を取得する。 より個別具体的にいうと、カスタムフィールドで画像登録してlightbox的な事したいんだけど、という時の対応。 これでできたけどスマートかどうかはわからない。 前提 カスタムフィールドの数は10コとする(仮に)。 フィールド名はimage01〜image10 ...
wp_get_archives();で表示される ・2010年3月 ・2009年6月 というのを 2010年 ・3月 2009年 ・6月 みたいな表示にする。 2010年3月等と表示される日本語環境のみ、March 2010とか表示される英語環境だと要修正。 <h3>ARCHIVES</h3> <div class="navi-archives"> <?php //1. 年を抽出して配列に格納 $archives_year = st ...
WPでカテゴリ一覧を表示する時、wp_list_categories();を使うんだけど、そのままだと、 <li class="categories">カテゴリー<ul> <li class="cat-item cat-item-1"><a href="http://d.hatena.ne.jp/fujimori1981/20100313/1268417294" title="〜">〜</a> </li> </ul></li> ...
WPでカテゴリ一覧を表示する時、wp_list_categories();を使うんだけど、そのままだと、 <li class="categories">カテゴリー<ul> <li class="cat-item cat-item-1"><a href="http://d.hatena.ne.jp/fujimori1981/20100313/1268417294" title="〜">〜</a> </li> </ul></li> ...
<?php $page_array = query_posts(’pagename=about’); //ページのタイトルが「about」のものを抽出 $page = array_shift($page_array); //$page_arrayは多次元配列(二次元?)の状態なので最初の配列を抽出 echo $page->post_content; //ここではpost_content(本文)を表示させてる。 ?> query_posts(’page_id=〜’); としてもいい ...
Windowsの右クリックから新規ファイルをつくるっていう機能を、Macでも。 Leopard時代は、 NuFile っていうアプリを使っていたのだけど、Snow Leopardになって動かなくなった。 ので、Automaterのサービスで同じようなものを設定する。 ・指定されたテキストを取得 ・新規テキストファイルのファイル名拡張子 をかえて、いろいろつくっておけば、ほぼNuFileと同じ機能がもてると思われ。
まあ、MTで画像をアップする際に、 MT側でリサイズさせちゃおうという方法ですな。 やっていることは アップした画像をwidth、heightを取得 width、heightを比較して、横長画像か縦長画像か判定 横長なら、横(width)基準で指定サイズにリサイズ 縦長なら、縦(height)基準で指定サイズにリサイズ <mt:If tag="[フィールド名]"> <mt:[フィールド名]Asset> <mt:SetVarBlock n ...
MTで画像に関して、 画像(ファイル)のアップロードはできる ブラウザでその画像のパスにアクセスするときちんと表示される。 のに、 管理画面のアイテムや、カスタムフィールドのプレビューに表示されない (<img src=”” >みたいになってる、[アイテムを表示]をクリックすると当然ちゃんと表示される) のような場合、そのサムネール画像がきちんと生成されていないということ。 このあたりの画像(管理画面で表示される画像)は、アップした画像のサムネールで、 デフォルトでは、ブログの公開先 ...
fsmenu.js(FreeStyle Menus)というhoverで下層ナビゲーションを表示するスクリプトがあるのだけど、 (HTML+javascriptでDHTMLと呼ばれてたころからあるっぽい) mootoolsと同時につかうと、コンフリクトして動作しなくなる(fsmenu.jsが)。 今ならfsmenu.jsのとこjQueryやらmootoolsで代替できるっしょって感じなのだろうけど、 なんらかの理由で代替できない時の解決方法。 TYPOlight forum - TYPOlight ...
lightbox系スクリプトにCSS3のプロパティ追加すると面白い効果が手軽にできる。 見れる環境はまだ限定されるけど。 自分のサイトで実装してみた。 811022.info > photo > Page.1 @-webkit-keyframes rolling { from { -webkit-transform: translate(0px,1200px) scale(0.1) rotate(90deg); } to { animation-timing-function: ease ...
lightbox系スクリプトにCSS3のプロパティ追加すると面白い効果が手軽にできる。 見れる環境はまだ限定されるけど。 自分のサイトで実装してみた。 811022.info > photo > Page.1 @-webkit-keyframes rolling { from { -webkit-transform: translate(0px,1200px) scale(0.1) rotate(90deg); } to { animation-timing-function: ease ...
WordPressで月別アーカイブリストで、 「2009年January」とかなってるのを、「2009/01」に変える。 wp-includes/general-template.php の $text = sprintf(__(’%1$s %2$d’), $wp_locale->get_month($arcresult->month), $arcresult->year); を、 $text = sprintf((’%04d/%02d’), $arcresult->y ...
pd 同階層に〜.pdをつくっておくとobj:〜で関数的に呼び出せる。(Abstraction) list of all Pure Data’s objects. object:metro = metronome。metoro [period] RjDj(objectはrjdj library) require:_main.pd, image.jpg, info.plist image.jpg = 320 x 320 object:soundinput = マイクの音声を使 ...
わかりやすい。 Studio Gyokimae - Puredata初歩の初歩 基礎 Pdには「Edit mode」という概念があり、オン時は編集に、オフ時には演奏にそれぞれ都合の良いようインターフェースの挙動が異なります。 この切り替えは、Editメニュー内の「Edit mode」をチェックするか、Ctrl + Eを押して行います。 Pdのオブジェクトは、オブジェクト上段にinlet(入力)、下段にoutlet(出力)を持ちます。 オブジェクト 存在しないオブジェクト名をタイ ...
RjDj Sprint Tokyo に見学に行くことにした。 Pdなどまったくわからずに。 以下あたりに目を通しておけばいいのだろうか。 理解できるか不安。。 ウノウラボ Unoh Labs: iPhoneアプリRjDjのシーン開発入門 #001 RjDj(Single Album) | My Codex Leicester Pd ドキュメント
先のエントリーで、Flickrの任意のSetを取得してみたが、それでいろいろ試してみる。 Flickr x jQuery Cycle Plugin 画像の〜するって事を考えると、 » JQuery Cycle Plugin との相性は良さそう。 というわけで ■デモ(画像切り替え) http://2244.jp/_demo/flickr/02_background/ 読み込んだimageの幅を100%として、Cycleプラグインのfadeを使って切り替え。 こんな感じで100%表示すれば ...
Flickr APIのflickr.photosを使うことで、 特定ユーザーの写真 特定タグの写真 特定エリアの写真 などの取得ができるよう。 参考: 第2回 JavaScriptからFlickr APIで画像検索 - マッシュアップ・ラボ:ITpro で、任意のphotosetを取得するのをやってみる。 ■デモ↓ http://2244.jp/_demo/flickr/01/ 上記のURLのHTML、JSともに銀座方向に感謝の気持ちを送りつつ流用させていただいて、 flickr.j ...
http://www.youtube.com/watch?v=2zxL_va72gk という動画があったとすると、この動画のIDは、 「2zxL_va72gk」ですな。 んで、 http://i.ytimg.com/vi/動画のID/〜.jpg と指定するとサムネール画像を取得できるよう。 W:120 x H:90 ( default.jpg, 1.jpg, 2.jpg, 3.jpg ) http://i.ytimg.com/vi/2zxL_va72gk/default.jpg http:/ ...
PrettyPhoto.jsを使ってiframeやインラインコンテンツを読み出す際に、 Windows IE系ブラウザ ページ全体にスクロールが発生している。 prettyPhoto内にスクロールがある。 マウスホイールなどでスクロールさせてる。 という環境下で、 マウスホイールでprettyPhoto内のスクロールを行っていて、 スクロールの始め・終りにあたった時に、 マウスホイールスクロールのフォーカスがページスクロールに移り、 ページがスクロールされて、prettyPhotoなんか ...
タイトル通り。 無駄にjQueryを使ってフェードさせてるのと、全画面になるように。 デモ↓ http://2244.jp/_demo/jquery-loader/01/ JavaScript <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js">& ...
<?php //本文中のhttp://部分を<a href="http://d.hatena.ne.jp/fujimori1981/20090820/1250755379" >〜</a>に。 function auto_link ($text) { return preg_replace(’/([^="¥’>]|^)(https?|ftp)(:¥/¥/[-_.!~*¥’()a-zA-Z0-9;¥/?:¥@&=+¥$,%#]+)/’, ’$1<a href="$ ...
<?php $url = "http://twitter.com/statuses/update.xml?"; $username = "ユーザーID"; $password = "パスワード"; $status = "投稿する内容(日本語・英語OKみたいだけどリンクはダメ)"; $params = "status=". rawurlencode($status); $result = file ...
タイトル通り。 1,000 500 10,500 みたいな改行区切りの数の合計を クリップボードにペーストするAppleScript。 使い方は、 数字をコピー スクリプトを走らせる 任意の箇所にペースト いつもは電卓か、エクセルやNumbersに貼り付けて、合計ってやってたんだけど、 スクリプトメニューでAutomatorのバッチ使っていて、こういうこともスクリプトメニューからできたら便利だなと思い。 初AppleScriptなので、これでいいのかどうかもよくわかってない。。 (* ...
ちょっとやりたい事やってAppleScript調べてみた。 コメント -- インラインコメント (* ブロックコメント *) そんな決まりはないようだけど、なんとなく変数のアタマには_をいれてる(個人的に)。 変数定義 変数定義(数値) set _data to 9 変数定義(文字列) set _data to "hello, world!" _dataを文字列にする set _data to _data as string 配 ...
jQueryで使えるセレクター。全部じゃないけど、自分が使いそうなものだけ。 子要素指定や属性セレクターなど、CSSで指定するとIE6ではNGなのだけどjQuery側から指定すればOK。 CSSセレクター $(”*”) すべての要素 $(”p”) pタグ $(”#id”) id=”#id” $(”.class”) class=”class” $(”.class, #id”) class=”class”とid=”#id” $(”#id div”); #id内のdiv ...
なんて有益なエントリーなんだ!↓ jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ セレクタの実行結果を変数にキャッシュ メソッドチェーンを使う find(),end()を利用 クラス名だけの指定ではなくタグも明示 #idでいいところは#idで 子供セレクタ(>)を使う
なんて有益なエントリーなんだ!↓ jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ セレクタの実行結果を変数にキャッシュ メソッドチェーンを使う find(),end()を利用 クラス名だけの指定ではなくタグも明示 #idでいいところは#idで 子供セレクタ(>)を使う
.htaccess AuthUserFile /.htpasswd AuthGroupFile /dev/null AuthName "guest" AuthType Basic require valid-user #for indexes ---------- Options all IndexOptions FancyIndexing IndexOptions FoldersFirst IndexOptions HTMLTable AuthUserFileはサーバー ...