Ultimate SEO URLsを使う
・がとらぼさんのところのZenCart URL書き換えパッチ日本語版をカスタマイズして使う
S-pageさんのところのZenCartで動的URLを静的URLに変換を参考に今回はがとらぼさんのパッチを使って頑張ることにしました。
理由としてはZenCart URL書き換えパッチ日本語版は、カテゴリID.htmlや商品ID.htmlの他、自由に設定することもできますが、Ultimate SEO URLsモジュールは手軽な一方、カテゴリや商品名が変更された場合に、URLが変更されてしまいます。
ということなので、商品の入れ替えなどのときにUltimate SEO URLsの方だと手間がかかってしまうかなということと、定番ページのURLの変換ができるかどうかわからなかったので、書き換えパッチの方が汎用性があるのではと判断してのことです。]]>
////
// Output a form textarea field
function zen_draw_textarea_field($name, $wrap, $width,
$height, $text = '', $parameters = '', $reinsert_value = true)
{
$field = '<textarea name="' . zen_output_string($name) .
'" wrap="' . zen_output_string($wrap) . '" cols="'
. zen_output_string($width) . '" rows="'
. zen_output_string($height) . '"';
if (zen_not_null($parameters)) $field .= ' ' . $parameters;
$field .= '>';
if ( (isset($GLOBALS[$name])) &&
($reinsert_value == true) ) {
$field .= stripslashes($GLOBALS[$name]);
} elseif (zen_not_null($text)) {
$field .= $text;
}
$field .= '</textarea>';
return $field;
} この部分をver1.3のものに戻す。 /*
* Output a form textarea field
*/
function zen_draw_textarea_field($name, $width, $height,
$text = '', $parameters = '', $reinsert_value = true) {
$field = '<textarea name="' . zen_output_string($name) .
'" cols="' . zen_output_string($width) . '" rows="'
. zen_output_string($height) . '"';
if (zen_not_null($parameters)) $field .= ' ' . $parameters;
$field .= '>';
if ( (isset($GLOBALS[$name])) &&
($reinsert_value == true) ) {
$field .= stripslashes($GLOBALS[$name]);
} elseif (zen_not_null($text)) {
$field .= $text;
}
$field .= '</textarea>';
return $field;
}
2.url_data.phpをダウンロードする。url_replace.datという名前なのでリネームする必要があります。ルートにおくわけですが、このファイルでカテゴリーや商品をどのような名前で表示させるかを決められます。
3..htaccessをダウンロードする。mod_rewriteを記述します。ほとんど書いてくれていますが、自由ページは指定がないので、自分で好きなようにファイル名をつけてやります。
4.最後にconfigure.phpを修正(1行追加記述)します。
define('USE_PCONNECT', 'false'); // use persistent connections?
define('STORE_SESSIONS', 'db'); //
leave empty '' for default handler or set to 'db'
define('USER_FRIENDLY_URLS_REWRITE', 'true');
5.必要に応じてテンプレート側でトップページへのリンクを全て書き換えて、全てのファイルを上書きすれば出来上がり。
一からmod_rewriteを書いたりするのって結構面倒だけど、ガトラボさんのパッチを利用することで、作業はすごく簡単にできますよ。]]>
GlassBoxはデザイン的にはVista風でガラスの透け感を表現。背景などに凝ったときにいいかも。
Lightboxスクリプトはどんなサイトでも取り入れるようになってますが、新しいデザインのものがどんどん公開されていて飽きることがないです。
DesignWalkerさんでもLightboxスクリプトいろいろというのでまとめられてます。たくさんありますね。]]>
普通、マウスオーバーした画像だけを入れ替えるのですが、このスクリプトはマウスオーバーしている以外の部分の画像も入れ替えてしまいます。マウスオーバーされているところが、クローズアップされていてナビゲーションとしてもとてもいいんじゃないでしょうか？]]>
Advanced CSS Menu Trick - Web Design Marketing Podcast & Blogで、ソースの公開と解説がありますが、全て英語なので訳すのがちょっと面倒だったのと、今作ってるサイトのメニューに使ってみようと思ったので、自分でサンプルを作っちゃいました。
Advanced CSS Menu Trick サンプルページ
使う画像をAdvanced CSS Menu Trick - Web Design Marketing Podcast & BlogのDemoページのように凝ったものにすれば、かなり格好いいですよね。
ただし、CSSだけではIE6.0以前のブラウザでは効果はでないので、やっぱりJavascriptによるHackが必要です。これに関してもcssHover.htcとしてソースを公開してくれています。そのままコピーして使うことができます。
ご本家のDemoページはこちら
Demoページではありますけど、普通に公開されているページでそのデザインもすごく格好いいです。スクリプトを使って動的に作られてるんですが、すっきりとしていて軽いです。
一応、私がカスタマイズしたサンプルページをダウンロードできるようにしましたので、よければダウンロードして使ってみてください。
Advanced CSS Menu Trick サンプルページ ダウンロード]]>