Diary

目的を見失わない為の、
日報と予定の確認なのになぁ。

あはは。笑ってごまかしてしまった。

本日はガーデニングサイトのデータを綺麗にしていた。

来週どうしようかなぁ。
やりたいものは沢山あるけど、スタートダッシュが。

昨日就業終了時間間際に、
jQueryUIでアコーディオン機能追加したものの、
いままで使っていたbootstrapのタブ機能が使えなくなってるのに気づいて凹んだ・・・

結局、
一緒にコピペして使っていたなかにタブのjqueryがあって
それとバッティングしちゃったんだろね。
削除したら治った。
そこまでがほんとに大変でございましたが・・・

WordPressの参考書の中のCSSを丁寧に勉強してみた

WordPressでなんとか機能するようにサイトは作れるようになったものの、
デザインがいまいち。

どうしたらこんな風にできるんだろうか。
と、参考書のサンプルサイトをHTMLに落として、
CSSを見ながら確認していった。

おもしろい。

• 思いのほか画像が沢山ある。
• マウスホバーも沢山使う。
• 画像使うのでtext-indent:-9999px;も沢山使う
• positionをよく使う
• グリッドシステムは使ってOK
• 見出し→写真の文法守るためのCSS
• 文の真ん中に線を引く方法（画像利用だった）
• 画像スプライトも満載
• *+html
• 文字を詰める

などなど。
おもしろかった！

やっぱりデザインの方をできるようになりたいな〜って感じたよー。

ガーデニングサイトにターム一覧追加

ずっとやろうと思ってやっていなかった
タクソノミーの一覧をサイドバーに追加

この方法が毎度おなじみの
基礎からのWordPressの本に載っていて、
いつかやりたいと思っていたんだなぁ・・・

jQueryつかってアコーディオンもやってみた。

明日はCSSをやりたいかな。
フォトショも少し勉強したいし。。。
はぁ。

あー。bootstrapのタブが効かなくなってる・・・
明日やろう・・・
(´Д｀)ﾊｧ…

ブラック企業じゃないんだぜ

この業界ってブラックが当たり前と思っていたけど、
うちの会社ちがう。

今日みたいにとくにこれといった仕事がない時ある（未経験だからってのものある）
というわけで、勉強したよ！

まずは、たまりにたまった本日の予定から
foreach文の記事を書いた

いつも参考にしてる本を丁寧に読んだ

いつものこれですな。

基礎からのWordPress
全然基礎じゃない。って怒ってやらなかった時からもう半年位たったのかしら。

ついに丁寧に読み返す日がやってきた。

the_dateとget_the_dateの違いもわかった

the_dateだと同じ日の記事の日付は省略されて　get_the_dateだと全部表示するのね。そしてechoを忘れずに。
なんですね。
ぐぐるのも面倒でいーやってなるものも本を読み返すと自然に新たな発見があるのがよい。

一日19/20ぐらい終わった。
が、残りが多分濃いんだろう。

始めようという時に動かなかったMAMP

そういえば、ローカル環境でやろうと思って久しぶりにMAMP起動したらApacheが動かない。
Apacheがなんだかもよくわかっていないし、
今日この本読んで書いてあったのにすでに思い出せないんだけど。
それはさておき、何か始めようというときに
いつも設定でつまずくのがプラグラミングというあWEB関連というか。

結局先輩がさくっとググって
コマンド操作数行して解決した。
簡単なようで、ここまで行くのがね。

WordPressばかりやってるのでPHPについてがっつりやりたい

WordPressのPHPって特殊。
と、先輩が行ってるけど、WordPressしかやっていないので
その辺りがさっぱりわからない。
時間があるときにガッツリPHPやってみたいな。
もしくはJavaScriptあたり。

なんだか一日やる気がです・・・
レスポンシブデザインに挑戦してるものの、
既に固定サイズのサイトできてるので、
なんだかやる気にならず。

MAC　OSをアップグレードしたり、
その間、会社のドラム叩いたり。

ふぁぁ〜〜

やることピックアップしてるのに何もやらなかったら
意味ないじゃない！！

ごめんなさい！

自分に喝

。。。

ポイントはHTMLからひとつひとつ

やっと動いたよ。
exValidation
1日目→バリデーション？なんじゃそれ。ぐぐってとりあえずこれつかってみよう→動かない。
2日目→やっぱり動かない。先輩に確認してもらう。と、読み込んではいるとのこと
3日目→HTMLから一つひとつ動くか確認。
うおーーーーできた！！！！

WordPress上では動かない事もあるので、やはりデスクトップに落として
簡単HTMLで一つひとつどれが動くか確認していくのがよかった。

詳細はこちらの記事で
exValidationとcontact form7を使ってお問い合わせのバリデーションを実装

細かいコードを書いているわけじゃないのに、
つまづいてるのが悲しいな〜。

昨日に引き続きバリデーション組み込みの作業

おかしい、
おかしい、
なぜかjQueryが動かない。

ほかのjsが邪魔しているのかなんなのか。
初心者の私は、それを突き止めるすべも。。ほげほげ

ひとまず、alertあたりでちゃんと動いてるのは確認したのよ。（先輩が）

<script type="text/javascript">
jQuery(function(){
    alert( jQuery("form.wpcf7-form").size() );
    var validation = jQuery("form.wpcf7-form").exValidation();
});
</script>

明日は、ひとまずもっとHTML上に簡単にしたもの作って確認してみよかな。

ほぇ。動かないと疲れるわ〜

お仕事でのお問い合わせページ作成

いままで作ってきたサイトは自分のサイトだったので
特にお問い合わせページが必要なく・・・
なので、１からの勉強によい機会になった。

普段使っているプラグインContactForm7には確認画面がない

確認機能は欲しい派だったので、ぐぐってみるとプラグイン発見。

contact-form-7-confirmプラグインにて実装

そして、
指令にあるバリデーションの実装

はて？
バリデーションとは？

ヴァリデーションてのは入力チェックのことです。
・必須項目が入力されているか
・メールアドレスは適切なメールアドレスの形式か
・数字は半角？全角？
・フリガナに漢字やひらがなが入ってない？

なるほど。

jQueryでやると簡単よ。
とのことだったので、ぐぐってみると
どんなフォームにでも使える exValidation の使い方 基本編
がヒット。

やってみるも、どうもうまくいかない。
なので明日、下記リンクみながらやってみる。
入力項目をその場でチェック jQuery-Validation-Engine

画像ってどうすんだ？

簡単にれすぽんしぶる対応する為に、
WordPressのテンプレートやBOOTSTRAP使ってるのに、
ナビゲーションに画像使ってる場合どうすんだよ。ってなった。

そのナビのせいか、
ナビの下にあるコンテンツがサイズが画面の横幅と同じじゃなく
画面より大きく表示されちゃう。

んもぅ。

以前構築したサイトをもう一度丁寧に

と、WordPressテンプレートカスタマイズしながら始めたけど、
なかなかうまくいかないし、わけわからなくなる。

一度、HTMLになおして見ようかな。

今日は旦那さんがお迎え行くから大丈夫だろう。
といっても、急がねば。

サイトURLにカスタム投稿タイプのスラッグが勝手についてしまう
現象が起きた。
結局index.php が表示されるんだけど、
怖いので、
前日の状態にサブバージョンで戻ってもらった。

パーマリンク設定を違うものに変えると直って
しばらくするとまたおかしくなるので
明日まで様子見。

クライアントもすでに確認中だし、新たに開発環境作った

年別アーカイブページいろいろとがんばってみたけど、
すんなりいかない＆
クライアントもすでにテストサイトをチェック中なので、
新たに開発環境作ってもらって、実装してみる。

ついでに、CSSも変える。
実はこのサイト、私の人生初のWordPressサイトなんだもの。

いろいろ修正する！

成長してるとよいな。

本日は台風の為、自宅勤務。
こういうことができるのもこの仕事内容と会社のおかげだなぁ・・・

カスタムフィールドの日付から年別アーカイブを作る所で
どうしてもプラグインTypesだとできそうもなく、
急遽違うプラグインで試してみた。
使ったのはAdvanced Custom Fields

参考にしたのはこちら
Advanced Custom Fieldsの日付がサーバ環境で表示されない

そうしたところ、ちゃんと表示された。
うーんTypesのやろう。

ただ、今度はdate.phpが表示されないよ。
またかよ・・・

参考にしたサイト

WordPressプラグイン「Advanced custom field」の基本的な使い方と用例

カスタムフィールドの日付から年別アーカイブリストを作成