カテゴリー : 2010年 8月

WordPressテンプレート優先順位

WordPressテンプレート優先順位

表示するページ 優先順位(高い→低い)
ホームページ home.php index.php
個別記事ページ single-{post_type}.php single.php
添付ファイル用のページ MIMEタイプの前半 attachment.php single.php
固定ページ page-スラッグ名.php page-ID.php page.php
日付・時間別アーカイブ date.php archive.php
投稿者別のアーカイブ author.php
カテゴリー別のアーカイブ category-ID.php category.php
タグのアーカイブ tag-タグスラッグ tag.php
検索結果のページ search.php
404エラーのページ 404.php

WordPress3.0から追加になったテンプレート階層
single-{post_type}.php・・・投稿タイプ が videos の場合は single-videos.php

WordPress2.9から追加になったテンプレート階層
category-スラッグ名.php ・・・ カテゴリーのスラッグが 『wp』 の場合は category-wp.php
page-スラッグ名.php ・・・ ページのスラッグが 『wordpress』 の場合は page-wordpress.php
page-ID名.php ・・・ 例えば固定ページのIDが『10』の場合は page-10.php

そろそろ、WordPressのテーマ作成を始めようかと思っています。
というか仕事でちょっとWordPress用の操作マニュアル的なものを作ることになったので、時々WordPressのテーマ作成や操作に関する投稿をしていきます。

MIMEとは

WordPressプラグイン「Contact Form 7」

WordPressに問い合わせフォームを簡単に追加できるプラグイン。
楽できます!
Contact Form 7(日本語)

使い方は簡単!
インストールは、WordPress管理画面から
「プラグイン」→「新規追加」→「Contact Form 7」で検索してインストール。

インストールできたら、プラグインの「Contact Form 7」の「設定」をクリック。
そしたら以下の画面が開きます。

Contact Form 7 設定画面 01

Contact Form 7 設定画面 01

Contact Form 7 設定画面 02

Contact Form 7 設定画面 02

「フォーム」で、必要な項目を追加・削除して、メールの基本情報とメッセージ本文を修正します。
最後に、

[contact-form 1 "コンタクトフォーム 1"]

をコンタクトフォームを挿入したい記事やページに入れるだけでOKです。

ちなみに、このWordPressプラグイン「Contact Form 7」は日本人の方が制作されているようで、日本語ページにFAQなどがあります。
困ったときもなんとかなるハズです!

HTML「平方メートルと立方メートルと階乗」の書き方

WEBサイトで平方メートルと立方メートルと階乗の表し方に困ったことありませんか?
ってことで、HTMLでのm²、m³、3²の書き方を。

記述方法

平方メートル(m²)

→ m²

立方メートル(m³)

→ m³

階乗(3²)

→ ²
もしくは
523
→ 5<sup>23</sup>

フォントサイズによっては読みづらいかもしれません。

WEBデザイン レイアウトの時に便利なサイトたち

黄金比

黄金比レイアウト「golden_ratio」

黄金比「golden_ratio」


golden ratio

黄金比とは、最も美しいとされる比「1:(1+√5)/2」のこと。
近似値は1:1.618。約5:8になります。
「Golden Ratio Calculator」は黄金比をWEBデザインで簡単に利用できるWEBツールです。
ただ、数値を入力するだけで、黄金比の計算してくれます。

ちなみに、名刺は黄金比です。

余談ですが、黄金比はジョジョ好きならご存じのスティールボールランの鉄球や爪弾をアワーアップさせたヤツです。(めちゃくちゃ余談…)

グリッドレイアウト

グリッドレイアウト「grid calculator」

グリッドレイアウト「grid calculator」


grid calculator

グリッドレイアウト「grid system」

グリッドレイアウト「grid system」


Variable Grid System

グリッドレイアウトとは簡単にいうと、いろいろと種類がありますが、グリッド分けして、写真やイラスト、テキストエリアなどのパーツを整理して美しく見せるレイアウトの方法です。
かっちりと融通のきかないものも、可変的なものもあります。
最近は可変グリッドのスクリプトなんてのもよく目にしますね。

上記サイトは、基本となるグリッド分けを行うときに便利なサイトです。

白銀比

白銀比レイアウト「レイアウトの小技」

白銀比レイアウト「レイアウトの小技」


レイアウトの小技

白銀比とは1:1.414の比率のこと。
日本では白銀比が古くから使われています。
法隆寺や四天王寺や、生け花の美のバランスにも採用されていたりします。
身近なものではA3、A4の用紙の縦横の比率です。
A3を半分に折ってみるとA4の大きさになります。
WEBデザイン 制作に役立つ無料サービス・ツールまとめ


いろいろなレイアウトの比率だったり方法があります。
どんなデザインにするのか、
迷った時やバランスがどうしても悪いといったときに使ってみてはどうでしょうか?
どれも実績があり認知されているものなので、WEBのデザイン案を捻りだせなくなったら頼ってみるのも手です。
説明するときは説得力もあるし良いかも!?

WEBデザイン レイアウトの時に便利なサイトたちでした。

今からプログラマー「プログラミン」

文部科学省が公開しているプログラマー体験「プログラミン」。

プログラミン

プログラミン

子供が対象のようですが、大人も楽しめます。
自分の絵を用意されている動きや音(プログラム)の組み合わせでプログラマーになっちゃおう!
みたいな感じです。(たぶん)

プログラミン 使い方

プログラミン 使い方

Flashなどでプログラミングで挫折した人は「プログラミン」で遊んでみると、頭の中が整理されるかも!
プログラミングに興味あるけど、環境つくったりソフトインストールしたりが面倒だった人もサイトにアクセスするだけで良いのでどうでしょうか?
(Flash Playerは必要だけど)

プログラミン

しかし文部科学省は外注で作ったんだろうか??
外注なら結構な金額になりそうだけど・・・

便利サイト「パスワード作成」

passwordをランダムに作成

passwordをランダムに作成

PassWord Marker
パスワードをランダムに作成してくれるサイトです。
4~12文字でアルファベットの大文字・小文字・数字・記号・文字の重複などをチェックして「Make」を押すだけ。
1度の6パターンの文字列を出力してくれます。

同じようなサイトやソフトはたくさんありますけど、このサイト便利です。

IPアドレス「IPv4枯渇時計」

IPv4枯渇時計
世界中であとどのくらいIPアドレスが残っているか?を表す時計です。

少し前にIPアドレスの枯渇問題についてふれましたが、今の時点でIPアドレス(IPv4)がどれだけ残っているでしょうか?

IPv4枯渇時計

IPv4枯渇時計


(2010年8月24日時点)

ここでのX-dayは、IPv4が枯渇する日。
数ヶ月前、NHKの番組「IPアドレスについて」やっていたのですが、そのときはX-dayが2011年9月だったハズ。
上記の画像では、X-dayまで2011年5月30日になっています。
2011年5月30日までもつ保証はないということですね。
あと9ヶ月で世界中のIPアドレス(IPv4)がなくなってしまいます。

IPv4アドレスブロックの推移

追記:2011年1月13日
X-dayが2011年2月14日で残り29日となっています。

WordPressプラグイン「WP Tweet Button」

WordPressで、「ツイートする」というツイートボタンをつけるプラグイン。

新規インストールして、プラグインを有効化するだけ。

設定はすること少ないです。とりあえず簡単に。

WP Tweet Button | WordPressプラグイン

WP Tweet Button 設定 | WordPressプラグイン

・Display内のPosition:記事の前か後に表示するか?
・Display内のAlingment:右か左か?
・Tweet Button style :どんなボタンスタイルにするか?を3つの中から選びます。

WP Tweet Button 設定02

WP Tweet Button 設定02

・Tweet Button language :言語を「日本語」にするか?(デフォルトは英語)
・URL Shortener:URLの短縮は、何を使うのか?(デフォルトは短縮なし)

海外でHTML5の素晴らしいサイト紹介で日本のキャバクラのサイトが・・・

海外でHTML5の素晴らしいサイト紹介で日本のキャバクラのサイトが紹介されています。
どうして??w
会社でHTML5について調べててキャバクラのサイト開いてたら、絶対誤解されるよ。後ろに気をつけて!

HTML5 名古屋のキャバクラのサイト紹介

HTML5 名古屋のキャバクラのサイト紹介

Beautiful Collection Of HTML5 Websites
このブログは有名な海外ブログのようです。

HDD丸ごとバックアップソフトのまとめ

パソコンのトラブルに備えて、大切なファイルのバックアップはしていますか?
万が一のトラブルに備えて、HDDのバックアップをアシストしてくれるソフトをまとめてみました。
インストールしてあるアプリケーションも丸ごとバックアップしてくれるソフトたちです。
HDDを丸ごとバックアップしておけば、大切なファイルが復元できるかもしれません。

Windows Complete PC(バックアップ)
Windows7、WindowsVista Business、Business、Ultimate、Enterpriseで搭載されているソフト。
OSに初めからインストールされているので、当てはまるOSを使っている方は、単にバックアップだけなら問題なさそうです。


Acronis True Image Home 2010
かなり強力なバックアップソフトです。
私個人としては一押し!高機能で評判が良いです。
バックアップ・HDD復元のスピードが速いのもうれしいところです。
何度助けられたことか!
「Toast」というソフトを販売している会社です。


LB コピー ワークス11
こちらも高機能で使い勝手が良いです。
「イメージバックアップ」と「HDDまるごとコピー」の両方ができる。
Windows7対応。
ハードディスクのコピー(コピーコマンダー9の使い方の解説が詳しく掲載されています。)
※コピーコマンダー9の最新版がLB コピー ワークス11

EASEUS Disk Copy
フリーソフト。
OS、パーティション、ファイルシステムなどをすべてコピーしてクローンHDDを作成してくれます。


ハードディスク入れ替え12pro
ハードディスクを丸ごとコピー 簡単操作でOS・アプリケーションすべて移行してくれるソフトウェア。
Windows7対応。


ソフトだけではなく、ハードも発売されています。
HDDスタンドのみでHDDの複製ができます。

裸族のお立ち台DJクローンプラス
HDD丸ごとコピー機能搭載のクレードル型ベアHDDスタンド。
PCレスでHDDコピー機能が搭載されている。
hdd_copy ハードディスクをまるごとコピー