フォームメール実験

フォームメールをサーバー上で実行

一昨日、"XAMPP"で作成したフォームメールを、実際にWeb上でやってみました。FTPを使いアップロードして実行、あっけなくうまく行きました。

 

 

f:id:sipuofare:20160111111540p:plain

ついでに、IPhoneからもやってみました。これもうまく行きました。どうでも良い話ですがソフトバンクのIPhoneのホスト名の"panda-world.ne.jp"というのが、ちと気になります。

 f:id:sipuofare:20160111111539p:plain

フォームメールでの問題

ラジオボタンを使い、アンケートを行うので解答必須にしたいと思い調べてみると、

inputタグに"required"という属性を指定するとうまく行くようです。

 

f:id:sipuofare:20160111111912p:plain

しかし、IPhoneでは、ラジオボタンで選択しなくても、そのままスルーしてしまいます。webの場合はいろいろなブラウザを使っているので、全てについて配慮するのは難しいことです。

WordPressでのCSSの編集

WordPressでのCSSの編集

ワードプレスで、ホームページを作っていて、下の図のようなスタイルを設定しようとするとCSSをいじる必要があります。
 

f:id:sipuofare:20160110233337p:plain

 

そこでLightningのCSSの"外観"の"テーマ編集"で、CSSらしきところがあるのでCSSの設定を入力してみました。

 
f:id:sipuofare:20160110233340p:plain
 
.proc{
    　　　　text-indent:-2em;
margin-left:2em;
}
proc-red{
               color:white;
               background-color:red;
}


HtMLは次のように入力したら、うまくいきました。
 

<p class="proc"><proc-red>１</proc-red> 文化祭で模擬店を出店するときには、クラス全員で話し合ってどのような店にするかを決め、食材費、食器、飾りつけなどの項目ごとにどれくらい資金が必要か予算を作成する。また、責任者を選び、責任者が資金の管理も含め中心となって運営する。この例では資金は学校から20,000円を預かり、さらにクラスのメンバーからも8,000円を集めている。</p>
<p class="proc"><proc-red>２</proc-red> 責任者は、取引（お金の支出や売上による収入）を日付順（発生順）に現金出納帳 に記録する。現金出納帳には残高を記入する欄もあり、手許の現金とチェックすることもできる。また、支出した証拠書類としてレシートなどをわかりやすいように整理しておく。 </p>
<p class="proc"><proc-red>３</proc-red> 現金出納帳は日付順に記入されているので、食材費、食器や飾付けといった項目ごとに、いくら使ったかすぐにわからない。そこで集計表を作成し、項目毎に予算と支出した金額を整理しておく。 </p>
<p class="proc"><proc-red>４</proc-red> 文化祭が終わったら責任者は会計報告書を作成する。収入と支出を対比させて利益を計算したり、残った現金や食器などを明らかにする。</p>

  
この部分で"h5"タグの設定をしてもうまく変わってくれましたが、どこか他の所でも当然スタイルの設定をしているはずです。
とりあえず、結果オーライですが、今ひとつ、これで良いのかと思っています。
 

フォームメールの作成

次に、CGIを使ってフォームメールを作成したいのですが、ロリポップのマニュアルにもあまり詳しく書いていません。もう少し調べる必要がありそうです。

 

Google Analyticsへの登録とTinyMCEの導入


アクセスが見たくGoogle Analyticsに登録しようとしましたが、よくわかりませんでした。
先日入れたVkExUnitでできるということで、設定画面を見たら、トラッキングIDを入れる欄があったので入れてみました。

f:id:sipuofare:20160110232252p:plain
１　VKExUnitを選択
２　トラッキングIDの入力
３　変更を保存

トラッキングコードは入れる欄が無いのですがが良いのでしょうか。とりあえず、明日見ればわかりますね。  

TinyMCEの導入

 

f:id:sipuofare:20160110232258p:plain

エディタが使いやすければと思い、入れてみました。
表のタグが入れられるのと、これまでは"h2"のようなタグを手打ちしていましたが、これもボタンで選べてしまいます。
これは本当にありがたい。

１　ここから表が作れる　ワードみたい
２　ここでh2のようなタグを入れたり、顔文字が打てる

WordPress本当に凄い 現時点までやってみて、こんなに簡単にいろいろな機能を持ったページを作ることができて感激しています。レンタルサーバーを使わなければなりませんが、それでも無料でこんな機能が使えるのはびっくりです。  

Jugemブログ　デザイン変更

これまでのデザインを使っていると幅が狭く、図が横に切れてしまうので 柄にも無いが、"おしゃれ手帳Dark"に変更。  

サブドメインの設定

仕事用のページをアップするため、サブドメイン bj.career-text.com を作成しました。 ロリコップからサブサブドメインを作成し、ムームードメインのネームサーバーから、新しいサブドメインを使う旨登録しました。

 

ワードプレスのテーマ　Lightningの導入

ワードプレスのテーマ　Lightningの導入

ワードプレスでは標準的な　のテーマを使って四苦八苦していましたが、いろいろ調べてみると"Lightning"というテーマ、もともとは"Boots"をアレンジしたようですが、日本で開発されただけあって使いやすいとの話を聞きました。早速、導入してみると、とても予感じです。 携帯でも綺麗に表示されますし、メニューもよい感じで、なおかつメニューページには項目毎の簡単な紹介文も入れられます。
 

Lightningのカスタマイズ

まず、問題はトップページスライドショーです。画面はかっこよいのですが、下の図の赤い部分が問題です。この部分は別の画像と交互に差し替わります。

f:id:sipuofare:20160110231403p:plain



この部分は消すことができるのですが、ちょっと寂しい感じです。まあ、とりあえず、このままにしてみます。

固定ページの表示の順番

なぜか、バラバラです。作った順番に並ぶのでしょうか？ファイル名の順番に並ぶとよいのですが。
固定ページのページ属性に"順序"という項目があるので、入れてみたらうまくいきました。ただし、今後、ページの挿入があったときにはやっかいそうです。
 

f:id:sipuofare:20160110231405p:plain

ブクログへの登録

パブーのついでにブクログにも登録してみました。GMOグループにどっぷりです。



 

ワードプレスで不思議に思った点

ワードプレスでの疑問点

  1. ダッシュボードの管理画面で、固定ページが作成した順番になってしまいます。好きな順番に並び替える方法はないものか。
  2. 画像をアップロードして張り付けると、もとの画像よりも小さくなってしまい、Htmlのタグを直す必要がある。
  3. 画像が大きくなると不鮮明になってしまう。２つに分割すると、きれいに表示されたので、やはり１枚あたりの画像の大きさに上限があるのか。
  4. H4,h5のタグに該当する書式が設定されていない。
  5. 固定ページの文章をテキストエディタでHtmlのタグを使い入力しても、pタグが消えてしまう。
  6. ページを複数に分割して、フッターにページをコントロールできるようにできないか？
  7. Google Analysticsに登録したときに、そのタグをどうやって埋め込むか？
  8. スマホでページを表示すると、検索の文字が変なところに表示される。そもそも、見られたレイアウトにならない。

f:id:sipuofare:20160110230831p:plain


これらのことはプラウインを使うことにより解決できそうなものもあるが、ちょっと難しそう。

パブーへの登録

ついでにパブーへも登録してみました。ロリポップやJugemブログと同じGMOグループで運営されており、無料版だとEpubは使えず、Htmlを使って入力していくのが基本のようです。ワードプレスでのホームページづくりと平行してできそうです。
 

ワードプレスでのホームページづくり　結構大変

ワードプレスでのホームページづくり

ワードプレスでホームページをシコシコ作っています。Twenty Elevenのテーマを使っていますが、いろいろなページにリンクを張る索引のようなページを作り、大分類に”h2”、小分類に”h3”のタグを使うようにしましたが、行間が空いてしまい、困ってしまいました。そこで、CSSをいじってみましたが、よくわかりません。 やはり、ホームページを作ろうとしたらCSSの知識は欠かせないようです。

ヘッダーの作成

ヘッダーも写真を入れ込もうとしましたが、なかなかうまくいきません。結局、恥ずかしながらそれっぽい物を作ってみました。洗練されていませんが、初めて作った割りにはそんなにひどくないか？と思ったりしています。

f:id:sipuofare:20160110230010j:plain

ブログ（投稿）の作成

ワードプレスではブログ（投稿）もできるということで、作ってみました。固定ページが作れば何とかなりそうですが、これもやはり奥が深そうです。 いろいろやっているとあっという間に時間がたってしまいます。正月休みも、残り少なくなってきました。"大海の水も一滴から"といいます。あまり根を詰めずに楽しみながら育てていければと考えています。