jQuery

ヘッダーではなくfunctions.phpでスクリプト、スタイルファイルを読み込ませる

(久しぶりだとテーマのつくり方を忘れてしまう) WordPressでテーマを作るとき、JavaScriptやCSSのファイル読み込みは、headタグ内で <script src="<?php bloginfo('template_url');?>/js/hoge.js" type="text/javascript"></script> とか <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/css/hage.css" /> てな具合にやるのがHTML/CSSコーダーにとっては分かりやすい…</link>

中の画像の幅に応じて親要素の幅を調整するjQuery

ようやく目的の情報が見つかったのでメモ。元情報はこちら。 画像の幅を指定し、親要素のwidthに代入し、さらに画像にあてた説明文を画像のaltとして入れたい。 - ハリマカツユキ・旧技術ブログ やりたいこと 量産を前提とする静的なサイトで、画像にキャプ…

タップで開閉するメニュー(2段階)

タップ(クリック)で開閉するメニュー - Webデザインの日々日記の応用で2段のメニューを作ったのでメモ。 HTML <nav class="gnav"> <div class="toggle burg"> <span class="burg-inner"></span> </div> <ul class="menu1"> <li class="toggle2"><span class="toggle2-inner">menu1</span> <ul class="menu2"> <li><a href="#">menu1-child</a></li> <li><a href="#">menu…</a></li></ul></li></ul></nav>

Lazy load + WordPress + 静的ページの組み合わせ

静的ページでWordPressの情報を取り込む 前提 サーバーがhtmlもphpとして扱ってくれるように設定してあることが必要。 .htaccessファイルに AddType application/x-httpd-php .html を書き込むことで機能することが多い。php.iniの編集を必要とする場合もあ…

タップ(クリック)で開閉するメニュー

スマホ対応案件が増えてくるにつれ、ハンバーガーメニューを作らなければならない場面が増えてきました。 タップするとメニューが開く、という条件だけならCSSだけでも可能(:hoverで開くように指定すると、スマホではタップで動作する)ですが、閉じるには…