スマホではtouchstart
イラスト上の色々な箇所からマウスオーバーで画像をポップアップする仕様で $(document).ready(function(){ $('#area1').bind( 'mouseenter', function() { $('.popup1').show(); }); $('#area1…
動画のiframeをdivで括る
テーマはレスポンシブでもYouTubeの動画を貼り付けるとそこだけサイズが変わらないので、自動でdivで括りましょう。 http://wordpress.stackexchange.com/questions/61877/how-to-wrap-an-element-around-an-iframe-or-embed-in-content-automatic…
メニューのアイテム数を取得
メニューのアイテム数を取得して、100÷アイテム数でスタイルのwidth を指定。 <?php $menu_items = wp_get_nav_menu_object( 'menu_name' ); $item_width = 100/$menu_items->count; ?> <style type=&quo…
多言語サイトメモ
連続して多言語サイトを制作した。 1つは言語ごとの担当者を分けたいという要望で、新規サイトということもあり、マルチサイトで制作した。 マルチサイトの場合、テーマは同じものを複製して必要箇所だけ差し替えれば良いので、その点は楽。 もう1つは運用中のサイトに英語コンテンツを追加するということで、qtranslate X を利用した。これはqtranslate の…
物件一覧に地図をつける
グーグルマップに全物件のマーカーを表示し、クリック時にリンク付きでタイトルを表示する。 *座標の登録にはACFを使用 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></scrip…
マルチサイトメモ
Admin Menu Editor はマルチサイトに対応していない。プロ版は対応しているらしい。 他にはサブメニューの並び替えや書き換え、独自メニューの追加ができるプラグインが見つからないので、ちょっと困っている。 Category Order and Taxonomy Terms Order はネットワークで有効化せず、別々に有効化。 親サイトのパーマリン…
jQuery slideToggle 覚書
クリックするID・クラスの次の要素を開閉する $(function(){ $("ul#navi").after().hide(); $("a.open").click(function(){ $(this).next().slideToggle(); }); }); 開くID・クラスと別のID・クラスで閉じる場合 $(…
ギャラリーをスライダーに
ショートコードで作成したギャラリーをスマホでの表示時(スマホ用のテーマを利用)にスライダーで表示したいということで、サイトで利用しているスライダーが bx slider なので、なんとかこれを利用する方法はないかと… で、これは、ギャラリーをリスト形式で出力するコードをfunctions に書いてスライダーのクラスを指定することで解決したのだが、ids で指…