WordPress moreの使い方〜WordPress
記事の途中に<!--more-->を入れるとそれ以降の記事が省略されて、全文表示ページへのリンクが設定された「続きを読む」となります。
この表示は投稿ページの表示やアーカイブのページで複数の記事を表示させる場合に使用されます。...
Tips
WordPress 
HTML&CSS HTML5とCSS3のIE8対策
制作課題の作品を夢中で作成しているとついつい自分のPC環境が標準になってしまいます。
自分がChromeだからChromeで表示されれば満足してしまいがちです。
これではIE対策を忘れてしまいす。IE8は2014年4月時点のデスクトップ...
HTML&CSS スマホサイト用のハンバーガーボタンナビ
スマホサイトのナビゲーションの例は新しい記事を書きましたのでそちらも参考にしてください。（2015/10/23）
ハンバーガーボタンをクリックするとナビゲーションがアコーディオン状で展開されます。
jQueryを使用していますが、簡...
HTML&CSS レイアウト例２
1ページのタブ型レイアウトです。
タブ型のナビゲーションでページ遷移するように見せていますが、各ページはすべて1ページ内のセクションを移動しているだけです。
この例はjQueryを使用します。
jQuery使用のポイントはこち...
php&MySQL if文の書き方〜WordPress
endif;を使用したPHPのif文
WordPressの条件タグ
$wp_queryを使用した条件分岐
PHPでif文を書く方法は通常のプログラムと同様の書き方とendif;を使用する書き方があります。
end...
WordPress bloginfo( $show )の使い方
bloginfo( $show )のパラメータ
一部のパラメータの使用が非推奨になったり、廃止になったりしています。特に'stylesheet_directory'と'template_url' や'template_director...
HTML&CSS レイアウト例１
1ページリニア構造ぺーじの例です。
ポートフォリオサイト用などにも活用できそうです。
＊IE対策は別途必要になります。
１カラムのレイアウトのサンプル
HTMLのコード
CSSの設定
一部のsectionに...
HTML&CSS jQuery Mobileの使い方
準備
jQuery Mobileのページに行って必要なライブラリをダウンロードまたはリンクします。
リファレンス参考
data-role
transition
テーマ作成
作成
sample.html
...
HTML&CSS Modernizrについて
Modernizrは、ブラウザーで使用可能な機能をCSSやJavaScriptを用いて確認できる便利なライブラリです。ユーザーが使用しているブラウザでHTML5の機能やCSS3を正しく使用できるか判定したclass名を付けてくれます。
...
HTML&CSS widthをパーセント指定する場合の小数点〜CSS
2015/11/16追記
幅などの値に小数が出る場合は、IE旧バージョン以外ではcalc()を使用しましょう。
calc()についての詳細はこちらのページ
スマートフォンサイトを作成する場合、幅などの指定を固定幅で指定するのではな...