2013-02-01から1ヶ月間の記事一覧

ポストタグ | WordPressテンプレートタグ

post_nav_link() 一覧ページが複数のページに分かれる場合に、前後のページへのリンクを表示する。 引数名値説明 sep文字列前後のページへのリンクの間に表示する文字。デフォルトは「-」 prelabel文字列前のページへのリンク文字。デフォルトは「 nxlabel文…

WordPressの全てのデータをBackWpUpで自動バックアップする

WordPressは本体の更新やプラグインの更新が日々行われていて、何も考えずに本体のvarやプラグインのvarを更新してしまうと今までうまく機能していたものでも互換性が失われうまく機能しなくなることがよくあります。 WordPressのファイルやデータベースをし…

情報処理技術者試験

日本におけるIT国家戦略を技術面・人材面から支えるために設立された、経済産業省所管の独立行政法人情報処理推進機構通称「IPA」 IPAの活動 コンピュータウイルスやセキュリティに関係する調査・情報提供も行っている。直近で言うと「OracleJava」や「Adobe…

グリッドレイアウトの練習

既存のサイトを参考に自分なりにレイアウトする 製作時間:50分 HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>おかず</title> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>

Googleウェブマスターツール

クローラーに巡回対象にするために、ウェブマスターツールに登録する Googleのアカウントを作成する ウェブマスターツールにログイン 巡回対象にするサイトのURLを入力 生成されたHTMLファイルをダウンロードし自分のサイトの第一階層にアップする アップロ…

モリサワクラウドフォントサービス 「TypeSquare」

TypeSuqareは日本語フォントの大手モリサワが提供するWebフォントサービスです。 元々CSS3でサーバー上にあるWebフォントを読み込む機能は実装され「GoogleWebFonts」などで無償で提供されていました。しかし日本語は特殊な文字の為に容量が多い問題や提供す…

サイトマップの作成

サイトマップを作成しGoogleのウェブマスターツールに送信しておくことで効率的に自分のサイトのクロールを促す 様々な形式のサイトマップに対応しているがサイトマッププロトコルに基づいて作成することが大切 1つのサイトマップファイルに含まれるURLの数…

GoogleAnalytics

GoogleAnalytics Googleアカウントでログイン 新規作成 自分のWebサイトのタイトル、URLなど必要項目を入力 分岐1 はてなdiaryならトラッキング情報からトラッキングIDを取得 はてなdiary側でログインし設定、外部サービス連携からGoogleAnalyticsのIDを入…

調布市の基礎工事 鳶職の伝統 | 小川建設

調布市の基礎工事が得意な小川建設。あわせて「鳶職の伝統」を紹介するサイトです。 調布市の基礎工事・外構工事・足場工事・土木工事なら小川建設

WordPressリスト&ドロップダウンタグ

wp_list_categories() 作成したカテゴリーの一覧をリスト表示する。引数名と値を&で繋げて複数指定可能 引数名値説明 orderbyname(初期値)カテゴリーのアルファベット順に並べ替える。 IDカテゴリーのID順に並び替える。 slugカテゴリースラッグのアルファ…

RSSを取得して表示する

主にサイトの更新情報を公開するのに使われているRSS。Webサイトの見出しや要約などのメタデータを構造化して記述するXMLベースのフォーマット。RSSを取得して表示するにはPHP5で標準実装されたsimplexmlモジュールを利用する。RSSには「RDF site summary(RS…

ブログインフォタグ - WordPressのテンプレートタグ

bloginfo() 管理画面で入力したブログに関する情報を表示・取得する。 引数に様々な値を指定することでサイトタイトル、キャッチフレーズ、アドレス等を取得できる。表示をせずに変数の値として使用する場合はget_bloginfo()で取得する。 引数名値説明 shown…

Movieを編集・アップロード

Movieの編集 Media Encoderで画像解像度と拡張子を変更する YouTubeにアップロード 自社のサーバにアップロードすることも可能だがヘタなサーバーだと負荷がかかりすぎるので通常使う場合はYouTubeで十分。YouTubeならユーザーが見れる形式に自動で変換して…

インクルードタグ - WordPressのテンプレートタグ

WordPressにはテンプレートタグというブログのデータを動的に表示したり、個性的で面白いブログにカスタマイズしたりするときに使う独自のタグがあります。始めに必ず必要になるインクルードタグから紹介します。 参照:テンプレートタグ - WordPressCodex日…

WordPress入れておきたいプラグイン

WordPressはプラグインを使うだけで様々な機能を手軽に追加できます。WordPressをインストールしたら始めに入れておきたいプラグインをまとめました。一覧の下に簡単な解説があります。 Akismetk WP Multibyte Patch All in One SEO Pack Google XML Site…

WordPress作品

オリジナルテンプレートで作ったフォトギャラリー 2012年9月頃に本を見ながら作成したものを PHPの勉強をしたので細かい所を改変しました。 ファイル構成 index.php header.php footer.php sidebar.php single.php comment.php photo-list.php(オリジナルテ…

single.phpで現在のカテゴリーを取得し記事一覧を表示する

cat_ID ; break ; } $cat_now = 'cat=' . $cat_id. '&showposts=10'; query_posts($cat_now) ; if(have_posts()): while(have_posts()): the_post(); ?> この場合、showpostsで10件表示するように指定している。 query_postsとループを使用しているので必ず…

WordPressのテンプレート優先順位

WordPressは、phpファイルを読み込むことでページを表示しているが各ページごとに読み込む優先順位が決まっている。 優先順位が高いファイルがない場合は次のファイルを探し読み込むという仕組みになっている。 優先順位はおおまかに、 トップページの表示 h…

WordPressのページ構成

WordPressのページは、基本的に複数のphpファイルを読み込んで構成されている。単純な構成のTOPページではindex.php内に以下の3つのphpファイルを読み込んで表示する。 header.php sidebar.php footer.php ここでいうheader.phpやsidebar.php等は標準テンプ…

MySQL

MySQLをPHPから扱う為の準備 MySQLに接続 mysql_connect ('データベースサーバー名', 'ID名', 'パスワード') or die(mysql_error()); 「or die〜」で、接続失敗時にfalesが帰ってきたら接続を中止するif文の省略 接続データベースの指定 mysql_select_db (…

MySQL:応用

誰でもデータベースに登録できるようにする 登録商品一覧 商品登録ページ 商品登録確認ページ 商品登録送信ページ メーカー登録ページ メーカー登録確認ページ メーカー登録送信ページ 登録確認ページで誤操作等で未入力の場合はじく未入力判定は他にも色々…

mySQL

テーブルを作る CREATE TABLE テーブル名 (フィールド1, フィールド2, ...); データを挿入する INSERT INTO テーブル名 SET フィールド名 = 値, フィールド名 = 値, ...; データを変更する UPDATE テーブル名 SET フィールド名 = 値, フィールド名 = 値, .…

SCSS+Compassの基本練習(3)

前回の記述を変数、ネスト、mixin、継承の機能を使ってさらに簡潔に書き換える。 SCSS+Compassでの記述 コンパイル後のCSS .default-box, .costom-box2 { margin: 10px; padding: 10px; width: 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px;…

練習課題(3)

結婚できるか判定しなさい 判定内容 未入力もしくは0以下=年齢を入力してください。 20歳以上=結婚していいよ! 両親の許可を得ている18歳以上20未満男性=結婚していいよ! 両親の許可を得ている16歳以上20未満女性=結婚していいよ! 両親の…

練習課題(2)

お問い合せフォーム記述しなさい htmlファイル <form method="POST" action="form.php"> <p>メールアドレス<input type="text" name="email" size="30"></p> <p><input type="checkbox" name="keitai" value="1">携帯アドレスの場合はチェックする</p> <p><input type="radio" name="sex" value="male" checked>男性<input type="radio" name="sex" value="female">女性</p></form>

練習課題(1)

九九表をPHPで作りなさい。 PHPファイル <th>&nbsp;</th>'); for ($k = 1; $k <= 9; $k++) { echo ('<th>'. $k. '</th>'); } echo ('</tr>'); for ($i= 1; $i <= 9; $i++) { echo ('<tr>'); echo ('<th>'. $i. '</th>'); for ($j = 1; $j <= 9; $j++) { echo ('<td>'. $i*$j. '</td>'); } echo ('</tr>'); } ?> …

SCSS+Compassの基本練習(2)

Compassの特徴的な機能を使って、ベンダープレフィックス(接頭辞)や ブラウザごとに異なる記述が必要なプロパティを一括で記述する。 SCSS+Compassでの記述 コンパイル後のCSS .default-box { margin: 10px; padding: 10px; width: 300px; height: 80px; -…

SCSS+Compassの基本練習(1)

コンパスの機能を読み込んで、リセットCSSをインポートする。 SCSS+Compassでの記述 コンパイル後のCSS html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, df…

自分チラシ

自分を売り出すチラシ作成しました。 コンセプト 上から下に流れるようなデザインにし、都会から地方への流れをイメージしています。 サンプル 個人情報が記載されているので実際のデータにかなりぼかしをいれてあります。

HTML5

HTML5はWHATWGによって2004年に定められた「WebApplications1.0」に「WebForms2.0」を取り入れたものがW3Cの専門委員会に採用され、W3Cより2008年1月22日にドラフト(草案)が発表された。現在、2014年までの正式勧告を目指して策定が行われている。 参照:H…