Web Design Leaves

WP-CLI は、WordPress へのいろいろな操作(本体のインストール・アップデート、プラグインやテーマ のインストール・アップデート、それらのバージョンの確認等)をコマンドラインから行えるようにするツール。 Windows 環境へのインストール方法は以下に掲載されているのでそれを元にインストールした際のメモ。この例では「Composer」を使用。 A…

続きを読む

PHP_CodeSniffer を使ってWordPress のコーディングルールに準拠しているかをチェックしてくれる WordPress-Coding-Standards というツールを Windows 環境（XAMPP）にインストールする方法のメモ。 PHP_CodeSniffer PHP のコーディングルールに準拠しているかどうかをチェックしてくれるツー…

続きを読む

CSS のベンダープレフィックス（接頭語）を自動で最適化（追加・削除）してくれる Sublime Text のプラグイン「sublime-autoprefixer 」に関するメモ。 対象ブラウザやそのバージョンを指定することも可能。 適切なベンダープレフィックスを付けるのはとても面倒で大変だが、このプラグインを使用すると簡単に CSS に付与したベンダープレ…

続きを読む

jQuery レスポンシブメニュープラグイン SlickNav の基本的な使い方や設定に関する個人的なメモ。マルチレベル（メニューの階層）にも対応しているので便利。 SlickNav Responsive Mobile Menu v1.0.1 licensed under MIT 目次 jQuery プラグイン SlickNav のダウンロード SlickN…

続きを読む

jQuery プラグイン Wookmark の使い方や設定に関する個人的なメモ。 Wookmark は高さの異なる要素をタイル状に隙間なく並べてくれるプラグイン。但し、基本的に幅は一定にする必要があるみたい。 似たようなプラグインで jQuery Masonry があり、これは幅が異なってもそれなりにうまく並べてくれる（幅の設定の方法による）が、Wookma…

続きを読む

jQuery スライダープラグイン lightSlider の基本的な使い方や設定に関する個人的なメモ。この時点での lightSlider のバージョンは「Version 1.1.1」。 ライセンス：MIT License レスポンシブ対応 ギャラリーモード（スライドショー） サムネイル表示 Slide, Fade アニメーション youtube, vim…

続きを読む

追加情報 Version 1.2.x については「 jQuery lightGallery (Version 1.2.x) の使い方や設定」をご覧ください。 jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.1.4」。…

続きを読む

jQuery fancyBox v1.3.4 の使い方や設定に関する個人的なメモ。 fancyBox は v2.x からライセンスが変わり、商用（営利目的）の場合は有料となっているため、古いバージョンを探したら以下のサイトにあった。このサイトと本家（？）の fancyBox との関係は不明。 http://fancybox.net v1.3.4 のライセンス…

続きを読む

jQuery プラグイン fancyBox の基本的な使い方や設定に関する個人的なメモ。この時点での fancyBox のバージョンは「v2.1.5」。 関連ページ：「jQuery fancyBox v1.3.4 の使い方や設定」 目次 jQuery プラグイン fancyBox のダウンロード fancyBox のページの「license & d…

続きを読む

レスポンシブのサイトを作成していたら、何故かスマホのサイズの場合のみ、右側に余白（空間）ができていた。 HTML の構造は以下のようなもの。 CSS は以下のようなもの（関連部分抜粋） #header の幅は 100% に指定してあるのに、いくつかのページのみスマホのサイズでヘッダーの右側に余白ができる。よく見るとヘッダー部分のみではなく全体に余白ができてい…

続きを読む