[WordPress] カスタムフィールドに登録した画像のサムネールやらを取得する。

WPってアップロードした時に、管理画面の設定>メディアで指定したサイズで ・サムネイル ・中サイズ ・大サイズ それぞれの画像が自動的に生成される。 それを利用してカスタムフィールドで登録した画像の生成されたリサイズ画像を取得する。 より個別具体的にいうと、カスタムフィールドで画像登録してlightbox的な事したいんだけど、という時の対応。 これでできたけどスマートかどうかはわからない。 前提 カスタムフィールドの数は10コとする(仮に)。 フィールド名はimage01〜image10 …

カスタムフィールドに登録した画像のサムネールやらを取得する。

WPってアップロードした時に、管理画面の設定>メディアで指定したサイズで ・サムネイル ・中サイズ ・大サイズ それぞれの画像が自動的に生成される。それを利用してカスタムフィールドで登録した画像の生成されたリサイズ画像を取得する。 より個別具体的にいうと、カスタムフィールドで画像登録してlightbox的な事したいんだけど、という時の対応。 これでできたけどスマートかどうかはわからない。 前提 カスタムフィールドの数は10コとする(仮に)。 フィールド名はimage01〜image10。 フィールド内にはオリジナル画像のURLが入力される。 やってる事 カスタムフィールドの画像(値/URL)と…

月別アーカイブ表示に年区切りを入れる。

wp_get_archives();で表示される ・2010年3月 ・2009年6月 というのを 2010年 ・3月 2009年 ・6月みたいな表示にする。2010年3月等と表示される日本語環境のみ、March 2010とか表示される英語環境だと要修正。

ARCHIVES

<?php //1. 年を抽出して配列に格納 $archives_year = strip_tags(wp_get_archives('type=yearly&show_count=0&format=custom&echo=0')); //wp_get…

[WordPress] wp_list_categories();の表示ソース整形

WPでカテゴリ一覧を表示する時、wp_list_categories();を使うんだけど、そのままだと、

  • カテゴリー
  • 特定のページの内容を表示する。

    post_content; //ここではpost_content(本文)を表示させてる。 ?> query_posts(‘page_id=〜’); としてもいいのだけど、重複タイトルが想定されないならpagenameのほうが都合いい気がする。 id調べなくていいし。取得したい…

    [WordPress] 特定のページの内容を表示する。

    post_content; //ここではpost_content(本文)を表示させてる。 ?> query_posts(’page_id=〜’); としてもいい …

    コンテクストメニュー(右クリック)から新しいファイルを生成

    Windowsの右クリックから新規ファイルをつくるっていう機能を、Macでも。Leopard時代は、 NuFile っていうアプリを使っていたのだけど、Snow Leopardになって動かなくなった。ので、Automaterのサービスで同じようなものを設定する。・指定されたテキストを取得 ・新規テキストファイルのファイル名拡張子をかえて、いろいろつくっておけば、ほぼNuFileと同じ機能がもてると思われ。

    [Automater] コンテクストメニュー(右クリック)から新しいファイルを生成

    Windowsの右クリックから新規ファイルをつくるっていう機能を、Macでも。 Leopard時代は、 NuFile っていうアプリを使っていたのだけど、Snow Leopardになって動かなくなった。 ので、Automaterのサービスで同じようなものを設定する。 ・指定されたテキストを取得 ・新規テキストファイルのファイル名拡張子 をかえて、いろいろつくっておけば、ほぼNuFileと同じ機能がもてると思われ。

    アップロードした画像の縦横を比較して、指定サイズ以内にリサイズする。

    まあ、MTで画像をアップする際に、 MT側でリサイズさせちゃおうという方法ですな。やっていることは アップした画像をwidth、heightを取得 width、heightを比較して、横長画像か縦長画像か判定 横長なら、横(width)基準で指定サイズにリサイズ 縦長なら、縦(height)基準で指定サイズにリサイズ

    [Movable Type] アップロードした画像の縦横を比較して、指定サイズ以内にリサイズする。

    まあ、MTで画像をアップする際に、 MT側でリサイズさせちゃおうという方法ですな。 やっていることは アップした画像をwidth、heightを取得 width、heightを比較して、横長画像か縦長画像か判定 横長なら、横(width)基準で指定サイズにリサイズ 縦長なら、縦(height)基準で指定サイズにリサイズ <mt:SetVarBlock n …

    管理画面でサムネール画像が表示されない

    MTで画像に関して、 画像(ファイル)のアップロードはできる ブラウザでその画像のパスにアクセスするときちんと表示される。 のに、 管理画面のアイテムや、カスタムフィールドのプレビューに表示されない (<img src=”” >みたいになってる、[アイテムを表示]をクリックすると当然ちゃんと表示される) のような場合、そのサムネール画像がきちんと生成されていないということ。 このあたりの画像(管理画面で表示される画像)は、アップした画像のサムネールで、 デフォルトでは、ブログの公開先URLの[assets_c]というディレクトリに保存される。 なので、[assets_c]ディレクトリを適切なパ…

    [Movable Type] 管理画面でサムネール画像が表示されない

    MTで画像に関して、 画像(ファイル)のアップロードはできる ブラウザでその画像のパスにアクセスするときちんと表示される。 のに、 管理画面のアイテムや、カスタムフィールドのプレビューに表示されない (<img src=”” >みたいになってる、[アイテムを表示]をクリックすると当然ちゃんと表示される) のような場合、そのサムネール画像がきちんと生成されていないということ。 このあたりの画像(管理画面で表示される画像)は、アップした画像のサムネールで、 デフォルトでは、ブログの公開先 …

    fsmenu.jsとmootoolsがコンフリクトする問題

    fsmenu.js(FreeStyle Menus)というhoverで下層ナビゲーションを表示するスクリプトがあるのだけど、 (HTML+javascriptでDHTMLと呼ばれてたころからあるっぽい) mootoolsと同時につかうと、コンフリクトして動作しなくなる(fsmenu.jsが)。 今ならfsmenu.jsのとこjQueryやらmootoolsで代替できるっしょって感じなのだろうけど、 なんらかの理由で代替できない時の解決方法。 TYPOlight forum – TYPOlight Open Source CMS にそのままのってるのだけど、 fsmenu.js関連の記述で、 ・…

    [JavaScript] fsmenu.jsとmootoolsがコンフリクトする問題

    fsmenu.js(FreeStyle Menus)というhoverで下層ナビゲーションを表示するスクリプトがあるのだけど、 (HTML+javascriptでDHTMLと呼ばれてたころからあるっぽい) mootoolsと同時につかうと、コンフリクトして動作しなくなる(fsmenu.jsが)。 今ならfsmenu.jsのとこjQueryやらmootoolsで代替できるっしょって感じなのだろうけど、 なんらかの理由で代替できない時の解決方法。 TYPOlight forum – TYPOlight …

    [CSS3] lightboxとCSS3

    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

    lightbox系スクリプトにCSS3のプロパティ追加すると面白い効果が手軽にできる。 見れる環境はまだ限定されるけど。自分のサイトで実装してみた。 photo > Page.1″>811022.info > photo > Page.1 @-webkit-keyframes rolling { from { -webkit-transform: translate(0px,1200px) scale(0.1) rotate(90deg); } to { animation-timing-function: ease-in-out; -webkit-transform: translate(0…

    [WordPress] 月別アーカイブリストの表記を変える。

    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 …

    月別アーカイブリストの表記を変える。

    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->year, $arcresult->month); に変更。

    [Pd] Study-090910

    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 = マイクの音声を使 …

    Study-090910

    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 = マイクの音声を使う object:soundoutput = 音の出力 object:m_scale object:c_multimetr…

    [Pd] Study-090909

    わかりやすい。 Studio Gyokimae – Puredata初歩の初歩 基礎 Pdには「Edit mode」という概念があり、オン時は編集に、オフ時には演奏にそれぞれ都合の良いようインターフェースの挙動が異なります。 この切り替えは、Editメニュー内の「Edit mode」をチェックするか、Ctrl + Eを押して行います。 Pdのオブジェクトは、オブジェクト上段にinlet(入力)、下段にoutlet(出力)を持ちます。 オブジェクト 存在しないオブジェクト名をタイ …

    Study-090909

    わかりやすい。 Studio Gyokimae – Puredata初歩の初歩 基礎 Pdには「Edit mode」という概念があり、オン時は編集に、オフ時には演奏にそれぞれ都合の良いようインターフェースの挙動が異なります。 この切り替えは、Editメニュー内の「Edit mode」をチェックするか、Ctrl + Eを押して行います。 Pdのオブジェクトは、オブジェクト上段にinlet(入力)、下段にoutlet(出力)を持ちます。 オブジェクト 存在しないオブジェクト名をタイプすると失敗して破線が描かれる。 Numberボックス > Shiftキーを押しながらドラッグした場合は、0.01ステ…

    [Pd] RjDj Sprint Tokyoを見学してみる。

    RjDj Sprint Tokyo に見学に行くことにした。 Pdなどまったくわからずに。 以下あたりに目を通しておけばいいのだろうか。 理解できるか不安。。 ウノウラボ Unoh Labs: iPhoneアプリRjDjのシーン開発入門 #001 RjDj(Single Album) | My Codex Leicester Pd ドキュメント

    RjDj Sprint Tokyoを見学してみる。

    RjDj Sprint Tokyo に見学に行くことにした。 Pdなどまったくわからずに。以下あたりに目を通しておけばいいのだろうか。 理解できるか不安。。 ウノウラボ Unoh Labs: iPhoneアプリRjDjのシーン開発入門 #001 RjDj(Single Album) | My Codex Leicester Pd ドキュメント

    [JavaScript] photosetでいろいろ

    先のエントリーで、Flickrの任意のSetを取得してみたが、それでいろいろ試してみる。 Flickr x jQuery Cycle Plugin 画像の〜するって事を考えると、 » JQuery Cycle Plugin との相性は良さそう。 というわけで ■デモ(画像切り替え) http://2244.jp/_demo/flickr/02_background/ 読み込んだimageの幅を100%として、Cycleプラグインのfadeを使って切り替え。 こんな感じで100%表示すれば …

    photosetでいろいろ

    先のエントリーで、Flickrの任意のSetを取得してみたが、それでいろいろ試してみる。 Flickr x jQuery Cycle Plugin 画像の〜するって事を考えると、 » JQuery Cycle Plugin との相性は良さそう。というわけで ■デモ(画像切り替え) http://2244.jp/_demo/flickr/02_background/読み込んだimageの幅を100%として、Cycleプラグインのfadeを使って切り替え。 こんな感じで100%表示すればサイトの背景画像なんかに使うのもいいかもしれない。 ■デモ(スライドショー) http://2244.jp/_d…