JavaScript

ヘッダーではなく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>

タップで開閉するメニュー(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>

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

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

WordPressで作ったレスポンシブデザインのサイトにPCとスマホ表示の切替ボタンを設置する方法のメモ

基本的な設置方法(HTMLサイト用) 参照している人が多かったこちらのサイトのコードをコピペして使わせてもらっています。 レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた | A40 HTMLサイトに設置する手順 何はとも…

ワープロ文書の互換性問題からHTMLによる文書管理を思いついた。

※高い技術力を持つ人にとって、結論はしょうもない話です。 MS入ってないから文書が作りにくかったです問題。 今通っている実習先のマシンには、Microsoft Officeが入っていません。必要なときはOpenOfficeを使っています。 今日、議事録を書いていたところ…