Webデザイン

WordPress

WebP画像と従来画像を振り分ける.htaccessとpictureタグとmodernizr.js

JPGやPNGなどの従来画像とWebPが混在した実際の活用で、WebPに対応していないブラウザや、記事の画像関連の記述変更が煩わしい場合に、pictureタグや.htaccessの記述で従来画像とWebPを出し分ける方法をまとめます。
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円...
スポンサーリンク