functions.phpの役割

functions.phpを使う意味テーマで定義する関数を書くためのもので、関数をひとつのファイルにまとめておくことで、見通しが良くなります「wp_title」のカスタマイズは「functions.php」で《twentyfourteenのfunctions.php》 function twentyfourteen_wp_t…

2014-10-22

モジュールテンプレートの使い方

モジュールテンプレートの仕組み

2014-10-21

テーマ・テンプレートとテンプレート階層

テンプレートファイルとは

2014-10-16

関数

関数とは何らかの処理をして、返り値を返すもの関数名( 引数 ) 《例》 PHPに用意されている date()関数を使用して、表示した日時を返しています date()と引数を書くだけで、「サバーに日付を問い合わせる」「日付を取得する」「日付を適切な文字列にする…

2014-10-15

whileを利用した繰り返し処理

繰り返し while文繰り返し（ループ） while文は、「条件が合致している間はその処理を繰り返す」という構文 ifは「もし〜だったら」、whileは「〜の間は」 while文の書き方 while ( 条件式 ) { 条件を満たす場合の処理条件判定が最終的に偽になる変更を入…

2014-10-14

ifを利用した条件判定

if文単純な条件判定特定の場合のみ実行したい時に記述条件を設定し、条件を満たす場合に処理を実行する if（条件）{ 条件を満たす場合の処理 } 《例：午前10時前なら処理を実行》「date_default_timezone_set」は、php.iniで変更してある場合は、記述は…

2014-10-13

配列

配列とは複数のデータをまとめて格納できます箱の中に仕切りがあって複数のデータをいれることができる「Excelの行」のようなイメージです配列に格納されているデータを「要素」と呼びます変数に値を格納して記述

2014-10-11

小知不及大知

小知は大知に及ばず、小年は大年に及ばず。蜩（チョウ・ひぐらし）と学鳩（ガクキュウ・こばと）とこれを笑いて曰（い）わく、「我れら決起（ケッキ）して飛び、楡枋（ユボウ）に搶（つきすす）むも、時としては則ち至らずして地に控（コウ・なげいだ）さる…

2014-10-06

アクセス制限

見られたくないページを見られないようにするには見られたくないページを閲覧不可にする robots.txt 「robots.txt」を置き、検索の対象から外す認証を使う .htaccessによるBasic認証パスワードで認証された場合のみ閲覧可能にする見られたくないディレク…

2014-09-23

HTML全体の構造

DOCTYPE宣言本来HTML5からは、DTDがなくなりましたところが現在のブラウザでは、DTDをつけなければ「HTMLで表示している旧式のページ」と認識してそのページを扱います（正しい表示結果が得られなくなります） htm要素 DTD以外のすべての要素は、この中に…

2014-09-22

Shift Layout

Shift Layout 例《index.html》 <html lang="ja"> <head> </head></html>

2014-09-21

Fluid & Fixed Layout

Fluid & Fixed Layout 例《index.html》 …

2014-09-20

透過を保ちつつPNGを高圧縮する

PunyPNG オンラインでPNG画像を圧縮するWebサービスメタデータなどの情報消して容量を軽くするので画質が劣化しません PNGGauntlet Windows ImageAlpha Mac IE6でもこの圧縮透過PNGは適用され透明になります 447KBの透過PNGデータが「126KB」になりました W…

2014-09-18

ロールオーバー

仮の画像を置く画像の仮置きのスペースを確保する image placeholder CSS3でロールオーバーロールオーバーで大きくする割合に注意！（アニメーションを見せたいわけではなく、商品を見せたい）基本構造クラスdetailにロールオーバー時にフェードインさせ…

2014-09-17

アニメーション

CSS3アニメーション CSS3 Tutorial CSS3アニメーションの基礎(Animation編) CSS3リファレンス：アニメーション MOZILLA DEVELOPER NETWORK：CSS アニメーションねこだまのCSSリファレンス&デモマーキー左右や上下にスクロールする文字や画像を表示します <html lang="ja"></html>…

2014-09-16

グラデーション

CSS3 グラデーション background に指定することで、ボックスの背景色を線形にグラデーションに指定する値です。（※ブラウザによって記述方法が変わりますので注意が必要です。 mozilla系ブラウザ -moz-linear-gradient(方向, 開始色, 終了色;) background:…

2014-09-15

角丸をつける

角丸（かどまる）をつける border-radius CSS3代表的なプロパティ角丸 <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSS3 角丸</title> <style> #radius1, #radius2, #radius3, #radius4 { border: 4px solid #F90; width: 200px; height: 100px; margin: 30px 50px; } #radius1 { border-radius: 20px; } #radius2</meta></head></html>…

2014-09-14

CSS3シャドウ

CSS3 ボックスシャドウボックスシャドウはボックスモデルの外側・内側に影を作ることができ、「X軸・Y軸・ぼかし具合・色」を設定することができます。また、カンマ（,）で区切ることによって複数の影を作れます。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSS3 ボックスシャドウ</title> <style> #bShadow1,</meta></head></html>…

2014-09-11

予約システム

時間単位で予約できる予約ページを作成プラグイン「MTS Simple Booking予約システム」をインストールする予約システムの設定各種設定詳細設定をしておく予約パラメータカレンダーを表示する受付を作成直後からにする予約受付期間当日から何ヶ月先ま…

2014-09-10

Like Boxといいねボタンを設置

Like Box いいねを設置いいね(Facebook)ボタン：コード生成ページ http://developers.facebook.com/docs/reference/plugins/like/ ※アカウントが認証されていない場合は、以下の画面が表示されます。ボタンのオプション URL to Like 「いいね！」ボタンの…

2014-09-09

ツイートボタンを設置

ツイートボタンを設置アカウント→「素材」ツイートボタン：コード生成ページ http://twitter.com/about/resources/buttons#tweet ボタンの選択表示名（指定項目）説明リンクを共有するツイートボタンと呼ばれるボタンを作成する。特定のWebページから…

2014-09-08

CSS Framework

Object-Oriented CSS OOCSS（オブジェクト指向CSS）のススメ STUDY OOCSS OOCSS(Object-Oriented CSS)の考え方 Bootstrap Scaffolding Twitter Bootstrapのデザインを簡単に変更出来るWebサービス・StyleBootstrap Jetstrap BootstrapのUIがドラッグアンドド…

2014-09-07

.htaccessまとめ

拡張子「.php」を「.html」に変換「.htaccess」に記述する # 全ての拡張子「.php」を「.html」に変換する AddType application/x-httpd-php .php .html index.htmlとindex.phpを混在させる方法通常WordPressをインストールするとindex.phpにアクセスしても…

2014-09-06

掲示板を作成

トップページ掲示板へのリンクを作る《index.php》 <html lang="ja"> <head> <meta charset="UTF-8"> <title>テニスサークル交流サイト</title> </head> <body> <h1>テニスサークル交流サイト</h1> <p><a href="album.php">アルバム</a></p> <p><a href="bbs.php">掲示板</a></p> <h2>お知らせ</h2> </body> </html> 入力フォームの作成《bbs.php》

2014-09-05

MySQLデータベースの作成

MySQLデータベースの作成 MySQLに接続してデータベースを作成する CREATE DATABASE（データベース作成） USE（データベース選択） CREATE TABLE（テーブル作成） GRANT（ユーザー作成）コマンドプロンプト XAMPPコントロールパネルの「Shell」ボタンをクリ…

2014-09-04

データベース設計：掲示板

掲示板概要 BBS（Bulletin Board System）作りたい機能をもとにデータベース設計をする必要があります図式化して考えるどのようなデータをどのようなデータ型で保存するのかということを決めるのがデータベースの設計です掲示板利用者の役割（ロール） …

2014-09-03

CSS3 ジェネレーター

多機能型 CSS3プロパティジェネレーター CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator CSS3 GENERATOR CSS3 Playground by Mike Plate CSS3 Generator ボタン特化型 CSS Button Generator for your pleasure CSS GRADIENT BUTTON …