wordpressプラグイン LightBox2

WEBデザイン系の勉強をし始めたので画像を載せる事が
これから増えると思う、てか増やしたい。

なのでせっかくなら、ポップアップも綺麗に見せたいと思い
wp-lightbox version2を入れた。

(イメージファイルをクリックすると
元サイズの画像が画面の中央に表示されます)

入れ方は簡単、

1.ダウンロード、解凍
Lightbox 2.0 for WordPress

から、ダウンロードして、解凍

2.アップロード
wordpressのプラグインフォルダに、解凍したフォルダごとアップロードする

3.有効化
アップロードすると
wordpressのプラグインの画面に、lightboxの選択肢が出てくるので
有効化する。

クリックしてね。こんな感じ↓
Lightbox 2.0down

これだけで、実装されます。
凄い時代になったもんだ。

デジハリ:中間課題の反省点

「中間課題の反省点」

三月八日はデジハリの最初の課題の講評会だった。
とても楽しく(苦しく?)やれたのだが、当然ながらまだまだ
足りないところが多い。

まあ、めげずにガンバろ~、お~!

■Keep(継続的にしたい事)
・デザイン系ツールを使う技術的な勉強
・色々なサイトをもっともっと見て考える。
・いろんなものに触れる。
・発想力を伸ばす
・根拠や差別化を説得力のあるものにするために
 必要なスキルを身につけていく(マーケティングとか)
・しゃべる練習

■Problem(問題点)
・技術力が足りないので思ったように表現できない。
 (popteenサイトとかikkoのサイトを目指していたんですが、
 うまく出来なくて没、リキテンシュタインのポップ巻を
 まねしたかったのですが没てな感じで・・・)
・スキル自体を上げないとスケジュールがうまく調整出来ない。
・今回の課題をやる中で、単なるツールを使う技術ではなくて、
 物事を組み合わせて表現するような力が足りないなぁと言う事に気付いた。
・皆のを見て、あ!自分は発想が柔軟ではないなと思ったので、そこを何とかしないと。
・デザインしながら考えがぶれる所があったので、やはり企画の突き詰め方が足りなかった。

■Try(次に試したい事)
・自分が作ったと人にわからないような表現をして行きたい。
・今回はツールの練習を自分なりのメイン課題に持ってきてたので、
 なるべくフリーの素材を使わないようにしたが、次は色々な素材を
 組み合わせてみたい。

以上、優先順位を決めてやっていきたい。

課題のカンプ↓

meromero

う~んmysql文字化け

mysqlをちゃんと設定してたつもりだったのだが
cakeで画面に表示したデータが文字化けする。
他のDBはすんなりいくのにmysqlけっこう躓く。

・mysqlに直接文字コードutf-8でデータを流し込む
・sshから見ると文字化けしない。
・CSEでも文字化けしない。
・htmlのcharsetの指定はutf-8でおかしくない
・ファイルの文字コードもutf-8で保存している

findAllした直後のデータを見ると化けている。
ここが問題か。
my.cnfを見直す
これが「skip-character-set-client-handshake」抜けていたのか!

my.cnfの[mysqld] セクションに以下を追加
[mysqld]
default-character-set = utf8
character-set-server = utf8
skip-character-set-client-handshake ← 追加

早々にレンタルサーバでも試さないと。

参考サイト
http://wota.jp/ac/?date=20061011

【trac × eclipse × php × wordpress 環境構築その2】

前回の続き。ここまで終わったので。いまから追加機能のDB設計と画面をもう少し詳細につめないと。。
■trac環境構築
開発なのでsvnおよびチケットの環境を整えておく
(1)trac プロジェクトの作成
create-project xxx-project

(2)trac プロジェクトにログインし、必要な項目を変更する
https:/xxxxxxx/trac/xxx-project
 

■eclipse環境構築
(1)右クリック新規より、PHPプロジェクトを選択
(2)デフォルトディレクトリのチェックをはずして、
sambaで共有しているwordpressのインストールディレクトリを指定する。

(3)完了押下
指定したwordpressディレクトリがプロジェクトのルートとなるようにする。
(間違えてその直下に同じディレクトリをcreateしないこと)

■svn環境構築
eclipseから最初に作成したtrac上のsvnへチェックインする
(1)trunk/ソース、trunk/ドキュメントの形式にしたいので、
 あらかじめTotoriseSVNでリポジトリに作成する
(2)プロジェクトを選択し、右クリック-チーム-プロジェクトの共有を選択する
(3)eclipseで新しくリポジトリロケーションを作成する
  ・作成したhttps://xxxx/プロジェクト名/trunk/ソース/を指定する。
(4)次へ次へでやっていくと、コミットされる。

■リモートデバッグ設定

(1)サーバー側
php.iniで以前設定しているのでそれ利用
[ZendDebugger]
zend_extension=”/app/zd/5_1/ZendDebugger.so”
;zend_extension_ts=”/app/zd/5_1/ZendDebugger.so”
zend_debugger.allow_hosts=192.168.x.0/24,192.168.192.0/32,191.168.227.0/32
zend_debugger.expose_remotely = always

(2)eclipseでの設定
・[ウィンドウ]-[設定]-[PHP]-[PHPサーバー]で
サーバーのプロジェクトルートパスを設定

・[実行]-[実行構成]で[PHP Webページ]に新しい構成を作成(プロジェクト名を同じにする)
・dummy.phpをルートにおいて「Test Debugger」ボタンを押下しSuccessと出ればOK

[実行]-[デバッグ]とするとプログラムの先頭でbreakすれば設定成功

【trac × eclipse × php × wordpress 環境構築その1】

久々の開発、eclipse phpの開発は環境構築すぐ忘れるのでメモる。
■ローカルのlinux上にwordpressをインストール

(1)wordpress解凍
# cd /app
# unzip wordpress-2.9.2-ja.zip

wordpressってディレクトリが出来るので、所有者とパーミッションを変更しておく
開発用なので全て編集可能にしておく。
# chmod -R 777 wordpress

※ワードプレスのインストールディレクトリはsambaで共有しwindowsの
ネットワークドライブにしておく

(2)DB作成
mysqlでDBを作成する。

mysql>create database wp_dev_db default charset utf8;

mysql> show databases; で確認
+——————–+
| Database |
+——————–+
| information_schema |
| mysql |
| test |
| wp_dev_db |
+——————–+

(3)Apacheの設定をしておく

・ひとまず何でもありの設定
Alias /wp-dev/ “/app/wordpress/”

Options FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all

・apache再起動
# /etc/rc.d/init.d/httpd restart
httpd を停止中: [ OK ]
httpd を起動中: [ OK ]

(4)wordpressの設定ファイルを書き換えておく
wp-config-sample.phpをwp-config.phpにリネームして
「DB名」「ユーザ名」「ユーザパスワード」を書き換える

(5)URLをたたきリクエストを行う。
http://192.168.xxx.xxx/wp-dev/

ブログタイトルとメールアドレスを聞いてくるので
順番に入れていく。

パスワードを忘れずに。