「このブロックでエラーが発生したためプレビューできません。」を解決した
「このブロックでエラーが発生したためプレビューできません。」固定ページの編集画面で、すでに配置されているブロックをクリックするたび、ブロックがこの表示に変わっていきました。状況お客様のサイトを作成している中で、ローカル環境（自分のPC）とス...
サイト制作
画像の最適化でサイトの速度アップ！効果的な最適化方法とは？
サイト制作において使用する画像は単なるデザインの一部ではなく、サイト全体のパフォーマンスやSEOに大きな影響を与える重要な要素です。そのため、適切な解像度に変更したり、圧縮技術使ってサイズを減らすなど最適化された画像にすることで、ページの読...
Youtubeから取得したサムネイルをきれいに表示する
サイトにYoutubeを埋め込むと読み込み速度がかなり悪化したため、なにか良い方法がないか調べていたら、こちらの方法にたどり着きました。「方法①：iframe動画の遅延読み込み」と「方法②：そもそも動画読込無しで代替画像を表示しておく」につ...
カスタムフィールドを使う場合の設定色々
カスタムフィールドを作るプラグイン「Advanced Custom Fields」略称ACFカスタムフィールドを「クイック編集」できるようにするプラグイン「ACF QuickEdit Fields」カスタムフィールドを標準の検索対象にする「...
Contact Form 7で必須項目がすべて入力されたらボタンの色を変える方法
Contact Form 7で作成したお問い合わせフォームで、すべての必須項目が入力されたらボタンの色が変わるという動作を実装する方法を解説します。ボタンの色が変わることで、必要な入力がすべて完了したことを、フォームの利用者に視覚的に伝える...
ホームページがなぜ必要か？
ホームページは”インターネット営業所”24時間365日集客をしてくれる営業マン。お客様は、連絡するかどうかはホームページを閲覧して判断する。SNS、ネット広告や紙媒体広告を見ても、本気で連絡するかどうかを考えるお客様なら、その会社やサービス...
WordPressサイトにInstagramの投稿を埋め込む方法
Instagramは視覚的に魅力的なコンテンツをシェアするプラットフォームとして非常に人気があります。WordPressサイトにInstagramの投稿を埋め込むことで、サイトの訪問者に対して最新のビジュアルコンテンツを提供することができま...
コンテンツを左右からスライドインさせる
サイト制作時に、よく使用するコードをスニペットとして置いておきます。動作イメージスクロールしていくとコンテンツが左右からスライドインで表示される。表示される時に多少ブルブルする。前提条件jQueryを使うので、<head>タグ内に以下の記述...
ハンバーガーメニューとグローバルナビゲーション
サイトのヘッダー部分について、よく使用するコードをスニペットとして置いておきます。動作イメージスマホではハンバーガーメニューで動作。クリックするとアイコンがアニメーションで ✕ になる画面中央から広がるようにメニューが展開パソコンではロゴが...
WordPress初心者必見！インストール直後に導入すべき7つのプラグイン
WordPressは、世界中で広く使用されているコンテンツ管理システムです。その柔軟性と拡張性の高さから、初心者からプロフェッショナルまで幅広く支持されています。上記の説明を読んでもよくわからない人は、ホームページを作るのに便利な道具だと思...