もしもワークス

もしもワークスは、あなたの未来に役立つウェブサイト構築、ホームページ製作をお手伝いします。 HTML/CSSコーディング、CMSカスタマイズ等、フットワークの軽さを活かして柔軟に対応いたします。お気軽にご相談ください。

skype: moshimoworks

nicedit

2015年3月15日
by moshimo
0 comments

nicEditでIEだけ特定のボタンを非表示にする

またまたnicEditネタです。
(前回は「nicEditでセレクトボックスの中のものをボタン化する」)

nicEditにボタンは備わっているけれど、特定のブラウザで動かない機能があったりします。
使えるブラウザでは使えるボタンだけど、使えないブラウザではそもそも表示したくない。そういうのをちょっと手をかけてみます。
続きを読む…

wordpress logo(grey-l)

2015年2月13日
by moshimo
0 comments

WordPressでピンバック関連のメモ

記事に書かれているショートコードが出力するリンクをつかって内部ピンバックしたい。
WPでピンバックが動く際にごにょるコードを書きたい。
というときに試行錯誤したときのメモです。

最初にやろうとしたこと。

add_action( 'do_pings', 'do_pings_gonyo', 10, 1 );
function do_pings_gonyo($post_id) {
	//ごにょ
}

do_pingsアクションがなにも引数を渡さないようなので断念。中でpost_idを受け取ることが必須だったので、do_pingsを呼び出す手前のpublish_postイベントでやることに。

add_action( 'publish_post', 'do_pings_gonyo', 5, 1 );
function do_pings_gonyo($post_id) {
	//ごにょ
}

続きを読む…

HTML5_Logo_300

2014年9月4日
by moshimo
4 Comments

レスポンシブ画像の手法いろいろ

ここしばらくチェックしてたレスポンシブ画像の手法に関してのまとめ。

» Responsive IMGs Part 2 — In-depth Look at Techniques Cloud Four Blog
レスポンシブ画像の実装例や問題点の解説。2011年当時の記事だがとても参考になる。ここにJS系でnoscriptでラップしたimg要素をフォールバックとして利用する例あり(重複リクエスト回避)。

Adaptive Images in HTML
サーバーサイド。PHP GD2で画面サイズに応じた画像を自動生成して送出。detailに詳細説明あり。

Response JS: mobile-first responsive design in HTML5.
JSでレスポンシブ画像。srcモード(img src置換)のほか、markupモードという要素生成モードあり。0.3系からモードは自動判別。

teleject/hisrc
JSのレスポンシブ画像ライブラリ。帯域テストの機能がある。未テスト。

Srcset and sizes — ericportis.com
レスポンシブ・イメージのための新しいHTML仕様について。
picture要素+media属性の記述法の欠点と、sizes, srcset属性の利点を理解。要はこちらがソースリストを用意し、ブラウザに選択・計算を任せるのがsizes & srcsetの手法。画像幅だけでなくピクセル比に応じた計算も自動化できる。将来的には通信時の帯域幅に応じて最適化するブラウザが出る可能性も。

Picturefill
レスポンシブ画像。ver2からpicture要素のpolyfillとして実装。ふつうに使うぶんにはimg要素の拡張(sizes, srcset属性)のみがコンパクトか。

まだまだ続きます。

続きを読む…

wordpress logo(grey-l)

2014年8月20日
by moshimo
0 comments

WPでメインループかどうかを知る

こういうものがあるのを知らなかった。

$query->is_main_query()

pre_get_postsアクションで以下のようにメインクエリのみを対象に加工処理するのに使える。

// インデックスページで特定のコンテンツを見せない処理
function custom_get_posts( $query ) {
     if ( is_admin() || ! $query->is_main_query() ) return;
     $terms = array(
          'study-log',
     );
     $args = array( array(
               'taxonomy' => 'category',
               'field' => 'slug',
               'terms' => $terms,
               'operator' => 'NOT IN'
          ) );
     $query->set( 'tax_query', $args );
}
add_action( 'pre_get_posts', 'custom_get_posts' );