HTML&CSS

z-indexの使い方〜詳説

z-indexは要素の重なり順を変更することができる便利なプロパティですが、思わぬところで落とし穴があります。 z-indexの値を変更しても重なり順を変更できずに困った経験がないでしょうか。その原因は正しい仕組みを理解していないためです。 z-indexとは単純に要素の重なり順を変更するだけのもの  >>続きを読む

PHP無名関数とWordPress

PHPでは無名関数がPHP5.3以上で対応しています。 つまりWordPressもPHP5.3以上の環境なら無名関数が使用できることになります。 無名関数のメリットは関数名が必要ない事と、クロージャーとして使用できることです。 PHPの無名関数 無名関数の例 サンプル1 $y = function   >>続きを読む

ページの高さを画面いっぱいにする

ページを画面いっぱいの高さにする方法です。 ポイントはCSSでhtml要素とbody要素をあらかじめ100%指定しておきます。 heightをパーセント指定するときは親要素のheight指定が必要になります。 次の例はpositionで指定された固定のheaderとfooterが存在し、コンテンツの  >>続きを読む

WordPressのフックについて

フックとは フックにはアクションフックとフィルターフックがあります。 アクションフックは実行中の特定のポイントもしくは特定のイベント発生時に WordPress のコアが起動させるフックです。 アクション API を使用して、これらのポイントで実行中の PHP 関数を一つ以上指定することができます。  >>続きを読む

get_posts( )で使用する foreach文の$postについて

get_posts( )で使用する foreach文の$postですがPHP的に考えると別に$postとしなくても好きな変数名にすればいいと考えてしまいます。 ところが、適当な変数名を使用すると期待どおりの動作をしてくれません。 get_posts( )で使用する foreach文の$postについ  >>続きを読む

WordPressでパーマリンクを行った際の.htaccessの記述

WordPressでパーマリンクを変更する場合サーバーがmod_rewriteモジュールの使用を許可してないと使えません。 mod_rewriteモジュールとは mod_rewriteモジュール とはURLの書き換えなどを行うモジュールです。 WordPressでは人にわかりやすいような特定のURL  >>続きを読む

moreの使い方〜WordPress

記事の途中に<!–more–>を入れるとそれ以降の記事が省略されて、全文表示ページへのリンクが設定された「続きを読む」となります。 この表示は投稿ページの表示やアーカイブのページで複数の記事を表示させる場合に使用されます。 <!–moreR  >>続きを読む

HTML5とCSS3のIE8対策

制作課題の作品を夢中で作成しているとついつい自分のPC環境が標準になってしまいます。 自分がChromeだからChromeで表示されれば満足してしまいがちです。 これではIE対策を忘れてしまいす。IE8は2014年4月時点のデスクトップブラウザシェアの1位で20.9%です。 常に色々なブラウザで確認  >>続きを読む

スマホサイト用のハンバーガーボタンナビ

スマホサイトのナビゲーションの例は新しい記事を書きましたのでそちらも参考にしてください。(2015/10/23) ハンバーガーボタンをクリックするとナビゲーションがアコーディオン状で展開されます。 jQueryを使用していますが、簡単な内容ですから自由にカスタマイズできます。 ヘッダーの高さは奇跡の  >>続きを読む