Web制作・SEO 画像変換 – JPG・JPEG・PNG画像フォーマットをWebPに変換する2つの方法
GoogleのPageSpeed Insightsの分析結果「改善できる項目」に「次世代フォーマットでの画像の配信」が挙げられ、JPGやPNGの画像フォーマットをWebPに変換しました。WordPressのプラグインを使う方法と使わないWebPへの変換方法をご紹介します。
Web制作・SEO
Web制作・SEO 
Web制作・SEO WordPress – メディアのアップロード先と参照先を変えて便利にスマートに
WordPressのデフォルトのメディアアップロード先は、インストールディレクトリの下の /wp-content/uploads です。セキュリティ的にも良くないこの状態を、ルートディレクトリに変更して、既存画像のアンカーリンクも変更します。
jQuery WordPress – Contact Form 7を5.6にバージョンアップにした時に注意するマークアップ
WordPressで構築したWebサイトで人気のメールフォームプラグイン「Contact Form 7」。とあるサイトでも Contact Form 7 でフォームを作成して利用していたのですが、5.5.6 から 5.6 にバージョンアップ...
jQuery jQuery – モバイルメニューのサブメニューを折りたたみにする簡単な方法
WordPressテーマ【Cocoon】をカスタマイズしたWebサイトのモバイルメニューのサブメニューを、アコーディオン（折りたたみ式）にして欲しいという案件がありました。そのためには、サブメニューの親要素（サブメニューを持つ親メニュー）の...
JavaScript jQuery – フォームの入力内容をブラウザを閉じても保持するGarlic.js
測定日や測定値などを複数メモる日常点検のような業務で、手帳にメモるのが面倒なのでスマートフォンからフォームに入力してメール送信したいということがありました。しかし広範囲をチェックして回るので、その間にブラウザが閉じてしまったり更新してしまっ...
JavaScript 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円、...
WordPress WordPress – 非公開や下書きの固定ページを親ページに設定できるようにする
WordPressで固定ページを作成する時に不便だと感じていたのが、デフォルトのページ属性では、下書きや非公開状態のページを親ページに選択出来ないことです。新規にWebサイトを制作する場合や新たに階層を追加する時など、公開するまでに親子のペ...