Knowledge Base

WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

チェックを入れる（何かに同意する）とクリックできるようになるボタンを作る方法[jQuery＋HTML]

公開日： 最終更新日：
  • ホームページ作成

通販サイトや保険の契約などを行うサイトでよく見かける「〇〇に同意しました」にチェックを入れると次の画面に遷移したりするボタン。結構大変なことするのかと思いきやWordPressでjQueryを使って案外簡単に実装できるので、紹介しておきます。
WordPress Plugin

表示可能なブラウザで、軽量なWebP形式の画像を配信してくれるプラグイン「WebP Express」

公開日： 最終更新日：
  • 画像・動画

【WebP Express】は過去・未来含め、「jpg」「png」形式の画像からWordPress上で「WebP」形式の画像を生成し、ブラウザの利用可否によって配信を判断してくれるプラグイン。今まで通りの形式の画像をアップロードすれば自動で「WebP」形式の画像を生成してくれるので便利です。
WordPress Plugin

アップロードした元画像（フルサイズ画像）の幅・高さ変更と画質の圧縮を自動で行うプラグイン「Imsanity」

公開日： 最終更新日：
  • パフォーマンス改善
  • 画像・動画

【Imsanity】は、アップロードした本当の元画像に対して画質と画像サイズの変更を行うプラグイン。「-scaled」ファイルが作られる上限以下（2560以下）に設定しておけば、余分なファイルが作られることも、使われない巨大なファイルが残ってしまうこともありません。
WordPress

アップロード済みの画像を軽量化して入れ替える方法(PageSpeed Insightsのスコア改善策)

公開日： 最終更新日：
  • 使い方など
  • 日記・雑記

WordPressで作っているサイトで、より軽量で最適な画像を使うことは、経験上PageSpeed Insightsのスコア向上やSEOに大きな影響を与えます。いくつかのプラグインとオンラインツールを使って、アップロード済み画像のダウンロード、再最適化、元の画像と簡単に、効率よく入れ替える方法を詳しく紹介します。

WordPress管理画面のメディア一覧へファイルサイズ・画像の縦横サイズを表示させる方法【備忘録】

公開日： 最終更新日：
  • 使い方など

WordPressのメディア一覧へ、ファイルのサイズを表示する方法、後半では画像サイズを追加表示させるを紹介します。重たい画像を探るとき、メディア編集画面へ行く必要がなくても確認できるので便利になります。
WordPress Plugin

本文などに書かれている文字やコードを置き換えるプラグイン「Search Regex」

公開日： 最終更新日：
  • バックエンド（管理）

「Search Regex」は管理画面側から投稿や固定ページ、コメント、プログラムそのものなどに含まれた語句を検索して指定語句に置き換えたり、１つ１つ編集したりできる便利なプラグインです。単純な文章ではなく中に含まれるショートコードやphpプログラムなどの要素を検索して編集するには大変重宝します。
WordPress Plugin

翻訳ファイルを更新で上書きされない場所へ保存し、優先読み込みさせるプラグイン「HA Force Translate Files」【β版】

公開日： 最終更新日：
  • バックエンド（管理）

WordPressサイトで翻訳ファイルが勝手に更新され、文章がいつの間にか変わってしまった・・そんな経験ありませんか？「HA Force Translate Files」は、通常の翻訳ファイル格納フォルダとは別の場所へアップロードし、かつ、優先適用させるためのプラグイン。テーマやプラグインの自動更新などで文字列が変わってしまうのを防ぐことができるプラグインです。

【WordPress】プラグインなしで「英語」版のサイトを作る　－制作備忘録－

公開日： 最終更新日：
  • サイト作成日記

日本語だけではなく同じ内容の英語サイトも作りたい！という多言語化対応（マルチランゲージ）。WordPressではプラグインを使って他言語化をされる方が多いと中、自力で構築することの可能性について、実際に日本語サイトで作成したサイトへ英語サイトを追加した際の検証＆運営記事です。