カテゴリー
CSS jQuery PHP Webサイト作成 WordPress

ページの読み込みを高速化する

こんにちは、エムケーワイです。 今回は趣向を変えてページ読み込みの高速化について書いてみようと思います。 SEOにはページ読み込みの速度も重要という事で、「PageSpeed Insights」でトップページの読み込み速 […]

カテゴリー
CSS HTML jQuery Webサイト作成

画像の表示方法あれこれ

いろいろなWebサイトで、スクロールしていくと画像がフェードインしてきたり、上下左右からスライドしながら出現したりするのを見かけます。 実現方法をネットで調べると、例えばX方向にスライドしながら出現させる場合は、 CSS […]

カテゴリー
CSS HTML jQuery PHP Webサイト作成 WordPress

カルーセルスライダー

今回は複数の画像が順次横にスライドして表示されるカルーセルスライダーを実装してみました。 と言っても初心者が自力で1から実装するには甚だハードルが高いのでプラグインの力を借りました。 ネットで調べてみたところ、&#822 […]

カテゴリー
CSS jQuery Twenty Twenty Webサイト作成

Twenty Twenty「上へ↑」を固定する

エムケーワイです。 今回はTwenty Twentyでフッターに表示される「上へ↑」(ヘッダーへのリンク)の固定表示にトライします。 お陰様で本サイトの投稿数が10件を超えたのですが、備忘録という事で画面のキャプチャ画像 […]

カテゴリー
CSS HTML jQuery Webサイト作成 WordPress

画像クリックで拡大画像をモーダル表示する

今回は画像をクリックしたら拡大画像がモーダル表示されるようにしてみます。 モーダル表示とは、何らかのアクション(例えば画像のクリック)によって別ウィンドウをページの上に表示することです。 一般的に別ウィンドウの周囲には元 […]

カテゴリー
CSS jQuery PHP Twenty Twenty Webサイト作成 WordPress

スクロール時にヘッダーを固定する

「スクロール時にナビゲーションメニューを固定する」は私が管理している別サイトのお話だったので、直接ナビゲーションメニューが固定される様子をお見せすることができませんでした。 そこで今回は本サイトで同じような修正を行ってみ […]

カテゴリー
CSS jQuery PHP Webサイト作成 WordPress

スクロール時にナビゲーションメニューを固定する

先日私が管理している別のサイトでトップページの「ヒーローヘッダーの背景画像を固定する」という修正を行いました。 続けて各ページの上部に表示されるナビゲーションメニューの固定にトライしたので、その備忘録を残します。 目標は […]