web

httpsでレイアウトが崩れた

昔つくったサイトでレイアウトが崩れると連絡がありました。

話を聞くと、httpsで見るとレイアウトが崩れるとか。
そんな事あるのかな?と確認するとfloat部分がカラム落ちしてました。

httpだとこうなってる
2015-02-16_r1

httpsだとこうなる
2015-02-16_r2

現象としては、横並びさせてる3要素の最後のmarginをjsで0にしてたんだけど、それが効いてない感じ。
jqeury本体は▼のを使ってた

もしかして、httpだから?
で調べてみるとプロトコル表記は省略出来るとの事で、次のように変更。

参考

全般的なスタイルルール プロトコル 埋め込みリソースからプロトコル表記(http:,https:)を省略する。

httpsだとjQuery/Ajaxは使えないのでしょうか?

emmetで、テキストをWrap with Abbreviationしつつ、valueやhrefなどに同じテキストを挿入する方法

Wrap with Abbreviation時に
option[value=$#]*>{$#}を使うと

こんなhtmlがあった時

Wrap with Abbreviation
こう出来る!

素敵っ!

参考

Controlling output position

横幅が変動する要素をセンタリングする。

センタリング

通常、ブロック要素をセンタリングさせるには

1)横幅を指定
2)左右のmarginをauto

するけど
横幅を指定しちゃうから、内容に合わせて横幅が伸縮するような要素をセンタリングさせられません。

けど、widthの代わりにdisplay:tableを使うと
横幅が変動する要素をセンタリングが可能にッ!!!

display:table;はIE8も理解してくれます

[WordPress]確認画面付きのメールフォームプラグインMW WP Formに、直前のページの情報を含ませる。

1)MW WP Form側の作業

MW WP Form編集画面の右下にある設定の
URL引数を有効にするにチェックをいれて
$post(WordPress私的マニュアル)のプロパティを使えるようにする。

MW WP Form編集画面

2)テンプレート側の作業

MW WP Formへのリンクに投稿IDを含ませる

↓こんな風なリンクにしたい
http://example.com/apply?post_id=投稿ID

3)再度MW WP Form側の作業

$post:WordPress私的マニュアルのプロパティが使えるようになっているので

でリンク元のページの情報を表示出来る。

4)返信メールに含めるには

自動返信メール設定

{キー}でそのフォーム項目に変換されます。
と書いてあるので

自動返信メール設定の本文などに{post_title}や{post_name}と書いてみても
返信メールのその部分は空白になってしまった

そこで一度hiddenフィールドに渡してからそのnameを使ってみたら、
返信メールに{post_title}や{post_name}を含める事が出来た

自動返信メール設定の本文などには
name属性で指定した変数(?)を使う

MW WP Formプラグイン公式ページ

MW WP Form – 柔軟なカスタマイズ性が魅力の WordPress 問い合わせフォームプラグイン。

以上。

WP3.9の投稿画面でメディアの追加やビジュアルタブが機能しなくなった話

機能しない

画像アップしようとしたら、メディアを追加が動かない
ビジュアルタブをクリックしてもテキスト入力から切り替わらない

検索すると
2014年ワードプレス3.9でビジュアルエディタが使用できない問題を解決という投稿を発見。

そこにはPS Disable Auto Formattingが原因と書いてある。
だがしかし、このblogにはそのプラグインはインストールしていない、別の問題が起きているのだろう。

でも投稿画面に関係するプラグインが原因の可能性が高いと思うので
管理画面で機能するプラグインを外していくと
File Gallery(https://wordpress.org/plugins/file-gallery/)が原因だった事がわかりました。

複数画像を一気に追加できるプラグインだけど、これって今はもう必要ない感じ?
とりあえず停止。

YARPPの関連記事とSimple Tagsのタグを好きな位置に表示させる

1)テンプレートファイル

表示させたい場所に以下のタグを挿入

2)管理画面

YARPP

管理画面>設定>YARPP
自動表示のチェックを外す

Simple Tags

管理画面>設定>Simple Tags
投稿に自動的にタグの一覧を表示をno – 表示しない (初期値)

EC-CUBE(2.13.1)で商品カテゴリーリストから任意のカテゴリーを除外した

編集するファイル

/data/Smarty/templates/default/frontparts/bloc/category_tree_fork.tpl
特定カテゴリーが書き出されないようにforeachの中のハイライトした部分を追加