Clik here to view.
IE6, IE7, IE8, IE9 それぞれのcssハック
body { _font-size: 10px; /* ie6 */ *font-size: 12px; /* ie7 */ font-size: 14px\9; /* ie8 */ } /* ie9 */ :root body { font-size: 16px \0/; } ちなみに、ie8用で記述する...
View ArticleClik here to view.
スマートフォンサイトのHTMLソースをPCで確認する
まず、ブラウザのSafariを開き メニューバーの「Safari/環境設定」を開き、詳細を表示し「メニューバーに”開発”メニューを表示」にチェックを入れます。 次に、「開発メニュー/ユーザーエージェント/iPhone」を選択します。 これでスマートフォンサイトが表示されるので、右クリックから「ページのソースを表示」又は「command＋option＋i」でソースが確認できます。 参考サイト...
View ArticleClik here to view.
WordPressで使用しているjQueryのバージョンを変更する
<head>内に必ず書く <?php wp_head(); ?>より上に <?php wp_deregister_script('jquery'); wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', array(),...
View ArticleClik here to view.
WordPressの管理画面カスタマイズ＆functions.phpに書く便利な小技集
1.管理画面編 1.1.ログイン画面のロゴの変更 このロゴをオリジナルのロゴに変更するとイケてますよね！ ファイル名をlogin-logo.pngにしてimagesフォルダ内に。 デフォルトのロゴのサイズは274×63です。 function custom_login_logo() { echo '<style type="text/css">h1 a...
View ArticleClik here to view.
要素をアニメーションで絞り込みや並び替えさせるjQueryプラグイン Shuffle.js
Demoを見る HTML <ul id="btn"> <li data-group="all" class="active alpha">ALL</li> <li data-group="red" class="alpha">RED</li> <li data-group="blue"...
View ArticleClik here to view.
WordPress カスタムタクソノミーのタームのスラッグを取得する
get_the_terms で投稿記事のタクソノミー情報を取得します。 $terms = get_the_terms($post -> ID, '$taxonomy'); foreach($terms as $term){ $term_slug = $term -> slug; } まず、$termsに投稿記事のタクソノミー情報を代入。...
View ArticleClik here to view.
WordPress カテゴリーのスラッグを取得する
カテゴリーのスラッグを取得するには、get_the_categoryを使用します。 $cat = get_the_category(); $cat = $cat[0]; $cat_slug = $cat -> slug; せっかくなので、WordPress カスタムタクソノミーのタームのスラッグを取得するの時とは違う書き方をしてみたけど、foreachの方がスマートかも。...
View ArticleClik here to view.
CSS3のtransitionを使ったツールチップ
DEMO https://twitter.com/ HTML <p class="tooltip"><a href="https://twitter.com" target="_blank"><img src="http://www.n--log.net/wp/wp-content/themes/COOL_STONE/images/ico_03.png"...
View ArticleClik here to view.
カスタム投稿タイプで投稿した記事をRSSフィードに追加する
functions.phpに以下を記述。 function myfeed_request( $qv ){ if( isset( $qv['feed'] ) && !isset( $qv['post_type'] ) ) $qv['post_type'] = array( 'post', '$post-type' ); return $qv; } add_filter(...
View ArticleClik here to view.
IE7からのアクセスの場合モダンブラウザのダウンロードを促すJavaScript
JavaScript if(document.referrer.indexOf('サイトのURL') == -1 && (navigator.userAgent.indexOf('MSIE 7.0') > 0 ) ){ if(confirm('このサイトは、Internet Explorer バージョン7以下には対応しておりません。本サイトを閲覧するためにはGoogle...
View Article