Web制作で役立つメモをWEB MEMO LOG

フル画面やファーストビューでブラウザの高さいっぱいにビジュアルを表示したい場合、幅は「width:100%;」で設定できますが、ブラウザの高さを取得して、その値をCSSに反映する方法をメモメモ。 【参・・・

普段よくお世話になっているWordPressプラグイン、繰り返しのカスタムフィールドを作成できる「Smart Custom Fields」、柔軟なカスタマイズが可能なフォームを簡単に作成できる「MW ・・・

Googleが常時SSLを推奨しており、ChromeのアドレスバーにおけるWebサイトの安全性表示の内容が変更になると発表しています。それに伴い、WordPressで構築されているサイト（シングルサイ・・・

WordPressで記事のサムネイル画像を表示したいとき、アイキャッチがあれば、アイキャッチを表示、なければ記事の最初の画像（自動リサイズ・絵文字を除外）、それもなければあらかじめ設定した画像を表示す・・・

今やSNSでの拡散等を考慮すると、必須設定事項のOGP（Open Graph Protocol）ですが、WordPressでプラグインを利用せずに設定する方法をメモメモ。 表示例 【参考】Facebo・・・

WordPressで画像を登録する際に毎回リサイズが面倒だったり、必要以上の画像サイズで登録されてしまったりとするケースがあるかと思います。そこで、プラグイン「EWWW Image Optimizer・・・

Cドライブ直下にXAMPPをインストールした場合は、C:\xampp\htdocsにデータを保存するとPHP等の確認はできますが、任意のディレクトリでも確認したい場合のメモメモ。 【手順1】 フォルダ・・・

Dreamweaver CC 2017でSassにも対応し、ますます広がっていくのかなというSass。よく使う便利なコードをメモメモ。 変数 インターポレーション Compassで「引数を使った@mi・・・

イメージに近いフォントがあるか確認したい時等、自分のPCにインストールされているフォントサンプルを一覧で表示する方法をメモメモ。 Wordmark - Helps you choose fonts!

クリック時にクラスを追加するなど、よく使用するjQueryのメソッドをメモメモ。 CSSの操作 クリック時の処理 クラスを追加 画像名の変更