画像の最適化でサイトの速度アップ！効果的な最適化方法とは？
サイト制作において使用する画像は単なるデザインの一部ではなく、サイト全体のパフォーマンスや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を使うの...
ハンバーガーメニューとグローバルナビゲーション
サイトのヘッダー部分について、よく使用するコードをスニペットとして置いておきます。 動作イメージ スマホではハンバーガーメニューで動作。 クリックするとアイコンがアニメーションで ✕ になる 画面中央から広がるよ...
WordPress初心者必見！インストール直後に導入すべき7つのプラグイン
WordPressは、世界中で広く使用されているコンテンツ管理システムです。その柔軟性と拡張性の高さから、初心者からプロフェッショナルまで幅広く支持されています。 上記の説明を読んでもよくわからない人は、ホームページを作るのに便利な...
Web制作のパーツデザインに悩むワタシへ！必見のパーツデザイン参考サイトまとめ
こんにちは。あなたに寄り添うITサポーターヒロ60です。 あれ、デジャブ？と思われた方、昨日の記事と同じようなタイトル・中身でSEO的にGoogleからマイナス評価されないか心配ですが、ちゃんと別記事ですので、ご安心ください。 ...