Web Design Leaves

jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.2.13」。以前「Version 1.1.4」の時にも調べたけれど、最近使おうと思ったらバージョンが上がっていました。Version 1.2.0 で全面的に書き換えたと…

続きを読む

数日前にあるサイトの WordPress を 4.4 にアップデートしたら、サムネイルをクリックすると画像が変わるはずなのに変わらないとの報告がありました。 調べてみると、jQuery を使って対応するアイキャッチ画像の src 属性を取得して、それを表示する画像の src 属性に設定するというような処理になっていて、問題なく src 属性は変更されているの…

続きを読む

フォームを送信（submit）すると、 action 属性で指定したファイルが読み込まれ、送信した際の画面の表示位置はリセットされページの先頭が表示されます。 フォームがページの中ほどや後半にある場合で、自分自身（$_SERVER[‘PHP_SELF’]）に送信した際に、送信（submit）した際の表示位置を保持して、ページロード後も…

続きを読む

Window オブジェクトや Document オブジェクト、DOM (Document Object Model) 、DOM 要素、jQuery オブジェクト等に関する個人的なメモ。 目次 Window オブジェクト ブラウザを操作するための機能を集めたオブジェクトがブラウザオブジェクトです。ブラウザオブジェクトは標準の規格があるわけではなく、個々のブラウ…

続きを読む

Google Fonts（GoogleFonts）の基本的な使い方・利用方法に関するメモ。 内容が古くなっていたので書き換えました。（2017年9月3日） 「Google Fonts の使い方や利用方法」もご覧ください（こちらの方が少し新しいです）。 目次 Google Fonts は「Open Source Fonts」で商用・非商用に関わらず誰でも無料で…

続きを読む

jQuery の load() を使って同じサイト内の別のページの見出しを表示する方法に関するメモ。load() の基本的な使い方等についても再度メモ。 目次 load() の概要 書式 パラメータと戻り値 url （String） 要求を送信するサーバ側リソース（読む込むデータ）のURL。 オプションとして jQuery セレクタを使い（指定して）取得した…

続きを読む

アメリカのメールマガジン（ニュースレター）配信サービス、MailChimp の登録方法と基本的な使い方について。 MailChimp には無料利用枠があり、メールアドレス登録数が 2,000件未満で、月間の送信回数が 12,000件までなら無料で利用可能です。 メール編集にはいくつかのテンプレートがあり、予めデザインされたものやドラッグ＆ドロップで簡単に編集…

続きを読む

今朝、ThemeForest から WordPress のプラグインやテーマに関するクロスサイトスクリプティング（XSS）の脆弱性に関するメールが来ていたので、調べたら以前メモしたプラグイン（My Calendar）も含まれていた。 追加情報 WordPress は7日、重要なセキュリティアップデートとして「WordPress 4.2.2」を公開しています。…

続きを読む

HTML ソースをページに表示させる際、そのままソースを記述してしまうと、HTML 要素として解釈されてしまうので、「< 」や「 >」 は変換（エスケープ）しておく必要があるが、いちいち変換するのは面倒なので一括して変換する方法のメモ。 目次 概要 テキストエリアに入力した HTML ソースをボタンをクリックすると、エスケープ処理（変換）した文字…

続きを読む

google-code-prettify を使ってシンタックスハイライトする方法のメモ。 google-code-prettify の最も簡単な方法はオートローダーを使う方法で、以下をヘッダー部分に記述して、表示する部分を pre 要素で囲み、pre 要素に「prettyprint」というクラスを指定するだけ。 但し、オートローダを使う方法だとカスタマイズが…

続きを読む