カテゴリー別アーカイブ: study

お問い合わせフォームから一日一件、謎の空のメールが届くのはなぜ?

制作したサイト「GLOSSY」
http://glossy-wax.com/
お問い合わせフォームをPHPで制作しました。

入力ページがあり、確認ページがあり、「送信完了。ありがとう」ページの3つで構成されています。
必須項目があり、それが無記入だと確認ページで入力ページに戻るボタンが表示されます。
必須項目が全部記入されていると、送信ボタンが表示され送信可能になります。

なのに、最近一日一件、お問い合わせフォームから情報が空のメールが送信先に届くのですが、
原因として考えられるのはなんでしょうか?

よろしくお願いします。

phpのシステムエラーで一日一回メールを送信しているとも考えられないし、誰かがいたずらするにしても必須項目に
文字を入れないと送信ボタンは出現しないし、テスト送信は何度も行いまして問題なかったし、

謎です。

解決しました。

thanksページに検索ロボットがクロールしてきたせいでした。リファラのチェックなどを見直し、謎メールは来なくなりました。

WordPressのソースコードを見やすくしたい人はテーマエディタのプラグイン「Advanced Code Editor」なんていかがですか?

WordPressのソースコードを見やすくしたい人はテーマエディタのプラグイン「Advanced Code Editor」なんていかがですか?

以前「WordPressのソースコードを見やすくしたい!」という記事を書いて投稿しました。

その件について2013-07-26の勉強会でタカハシ先生が教えてくれました。

「Advanced Code Editor」というプラグインが良さそうですので、先ほど(2013-07-27)インストールして有効化しました。
参考にさせて頂いたサイトhttp://motoshige.net/blog/archives/3997
今回プラグインを探すのに「wordpress ソースコード」というキーワードを入力してたら、全くヒットしませんでした。
「wordpress テーマ編集 プラグイン」と入力したら、たくさん出てきました。

キーワード検索は、基本知識が必要ですね。コツというか。

—————————————
使用してみましたが、プラグインが重たいみたいなので、インストールしたままで無効にしました。2013-08-02

wordpress

WordPress コメントをどうぞを消す

制作&管理しているhttp://kuulei90.com/

投稿カテゴリー「blog」「news」「photo」があります。
3つのページ全部にコメント出来るようにしてましたが、コメント出来るページを「blog」だけにしたいとの要望。

”固定ページー編集ー表示オプションーディスカッションにチェックを入れるーコメントの投稿を許可するのチェックを外す” で出来ます。簡単それだけ!

固定ページ一覧に入って「あれれ….?」 続きを読む

2013-7-26 勉強会のリクエスト

質問というかリクエストです。よく通販サイトで商品の詳細説明のページで大きい画像があって、下に小さい画像が並んでて、小さい画像にマウスをのせると大きい画像に表示されるようになっています、どうなっているのか教えて頂きたいです。
こちらが参考サイトです

2013-7-12 勉強会

ランサーしょうじさんから先生にメールがあり、お元気でお仕事されているそうです。
安心しました。

勉強会の概要は

続きを読む

wordpress

WPコンテンツを横並びにしたい。

WPでサイトを制作中です。↓
http://kuulei90.com/
トップページに画面いっぱい横長のアイキャッチ画像があります。その下に2つのコンテンツがあります。
①あいさつ文(これは直接固定ページにhtmlを書いた)
②pick up news!(これはfront-page.phpに記述。ニュースページに投稿があったら、サムネイル&抜粋文を自動で表示/clubringo.comと同じ仕組み)

この2つを横並びにしようとcssでfloatしてもなりません。

どうしたら横並びになりますでしょうか?

ソースコード

WordPressのソースコードを見やすくしたい!

WPのcssやhtmlをコードを書いていて思うのですが、単色なので見ずらいと感じませんか?
DWや真魚2のようなテキストエディタのように、色分けされてたら、いいなと~と思いませんか?
例えばアイキャッチ画像の様に。

プラグイン探したのですが、見つかりません。

みんなで探してみましょう!

——————————————

2013-07-26の勉強会でタカハシ先生が教えてくれました。残念ながらランサーさんのコメントはありませんでした。
新しく記事を書きました。こちら↓
WordPressのソースコードを見やすくしたい人はテーマエディタのプラグイン「Advanced Code Editor」なんていかがですか?

phpでお問い合わせフォームを作る。そして確認画面から最初の編集画面に戻る際に入力したテキストをクリアーしないようにするには。

phpでお問い合わせフォームを作る。そして確認画面から最初の編集画面に戻る際に入力したテキストをクリアーしないようにするには。

phpでお問い合わせフォームを作る。
というのをやっています。だいたい出来たのですが問題点がいくつかあります。入力画面(contact.php)があります。そこで入力して「確認」をクリックすると確認画面(confirm.php)に行きます。その画面で表示されている内容でOKなら「送信」をクリックして指定した宛先に入力内容を送ります。もし内容を変更したい場合は、入力画面(contact.php)に戻り内容を入力しなおします。

問題点です。

上記の様にリンクすれば、入力画面(contact.php) に戻れますが、それまで入力したテキストはクリアーされてしまいます。「なんだよ~、電話番号の数字だけ変えたかったのに、全部消えちゃったよ!また最初から全部入力するのめんどくせ―!」となり、「申し込むのや―めた!」となる可能性があります。そうならない為にも、入力情報をクリアーせずに入力画面(contact.php)に戻るにはどうしたらいいでしょうか?

解決法です。

ブラウザの「戻る」ボタンで1つ前の画面つまり、入力画面(contact.php)に戻るという方法があります。これでやれば、入力情報はキープされます。ただし、「内容を編集する場合はブラウザの戻るボタンで戻って下さい」と書いておかないといけません。これは、カッコ悪いので避けたいところです。
ここでいい解決法があります。 続きを読む

htmlファイルにfaviconの設定しよう

WPでは簡単にファビコンの設定ができます。以前、記事にも書きました。
WP Twenty Twelve 簡単にファビコンを設置出来るプラグイン”All in one Favicon”

WPではなく普通にhtmlで作成した場合は、上記の様に簡単ではありません。(とは言っても簡単です)

イラレ等で作成したイラストを自動でファビコン用のファイルに生成してくれる無料のサービスがあります。僕はいつも、こちらにお世話になっております。
http://ao-system.net/favicon/index.php

是非チャレンジしてみて下さい!

疑似要素 :before :after の使い方

本日は、デザインにおいて無限の可能性(大げさ?)を秘めた疑似要素 :before, :after を使ってみよう!の巻です。

疑似要素 :before, :after とは?

htmlに手を加えずに、要素の前(:before)と後ろ(:after)にフェイク(疑似)の要素を追加出来るというものです。
これを極めますと、画像を一切使用せず疑似要素だけで作られたアイコンなど、かなり凄い事が出来るようです。

今回はbodyタグに:before, :afterの擬似要素を使い、ヘッダーとフッター部分に色をのせて境界線を作ってみます。
このサイトのヘッダーとフッター部分の薄いグレーの色の部分です。
ちなみにヘッダー部分を:before、フッター部分を:afterで指定しています。
続きを読む

2013-6-28 勉強会

今日もランサーしょうじさんとsa-kaさんはお休みです。。。 ガーΣ(`・ω・Ⅲ)ーン
みんなで待ってますよー!!!ヽ(*゜∀゜*)ノ
勉強会の概要は

  • 真中さんの質問。”phpでお問い合わせフォームを作る”
  • kanedaさんの質問。”table-cellはmarginが無効。でも隙間を作る方法”
  • パソコン倶楽部りんごと、サイト設計について

html5で作るWPオリジナルテーマ:3は時間がなくなったので次回以降に持ち越し。 続きを読む

phpでお問い合わせフォームを作る

今まで仕事でサイトを作る時、お問い合わせフォームはフリーのお問い合わせフォームCGIをカスタマイズしてましたが、wordpressをやるようになりphpの勉強もする様になったので、今回はphpで作ろうと思いやってみましたがうまくいきません。 続きを読む

2013-6-21 勉強会

お菓子がフラットデザイン?
今日もランサーしょうじさんとsa-kaさんはお休みです、、、(泣) 
元気でいてくれたらそれでうれしいです、、、(泣)

はい、ということで勉強会の概要は

  • 真中さんの質問、疑似要素について
  • フラットデザインについて

でした。 続きを読む