ホームページ制作に使える情報

wordpressループ

ocweb — Fri, 02 Sep 2011 11:23:53 +0000

一般的なブログは投稿した記事がトップページに数件表示されるますが、wordpressにも同じように表示できますが、それがwordpressループです。

wordpress-header.php

ocweb — Fri, 02 Sep 2011 05:04:13 +0000

language_attributes()	（xml:lang=”ja” lang=”ja）言語コード表示。自分は固定で使用。
bloginfo(‘html_type’)	（text/html）
bloginfo(‘charset’)	（charset=UTF-8）文字コード。
bloginfo(‘description’)	ブログの説明文を表示。「ダッシュボード」の「キャッチフレーズ」が表示される。
bloginfo(‘name’)	ブログの名前。「ダッシュボード」の「サイトタイトル」が表示される。
wp_title	ページのタイトルを表示。
bloginfo(‘stylesheet_url’)	スタイルシートのパス。
bloginfo(‘atom_url’) bloginfo(‘rss2_url’)	フィードのタグ
bloginfo(‘pingback_url’)	ピンバックのタグ
bloginfo(‘url’)	ブログのURL。
bloginfo(‘template_directory’)	使用するテーマのディレクトリー

パスの形状に沿って文字入力

ocweb — Thu, 25 Aug 2011 14:03:10 +0000

Photoshopで文字を入力したい時に、直線的に文字を書きたい時は問題ないですが、弧に沿って文字を書きたい場合、Photoshopで簡単に行うことができます。

まず、パスで線を描きます。もちろん直線でも曲線でも良いです。そうすると、パスのパネルの中に「作業用パス」というものができますので、それの名前を変更します。

次に「テキスト」ツールを選択してパスの上に近づけるとツールの形が変わります。そこでクリックし文字入力が可能な状態になります。

また、他には文字を入力した後に、右クリックで「ワープテキスト」を選択し、「スタイル」から様々な形状のスタイルを選択できます。その形状に沿って文字が描かれます。

文字の入力では有効ですね。

レイヤー

ocweb — Sat, 20 Aug 2011 12:54:32 +0000

Photoshopを使用するにはレイヤーという機能を理解しなければありません。例えば、2つの画像を重ねて作成した一つの画像は2つの階層になっているので、２つのレイヤーからできているということを理解できます。

Photoshopには画像を修正・加工するときには調整レイヤーという便利な機能があります。調整レイヤーは直接画像に手を加えるのではなく、画像の上に一つレイヤーを増やし、そのレイヤーを修正したりできる機能です。
ですから調整レイヤーを解除すると簡単に元の画像に戻すことができるのが、調整レイヤーを使用するメリットです。調整レイヤーを追加すると自動でレイヤーマスクも追加されますので、一部分の明るさやコントラスト、色相や彩度を変更することができます。

いろいろなマスク

ocweb — Sat, 20 Aug 2011 07:55:27 +0000

レイヤーマスク
Photoshopでレイヤーの不要なところを隠したいという場合に使用するのがレイヤーマスクです。メニューの【レイヤー】からレイヤーマスクを追加するとレイヤーマスクが適用されます。レイヤーマスクが適用されるとレイヤーパネルにはサムネールが表示されます。
サムネールをクリックすると、マスクを編集できます。

ベクトルマスク
パスで描画した選択範囲をマスクする場合はベクトルマスクを使用する。メニューの【レイヤー】から【ベクトルマスク】で【現在のパス】を選択する。
ベクトルマスクが設定されるとレイヤーパネルにサムネールが表示される。

ものさしツール

ocweb — Tue, 16 Aug 2011 10:16:55 +0000

Photoshopのものさしツールとはどんなツールかご存知ですか？

例えば、デジカメで撮った写真など後で見てみると傾いていることがありますよね。

そのような場合にものさしツールを使用すると、傾きを修正することができます。

使い方は簡単です。

ものさしツールを選択し、修正したい角度に線を引きます。
メニューのイメージから画像の回転を選択します。
角度入力を選択すると、ものさしツールで引いた線の角度が入力されています。
そのままＯＫを押すと、画像の傾きが修正されます。

お試しください。

描画モードの種類

ocweb — Sat, 06 Aug 2011 06:02:24 +0000

フォトショップの描画モードにはたくさんの種類がありますが、いくつか記載しておきます。

比較（暗）・・・レイヤーが重なっている状態で上と下のレイヤーを比較し、暗い方のカラーを選択し表示される。

乗算・・・上と下のレイヤーを掛けて表示されるので、比較的暗いカラーになります。

比較（明）・・・上と下のレイヤーを比較し、明るい方のカラーを選択します。

覆い焼きカラー・・・下のレイヤーのカラーを明るくし、上のレイヤーのカラーに反映します。

cakephp-FormHelper

ocweb — Tue, 05 Jul 2011 16:38:04 +0000

FormHelperで使用する

こんな感じでFormHelperのMVCのVを作成できますね。

ちなみにこの書き方ですと自分しかわからないですが・・・申し訳ありません。参考にしないでくださいね。自分用のメモなので。

cakephpを使ってみる

ocweb — Tue, 05 Jul 2011 15:26:00 +0000

cakephpをローカルで学習するにはXAMPPを入手しることで手軽に環境を整えることができます。
そしてローカルのサーバーの「htdocs」というフォルダにcakephpを突っ込み、その中でファイルを作成していくというような感じでしょう。
cakephpにはMVCがあります。

M「Model-モデル、データ関連」
V「View-画面」
C「Controller-プログラムの制御」

フレームワークの特徴や使い方を学ぶのは容易ではないと言われますが、開発に関わる人数が多ければ、効果を発揮するということです。また、同じコードを何回も書くといった作業の手間も省いてくれるようです。

例えば、フォームを作成するにしてもFormHelperといった自動で生成してくれるといったものもあるようです。
もちろんボタン一つでではないようですが、一から制作するよりは簡単なようですね。MVCの調整をしてあげる程度でしょうか。セキュリティーなども自分のような素人が頑張って作るより、フレームワークを使用した方が、しっかりセキュリティーができているようですね。

cakephpの開発環境

ocweb — Mon, 04 Jul 2011 08:44:01 +0000

PHPのフレームワークを学ぶにあたり、そろそろ開発環境を整えていこうと思い調べてみました。

多くの方はJava等の開発で人気のEclipse+PDTという環境で作業しているかもしれませんが、Eclipseは重いという口コミが多数あり、自分はNetBeansという開発環境を選択しました。

インストールしてみると、ソフトの立ち上がりもスムーズで重さも特に感じられません。使い勝手は、まだわかりませんが、Dreamweaverなどの重さも好きではないので、NetBeansはいい感じです。

その他の開発環境として、PHPEditorなども選択肢にありますが、どうでしょうか？

お使いの方の良いという情報があれば考えてみたいですが、しばらくはNetBeansでいきます。

他にも良い開発環境があれば教えてください。