フロントエンド– tag –

ページの表示速度はユーザーの離脱を防ぐためにも重要です。 今回は、最近やっているWordpressでWEBサイトを制作した際の表示速度対策を紹介します。 【1.imgタグにwidthとheightを記述する】 理由①：WP側で自動でloading="lazy"を追記してくれる 理由②：...

WEBにmp4の動画を載せる場合、高画質なままだとページの読み込みに時間がかかり、ユーザーの離脱、SEO評価の低下などが想定され、あまりよくありません。 今回はmp4ファイルをAdobe Media Encoderで圧縮する方法をご紹介します。 ※Adobe Media Encoderは20...

Gitを使う上で、最低限知っておきたいGitコマンドを紹介します。 【git init】 「git init」はリポジトリを作成するためのコマンドです。 Gitを利用するためにはリポジトリを作成する必要があるので、まず実施するコマンドになります。 リポジトリを作成し...

スライダーのドットはスライドが何枚あるかが分かり、見せたい側も見たい側も便利な要素です。 最近はただのドットではなく、サムネイルで内容が見られたり、あとどのくらいで切り替わるか分かったり、デザインも機能も多彩になったように思います。 今回...

Wordpressのカスタム投稿でタクソノミーを作成しても、管理画面の投稿一覧に絞りこみドロップダウンは自動で追加されません。 特に記事が大量に投稿される場合やタクソノミーが複数存在するときを想定すると、 実装してあげたい機能ですが…案外簡単に追加...

WordPress5.5から画像を自動で遅延読み込みする機能が追加されました。 遅延読み込みの効果と、実装方法についてまとめました。 【画像の遅延読み込みとは】 Webページにアクセスしたとき、通常すべての要素を読み込んでからページを表示しますが、データ...

webサイトになかなかアクセスできなかったり画像の表示に時間がかかったり、サイトの読み込み速度が遅いと感じたことはありませんか？ webサイトの読み込み速度が遅いと、離脱率の上昇や直帰率の上昇、Googleの表示順位にも影響するようです。 DigitalMark...

reCAPTCHAとは Googleが無料で提供しているサービスで、BOTを判別しブロックしてくれるものです。 □私はロボットではありません ↑これです！この文言で大体の方は、あ〜あれか〜となるのではないでしょうか。 これはv2で、現在では新しいバージョンが出て...

will-changeとは、アニメーションするプロパティーの指定することで、 ブラウザ側で事前にアニメーションの準備を行い、その要素がアニメーションを行う際に最適な状態にします。 多用は非推奨ですので、主にアニメーションがカクついてスムーズに動かない...

Wordpressの投稿編集ページにURL入力欄を作り、WEBサイトのお知らせ一覧などから詳細ページではなく直接入力したページへ遷移するようにするようにしたいと思います。 今回は2つの方法をご紹介します。 【1】プラグインAdvanced Custom Fieldsを利用 【2】...

新着投稿一覧など、外部のWordPressサイトの投稿を画像付きで読み込みたい。 そんなときに必要な事はザックリこんな感じです。 外部のWordPressサイトの投稿の情報源があること その情報を読み込んで書き出すこと ただし今回のやり方の場合、読み込みたい...

Macユーザーの皆さんは、IEやEdgeの検証をどのように行っていますか？ 私は二台使いなのであまり困ることはないのですが、 手元にMacしかないのにどうしても今すぐIEで検証を行わなければならない時ってありますよね。 そんな時に役立つのが「VirtualBox」...