HTML&CSS

レイアウト例2

1ページのタブ型レイアウトです。 タブ型のナビゲーションでページ遷移するように見せていますが、各ページはすべて1ページ内のセクションを移動しているだけです。 この例はjQueryを使用します。 jQuery使用のポイントはこちら タブ型レイアウトのサンプル HTMLの例 <header>  >>続きを読む

if文の書き方〜WordPress

endif;を使用したPHPのif文 WordPressの条件タグ $wp_queryを使用した条件分岐 PHPでif文を書く方法は通常のプログラムと同様の書き方とendif;を使用する書き方があります。 endif;を使用する方法はWordPressで頻繁に使用されたりします。 後者はWordPr  >>続きを読む

bloginfo( $show )の使い方

bloginfo( $show )のパラメータ 一部のパラメータの使用が非推奨になったり、廃止になったりしています。特に’stylesheet_directory’と’template_url’ や’template_directory&#  >>続きを読む

レイアウト例1

1ページリニア構造ぺーじの例です。 ポートフォリオサイト用などにも活用できそうです。 *IE対策は別途必要になります。 1カラムのレイアウトのサンプル HTMLのコード <section class="back1"> <div class="inner  >>続きを読む

jQuery Mobileの使い方

準備 jQuery Mobileのページに行って必要なライブラリをダウンロードまたはリンクします。 リファレンス参考 data-role transition テーマ作成 作成 sample.html HTML5の準備をします。 viewportの設定 jQuery Mobileのリンク コーディン  >>続きを読む

flex レイアウト詳説〜Flex Box Layout

レイアウト作成のためのCSS CSS2.1 にて定義されているレイアウトモードは次の4つです。 文書を配置するために設計されたブロックレイアウト テキストを配置するために設計された行内レイアウト 表を作成するためのtableレイアウト 他の要素とは別個に位置決めするための「positioned」レイ  >>続きを読む