2015年7月28日火曜日

Blogger のコンタクトフォームを使って記事ごとにお問合せフォームをつける




Blogger には便利なコンタクトフォームがあるのですが、味気ないのでカスタムというのがいろいろ情報があります。 こちらのように独立ページでお問合せのページとして使う方法などもあります。

で、それを、写真のように各ページごとに、ある程度の文章も入力した状況で各アイテムごとにつける…方法が意外に難しかった…
  <data:post.body/> の下にはwidgetはつかないのです。

で、結局、widgetは

div#ContactForm2 {display:none!important;}  (id はその都度確認) で

見せないようにして、こちらの記事を参考に、divで入れました。 ブログのIDを指定するのがミソのようです。 こうすることで、 ブログの記事のタイトルを入れるなどカスタム可能。widgetのままだとこれはできません。



2015年7月21日火曜日

BootStrap と もっともシンプルなblogger テンプレートを作る 



【Bootstrapを使ったBlogger テンプレート】 ← こちらで販売しています!

ブロガーの良さを残しbootstrapを取り入れるバージョン完成

こんなjquery あったんか!「jQueryのバージョンを上げたら動かなくなった…!」という場合に修正箇所を教えてくれたり、廃止されたAPIを復元して動くようにしてくれたりします。 

これもつけてとにかくBootstrapをCDNで入れ込む 必ずjquery は前に入れること!
こちらで実験中

初期値で要素の検証でエラー出るのは、Chromeのバグということだが、ツイッターなどの共有ボタンを消すとOK

モバイル要素は全部消す mobile との切替はなし(でも消しても復活するものありw)
フッターの組み方はマクロを単純に消すとエラー


上部のveiwport を設定を変更します。(最後のカッコ閉じる / を忘れない)
この際、eiwportの意味も徹底理解したいです!  いや、手っ取り早くどれがいいのか教えてくれたらそれでいいわ!

こちらのBlogger のヘルプも参照しながら、前からやりたかった徹底分析です!
  • ブログタイトルの表示 <data:blog.title/>


2015年7月9日木曜日

スマホのCSSのhover が外れない 超オススメフラッシュライト

video

動画のような感じで、スマホでもタッチしてアニメーションを設定する場合は、Focusを設定してやるのだそうです。 知らんかったな~。

こういう感じにカッコいいアニメとかも、パソコンだけのことしか考えてなかったが、こうしたらいいのね。と。 

で、最初いつものように、hover 要素を設定していただけだと、スマホで見ると、クリックした後で要素がとれない…。

で、なんでこれで touchイベントの設定になるのかわかりませんが、これをつけた。
が、これをつけても、どっかクリックしないと元にはもどらない。



で、このスクリプトと、Focusをセットで設定すると初めて動画のようになり、よい感じになりました。
…と、思ったが、このihover合成したら…なぜかオリジナルはうまいこといくけど、iHover はうまくいかん…www もう疲れたから妥協です。

もう知らんことばかりだわ…
video


2015年7月5日日曜日

Form のタイムスタンプを日本語化し、それなりにした
日本の景気はブルブルです…日中友好を通じて考える

Formに入力された日付は自動的に入力されるのですが、どうしても、


な風になってしまうので、これを表示を変更するだけで、何とかならんかなと思うのですが、どうしても見栄えよくすることができません。

で、スクリプトを使って文字を置き換えることを考えました。


右のように英語を日本語に置き換えたものを準備し、
それを元に MID関数などで左のように形成します。


で、replaceText というのは、どうも、Google Document の関数のようで、うまく動かない。で、探したら、またまた、stackoverflow で教えてもらいました。ありがとうございます。


2015年6月18日木曜日

PHP5による get property of non-object の対応 商売の極意

たぶんRSS配信するプログラムが甘い。配列だと警告が出るので…print_r で対応
ローカルではこうなっている…



人のJoomla見ながら勉強して、ローカルでうまくいくのに、hetemlでうまく動かないので、調べていたら、PHP5.4でも、微妙に違うみたいで、エラーが出る。
上のキャプチャは対応後です。これで妥協した。バックヤードの部分のエラーなんで、なんとかなるなと判断…。

一番最初は、get property of non-objectが出て、CSSが対応されない、結構大きなエラーだった。で、ここを見て考えた…

nullのものを代入する前にempty()だったら 空白を入れなさいとか前にかまして対応する。

ださい!けど、エラーなくなった。

太文字部分を追加

$termsMenuLink = $menu->getItem($this->params->get('terms_link_menu'));
if(empty($termsMenuLink->id)){
$terms_link_url="";
}
else{
$terms_link_url =  JRoute::_($termsMenuLink->link.'&Itemid='.$termsMenuLink->id);}

ちょっと大変だわ。

ちなみに、



連絡フォーム

名前

メール *

メッセージ *