‘便利な技(プログラムやhtml等)’ カテゴリーのアーカイブ

ホームページ上のメールアドレスをコピペされないように

2010年12月18日 土曜日

ホームページにメールアドレスを掲載すると、必ずといって良いほど、迷惑メールが送信されてきます。

これは、ある程度仕方が有りません。初する対策ソフトに入ってる迷惑メール対策等で何とかするしかない・・・。と思っていたのですがメール収集するロボットに対して、有効な方法がありました。

それはソースに書かれているメールアドレスを暗号化するというもの。

暗号化すれば、ロボットが収集出来にくくなります。 完全に出来なくなるわけではありません。

結局いたちごっこです。

しかし、何もしないよりかはやった方が良いですよ。

メールアドレスの暗号化
ホームページ制作 大阪

wordpressの検索窓について

2010年6月7日 月曜日

先日、別ホームページで、wordpressをインストールしてデザインしてたのですが、検索窓の編集が思ったように出来ずに、少し困りました。

その時にgoogleで検索して調べて、参考になったサイトのbookmarkです。

WordPressへSearch formを追加する方法

タグ的には、

<?php get_search_form(); ?>

を入れれば済むんですが、それでは、細かなデザインが出来ない。

それで、 searchform.phpを探したんですが、見あたらない。

結局、searchform.phpはあれば、用意するのですが、無ければ、デフォルトの状態のものが使用されるようになってるんですね。

だから、検索窓をデザインしたければ、

ルート/wp-content/themes/テーマのフォルダ内

に searchform.phpを作ってデザインしてあげる。

デフォルトのタグは

<form method=”get” id=”searchform” action=”<?php bloginfo(‘url’); ?>/”>
<input type=”text” value=”<?php the_search_query(); ?>” name=”s” id=”s” />
<input type=”submit” id=”searchsubmit” value=”検索” />
</form>

こうなってると思います。

それをhtml、cssを駆使してデザインして下さい。

ちなみに、カテゴリの絞り込みを付けたい場合は、

<?php wp_dropdown_categories(’show_option_all=’.__(‘ALL’).’&hide_empty=0′);?>

を追加するといいそうです。

ポスター印刷や大判プリントを頼む場合は

iTunes風のカバーフローをまとめてるサイトのまとめ

2009年6月15日 月曜日

iTunesのカバーフローを実装できるFlash&Flex集

7種類ほどのカバーフロー風のサイトをまとめています。

 CoverFlowのようなギャラリーを表示するJavaScript – ImageFlow

カバーフロー風の ジャバスクリプトのImageFlowを丁寧に解説くれています。

 非常に美しいcoverflowスライドギャラリー『ImageFlow』

おなじく カバーフロー風の ジャバスクリプトのImageFlowを丁寧に解説くれています。ちょっとカスタマイズなんかもしてくれています。

ImageFlowのオフィシャルサイトはこちら商用利用は20ユーロ必要です。

メールフォーム等入力画面でマウスホイールが邪魔をする場合の回避策

2008年6月13日 金曜日

メールフォームを入力しているとき、よく、都道府県入力や予め決まった内容しかない場合はプルダウンメニューになっている場合が多い。

便利だからだ。

ただその便利さを盲点としてページの下のほうにスクロールしようとマウスホイールをくりくり回すときにプルダウンメニューから選択が取れていないと、せっかく選択した項目がくりくり下へずれてしまう。

そのときにユーザーは気づけばいいが気づかない人もいるだろう。そのまま送信をするとトラブルにつながりかねない。

今回はそんな場合の回避策を説明しているページへbookmark
マウスのホイールによる入力エラーの可能性

※Firefoxならそんなこと無いのに・・・。

スムーズに画像を大きくするjavascript

2008年6月7日 土曜日

画像拡大のJAVASCRIPTといえば今までは[lightbox]を使っていました。

初めの設定は面倒くさいけど、それがすめば、結構手軽で便利です。

MM_openBrWindowをつかうよりhtml内のソースも結構シンプルになるのも嬉しいですね。

それでGIGAZINEさんでlightboxではなく、javascriptで画像拡大を実現するFancyZoomを紹介していました。

lightboxとは違ったイメージでサイトのデザインによってはFancyZoomのほうがいいかもしれません。