WordPress WebP画像と従来画像を振り分ける.htaccessとpictureタグとmodernizr.js
JPGやPNGなどの従来画像とWebPが混在した実際の活用で、WebPに対応していないブラウザや、記事の画像関連の記述変更が煩わしい場合に、pictureタグや.htaccessの記述で従来画像とWebPを出し分ける方法をまとめます。
Webデザイン
WordPress 
WordPress 画像変換 – JPG・JPEG・PNG画像フォーマットをWebPに変換する2つの方法
GoogleのPageSpeed Insightsの分析結果「改善できる項目」に「次世代フォーマットでの画像の配信」が挙げられ、JPGやPNGの画像フォーマットをWebPに変換しました。WordPressのプラグインを使う方法と使わないWebPへの変換方法をご紹介します。
WordPress WordPress – メディアのアップロード先と参照先を変えて便利にスマートに
WordPressのデフォルトのメディアアップロード先は、インストールディレクトリの下の /wp-content/uploads です。セキュリティ的にも良くないこの状態を、ルートディレクトリに変更して、既存画像のアンカーリンクも変更します。
WordPress WordPress – Contact Form 7を5.6にバージョンアップにした時に注意するマークアップ
WordPressで構築したWebサイトで人気のメールフォームプラグイン「Contact Form 7」。とあるサイトでも Contact Form 7 でフォームを作成して利用していたのですが、5.5.6 から 5.6 にバージョンアップ...
WordPress jQuery – モバイルメニューのサブメニューを折りたたみにする簡単な方法
WordPressテーマ【Cocoon】をカスタマイズしたWebサイトのモバイルメニューのサブメニューを、アコーディオン（折りたたみ式）にして欲しいという案件がありました。そのためには、サブメニューの親要素（サブメニューを持つ親メニュー）の...
WordPress jQuery – フォームの入力内容をブラウザを閉じても保持するGarlic.js
測定日や測定値などを複数メモる日常点検のような業務で、手帳にメモるのが面倒なのでスマートフォンからフォームに入力してメール送信したいということがありました。しかし広範囲をチェックして回るので、その間にブラウザが閉じてしまったり更新してしまっ...
WordPress WordPress – flamingoに保存されたContact Form 7のデータをHighchartsでグラフ化する（デモあり）
WordPressのプラグイン flamingo は、メールフォームプラグイン Contact Form 7 の送信データをデータベース上に保存するプラグインです。このデータをグラフ化する案件があったので覚書です。とある装置の日々の測定デー...
WordPress WordPress – プラグインWelcartのカート内の商品数量合計をウィジェットに表示するショートコードを追加する
WordPressのネットショップ構築プラグインWelcart（ウェルカート）を使用した販売を行っているサイトで、カートの中の個数をサイドバーなど（ウィジェット）に表示したい時がありました（画像のような感じです）。その方法として、カート内個...
WordPress WordPress – ショートコードで本文中にテンプレートファイル(PHP)を読み込む
私の場合、WordPressで、例えばトップページに任意のカテゴリーの最新記事のみを任意の件数だけ取得して表示したい場合など、本文中にテンプレートファイルを読み込ませたいことがありました。頻繁に変わる内容や大量のコードを別ファイルで管理した...
WordPress WordPress – プラグインWelcartで一定金額以上の買い物で送料を値引きする
WordPressのネットショップ構築プラグインWelcartでは、一定金額以上の購入で送料無料にする設定はデフォルトで可能ですが、送料値引きという設定が出来ません。しかし、例えば、本州・四国・九州は通常送料600円で北海道は1,200円、...