Custom Post Type Permalinks - Toro_Unit
カスタム投稿タイプのパーマリンクをカスタマイズできるプラグインを作りました。 公式ディレクトリはこちら：http://wordpress.org/extend/plugins/custom-post-type-permalinks/ ライセンスはGPL v2 or Later です。 Github: https://github.com/torounit/custom-post-type-permalinks 使い方や不具合の報告などは、WordPress日本語フォーラム等へご相談下さい。 よくある質問は、Wikiを参照して下さい。 機能 各投稿タイプのパーマリンクを設定 日付によるアーカイブのURL(“exsample.org/posttype/date/2011/11/02”的な)を追加 wp_get_archives()のパラメータに“post_type=投稿タイプ”の追加 カスタム
カスタム投稿のカスタマイズ - Toro_Unit
カスタム投稿のパーマリンクはデフォルトだと /カスタム投稿名/投稿タイトル になってて、これが結構使いづらいんですよ。日本語タイトルだとURLまで日本語になってしまったり。 また、月別アーカイブとかが無かったりで色々と面倒。なので、functions.phpで色々カスタマイズします。 2011-12-28追記：プラグインにしました。今後はこちらをお使い下さい。Custom Post Type Permalinks [php] class set_custom_rewrite { var $post_type; function set_custom_rewrite($post_type){ $this->post_type = $post_type; add_action(‘init’, array(&$this,’set_rewrite’)); add_action(‘init’, ar
body_classにカスタム投稿タイプを追加。 - Toro_Unit
カスタム投稿タイプを使ってテンプレート作成するとき、body_class()がカスタム投稿タイプを吐いてくれると楽だなと思ったので、ちょっと作ってみました。 [php] add_filter(‘body_class’,’add_posttype_classes’); function add_posttype_classes($classes) { $postype = get_query_var(‘post_type’); $classes[] = $postype; if(!$postype ==""){ $m_key = array_search(‘home’, $classes); unset($classes[${‘m_key’}]); } return $classes; } [/php] カスタム投稿タイプのアーカイブページだと、is_front_page()がtrueになる
ie9.jsを使うと出来ること、出来なくなること。 - Toro_Unit
最近ie9.jsを活用することが少々あるので、 いまさらながらまとめです。 配布場所 ie7-js http://code.google.com/p/ie7-js/で配布されています。 デモはhttp://ie7-js.googlecode.com/svn/test/index.htmlで見れます。 使い方 head内に [html] <!–[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]–> [/html] と貼り付けるだけです。フッターに貼ると誤作動起こす場合がたまに合ったような気がします。 できるようになること E > F 子セレクタ。直下の子要素にのみ適応するやつ。 E + F 隣接兄弟セレクタ。Eのすぐ下隣に居る弟要素
横幅いっぱいのコンテンツスライダーつくりました。 - Toro_Unit
jQueryで横幅いっぱいのコンテンツスライダー、jQuery Full-width Sliderというプラグインをつくりました。 トップページのメインビジュアルとかで使えると思います。というか昔の案件で使ったものをブラッシュアップしたものです。画像以外も使えます。 jquery.fullwidthslider.1.0 デモ:http://demo.torounit.com/fullwidthslider/ 2012-02-09:デモのCSSを修正。IE対応。 デモの写真はFree.Stockerのを使わせて頂いています。良い写真いっぱいありますよねここ。 使い方 js [js] $(function(){ $(".slide").fullWidthSlider({ width:640, height:480 }); }) [/js] html [html] <div class="sli
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
