Drupalにてvar_dumpのように使われている変数の中身を表示してくれるファンクション

これもよく忘れるのでメモ。Drupalないでショートカットがある

dpr:dprint_r のショートカット

dvr:dprはprint_rを使っているが、dvrはvar_dumpを使っている。

dpm:メッセージがデバッグしやすく閲覧可能ページに出力される。

dvm:dpmはprint_rを使っているが、dvmはvar_dumpを使っている。メッセージについてはdpmと同じ。

詳しくは下記参照

https://www.thingy-ma-jig.co.uk/blog/02-10-2007/hugely-useful-hugely-undocumented

 

Drupal7でCKEditorのプラグインをインストール後有効化する方法

これもめちゃくちゃはまった案件。

Drupal7においてCKEditorのプラグインを、CKEditorの公式サイト通りにアップロードして設定しても反映されなかった件。

まず公式サイトに掲載されているCKEditorのプラグインのインストール方法は、

sites\all\modules\ckeditor\plugins 直下にダウンロードして解凍したプラグインフォルダをアップロードする。

config.jsファイル(Drupalではckeditor.config.jsが該当)に

config.extraPlugins = ‘pluginname’;

のコードを追加する。

しかし、上記の作業をしてキャッシュをクリアしても全然反映されない。結局調べまくってわかったのは、

環境設定のCKEditorのプロフィール設定からプラグインを有効化する必要がある。

環境設定->CKEditor->プロフィールの編集をクリックし、

EDITOR APPEARANCEタブを開き、プラグインの項目のところまでスクロールし、

該当のプラグインにチェックを入れ有効化する。

上記の設定を行えば、特にckeditor.config.jsに追記しなくてもプラグインは有効かされる。

注:プラグイン有効化後、新しく作るポスト・ブロックのみにプラグインの設定は反映される。古い投稿はそのまま。

参考情報:http://docs.cksource.com/CKEditor_for_Drupal/Enterprise/Drupal_7/Plugins

今回インストールしたのは、エディターにURLリンクを貼り付けると自動的にリンクにしてくれるもの

Autolink

WordPress プラグイン Quiz And Survey Master の表示が404エラーになってしまう

久しぶりのWordpress案件。Quiz And Survey Masterプラグインをテスト使用しようとするも、Viewをクリックしてもクイズページが表示されない。

1時間以上ドキュメント見たりチュートリアルの動画見たりあれこれしていたけど、結局原因分からず。

必死でググったらQ&Aのページにさらっとパーマリンクの設定ページで、現状の設定のまま保存をすれば表示されるとのこと。

やってみたら表示されるようになった。フーッ c=(ー_ー;)

そういえば以前もページが正常に表示されず、パーマリンクの設定ページで保存をし直したら正常に表示されたことがあった。

覚えておこう。

https://wordpress.org/support/topic/view-quiz-gives-page-cannot-be-displayed-error-404

 

Drupal7 ページアサイン前のブロック表示

ページを設定する前にメニューのリンクから他のページに飛んでもブロックが正常に表示されない。ページから該当のURLを設定することで正常に表示されるようになる。

Drupal7 Viewsの出力を変更してHTML構造をカスタマイズする

必要な各フィールドを設定。

Exclude displayにチェックを入れ、各フィールド設定でリンクが出力されないようにしておく。

Global : Custom textを追加し、

Rewrite resultsにてカスタマイズしたHtmlとフィールド名を[]で囲んで入力。

コンテンツのリンクを出力する場合は、

Content : Pathのフィールドを追加し、

Rewrite resultsでOutput this field as a linkにチェックを入れ、

Link pathに[path]を入れる。

jQuery parent() と parents() の違い

下記のfind()とchildren()の違いのように、

parent()は第一階層上のみしか検索しないが、

parents()はさらに上の階層まで検索される。

jQuery .find()と.children() の違い

children()はfirst decendant 、直下の階層のDOMツリーのみ検索、そのさらに下までは検索しない。

find()その下の全階層を含めて検索。

僅かな差であるだろうが、HTML構造が定まっていて直下の階層の要素のみ取得したく階層が深い場合はchildren()を使った方がパフォーマンスが上がると思われる。

 

jQuery $(this) と JavaScript this の違い

これもよく忘れるのでメモ

jQueryの$(this)はjQueryオブジェクトとしてその時選ばれている要素が格納される。

オブジェクトなのでconsoleで見ると様々なプロパティが格納されている。

jQueryにおける$(this)[0]がJavascriptのthisと同じ。

jQueryオブジェクト第一変数にはvanila Javascriptで言うdocument.getElementBy~の値が格納されている。

http://stackoverflow.com/questions/1051782/jquery-this-vs-this

CSS3 transitionを使用してhoverで色の変更をfade in/fade out させる

CSS3のtransitionやanimateをいつも使う度に忘れるのでメモ。

変化前の(大元の)方のクラスにtransitionの初期値を、

hover後のクラスに変化後のパラメーターを入れる。

 

.element {

  transition: all .2s ease-in;

  background: #f1f1f1;

}

.element:hover {

  background: #eee;

}

 

またtransitionは変化前後の数値を比較して計算するため、基本的に数値で指定するパラメーターのみしか受け付けない。(バイナリは使用不可)

例:visibilityは使えないがopacityは使える

http://www.w3schools.com/css/css3_transitions.asp